/* HTML Selector styles */
body{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 14px;
}
td{
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}
hr{
	height: 1px;
	background-color: steelblue;
	border: 0px solid steelblue;
	color: steelblue;
}
INPUT, TEXTAREA, SELECT{
	border: 1px solid #252E59;
	padding: 2px;
	font-weight: bold;
	width: 150px;
	font-size: 11px;
	font-family: tahoma, verdana, arial, sans-serif;
}
.TimeWidth{
   width: 60px;
}
.AlignRight{
	text-align: right;
}

TEXTAREA, SELECT{
font-size: 12px;
font-weight:normal;

}
INPUT.WideBox, TEXTAREA.WideBox, SELECT.WideBox{
width: 300px;

}
makeModelStyle
INPUT.makeModelStyle, TEXTAREA.makeModelStyle, SELECT.makeModelStyle{
width: 300px;

}
INPUT.WideBox_Upper{
text-transform: uppercase;
}

INPUT.FullWideBox, TEXTAREA.FullWideBox, SELECT.FullWideBox{
width: 100%;

}
INPUT.NarrowBox{
width: 75px;

}
INPUT.UltraNarrowBox{
width: 30px;

}
INPUT.WideDescription, TEXTAREA.WideDescription{
width: 300px;
height: 150px;

}


SELECT{
	font-weight: normal;
}
INPUT.CheckBox{
	width: 15px;
}
.AboutTag{
	font-size: 9px;
}

#cbRollUp{ 	width: 15px; }

a:link, a:visited { 
	text-decoration: none; 
	color: #252E59;

}
a:hover, a:active { 
	text-decoration: underline; 
	color: #252E59;
}
/* End HTML Selector Styles */

/* Add-In Core Styles */
/* Page title is the area used at the top of the add-in area used to display the 
 title of the add-in (e.g. Terminal Manager; User Manager; etc) */
.pagetitle { 
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 4px;
	font-size: 16px;
	COLOR: white;
	BACKGROUND-COLOR: #252E59;
	margin: 0px;
	width: 98%;
	border: 1px solid #252E59;
}
.pagetitlesmall { 
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	font-size: 12px;
	COLOR: white;
	BACKGROUND-COLOR: #252E59;
	margin: 0px;
	border: 1px solid #252E59;
}

/* Body Content is the add-in content area that encompases the remaining add-in
area after space is reserved for the title */
.BodyContent {
	margin-left: 10px; 
	margin-top: 10px;
	width: 95%; 
}
/* End Add-in Core Styles */

/* Login Page Styles */
.LoginMain{
	border: 5px double #666;
	width: 404px;
	text-align: center;
}
.LoginHeader{
	padding-bottom: 25px;
}
.LoginEntryLine{
	vertical-align: middle;
	text-align: left;
}
.LoginLabel{
	font-weight: bold;
	text-align: right;
	width: 40%;
	color: #464646;
	vertical-align: middle;
}
.LoginEntry{
	text-align: left;
}
.LoginEntry INPUT{
	width: 80%;
	border: 2px solid gray;
	font-weight: bold;
	color: #080;
}
.LoginCheck INPUT{
	border: none;
}
.LoginFooter{
	padding-top: 25px;
	text-align: right;
}
.LoginFooter INPUT{
	text-align: right;
	font-weight: bold;
	padding: 3 10 3 10;
	width: 30%;
	background-color: #666;
	color: white;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-top: 0px;
	border-left: 0px;
}
#chbPersistent{
	border: 0px;
	font-weight: bold;
	text-align: left;
	color: #080;
	width: 20px;
}
.LoginPosition{
	width: 75%;
	height: 75%;
	padding-left: 25%;
}
.LoginPosition td{
	vertical-align: middle;
}
/* End Login Page Styles */

/* Header Styles */
#hdr-l{
 background: url(Images/hdr-bk-l.jpg) no-repeat top left; 
 width: 100%;
 height: 65px;
 color: white;
 padding-top: 4px;
 padding-left: 210px;
 font-size: 18pt;
}
#hdr-r{
 background: url(Images/hdr-bk-r.jpg) repeat-x top left;
 width: 100%;
}
.Hdr2{
 background: url(Images/hdr-bk-b.gif) no-repeat;
 background-color: #252E59;
 width: 100%;
 height: 16px;
}
#hdr-r ul{
 position: absolute;
 height: 34px;
 text-align: right;
 right: 0px;
 top: 0px;
 width: 300px;
}
#hdr-r li.inline {
 display: inline;
 padding-left: 10px;
 padding-right: 5px;
}

#hdr-r li.last {
 display: inline;
 padding-left: 10px;
 padding-right: 5px;
 border-right: 0px;
} 
#hdr-r a:link, #hdr-r a:visited { 
	text-decoration: none; 
	color: #469CEF;
	font-weight: bold;
	}
#hdr-r a:hover, #hdr-r a:active { 
	text-decoration: underline; 
	color: #FFF;
	font-weight: bold;
	}
#hdr-opt{
	color: white;
	text-align: right;
	width: 150px;
}
/* End Header Styles */

/* Menu/Navigation Frame */
#navigation{
	 margin-top: 0px;
	border-top: 0px solid #252E59;
	border-bottom: 0px solid #252E59;
	border-right: 0px solid #252E59;
	border-left: none;
	height: 95%;
}

h3{
	background: #252E59;
	color: white;
	padding-left: 10%;
	padding-bottom: 4px;
	padding-top: 2px;
	margin: 0 0 0 0;
}

.MainMenu TABLE{
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.MainMenu {
	font-weight: bold;
	vertical-align: bottom;
}
.MainMenu TD{
	vertical-align: middle;
}

.MainMenu a:link, .MainMenu a:visited { 
	text-decoration: none; 
	color: #252E59;
	}
.MainMenu a:hover, .MainMenu a:active { 
	text-decoration: underline; 
	color: #252E59;
	}
/* End Menu / Navigation Frame */

/* Datagrid list standard styles */
.DatalistTable{
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}
.SmallText td{
	font-size: 10px;
	white-space: nowrap;
}
.Red td{
	color: red;
	background-color: mistyrose;
}
.Green td{
	color: green;
	background-color: palegreen;
}

.Blue td{
	color: darkslateblue;
	background-color: lightsteelblue;
}
.Gray td{
	color: grey;
	background-color: gainsboro;
}
.Yellow td{
	color: goldenrod;
	background-color: palegoldenrod;
}
.Orange td{
	color: brown;
	background-color: orange;
}

.SmallText IMG{
	width: 10px;
	height: 10px;
}
.DatalistTable td{
	padding: 2px 8px 2px 8px;
	border-left: 0px solid black;
	border-right: 0px solid black;
}
.DatalistRowEven td {
	background-color: #efefef;/*#ccff99;*/
	border-top: none;
	border-bottom: none;
 }

.DatalistHeader {
	color: black;
	}

.DatalistHeader td, div.DatalistHeader {
	background-color: steelblue;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
	padding-left: 2px;
 }


 .DatalistHeader a:link, .DatalistHeader a:visited { 
	text-decoration: underline; 
	color: black;

}
.DatalistHeader a:hover, .DatalistHeader a:active { 
	text-decoration: underline; 
	color: black;
}
.DataListFooter td {
	background-color: steelblue;
	border-bottom: 1px solid black;
	border-top: 2px solid black;
	vertical-align: middle;
	white-space: nowrap;
 }
/* End Datagrid lists standard styles */

/* configuration Table Form Styles */
.UpperCase{
	text-transform: uppercase;
}
.ConfigTable{
	vertical-align: top;
	width: 100%;
}
.ConfigTable INPUT, .ConfigTable SELECT, .ConfigTable TEXTAREA{
	font-weight: normal;
	border: 1px solid #252E59;
	padding-left: 2px;
	padding-right: 2px;
}
td.PropertyLabel{
   width: 120px;
   font-weight: bold;
}
.Radio Input{
	width: 15px;
	border: none;
}
.radio Input{
	width: 15px;
	border: none;
}
.ConfigTable Label{
}
.ConfigSectionHeader TD{
	background-color: white;
	font-weight: bold;
	background-image: url("Images/bg-grad-blue.jpg");
	background-position: 0px;
	background-repeat:repeat-y;
}
.ConfigSectionHeaderBlue TD{
	background-color: white;
	font-weight: bold;
	background-image: url("Images/bg-grad-blue.jpg");
	background-position: 0px;
	background-repeat:repeat-y;
}
.ConfigSectionHeaderYellow TD{
	background-color: white;
	font-weight: bold;
	background-image: url("Images/bg-grad-yellow.jpg");
	background-position: 0px;
	background-repeat:repeat-y;
}
.ConfigSectionHeaderRed TD{
	background-color: white;
	background-image: url("Images/bg-grad-red.jpg");
	background-position: 0px;
	background-repeat:repeat-y;
}
.ConfigTableBlock{
	border-left: 1px solid steelblue;
	border-right: 1px solid steelblue;
	vertical-align:top;
}
.DataTableBlock{
	border-left: 1px solid steelblue;
	border-right: 1px solid steelblue;
	vertical-align:top;
}
.Disabled{
	width: 100%;
	border: 2px solid red;
	background-color: silver;
	color: grey;
}
.ConfigActiveTab{
	background-color: lightsteelblue;
	border-top: 2px solid #252E59;
	border-left: 2px solid #252E59;
	border-right: 2px solid #252E59;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
.ConfigInactiveTab{
	background-color: steelblue;
	border-top: 1px solid #252E59;
	border-left: 1px solid #252E59;
	border-right: 1px solid #252E59;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 2px solid #252E59;
}
.ConfigSpacerTab{
	width: 1px;
	border-bottom: 2px solid #252E59;
}
.ConfigEndSpacerTab{
	width: 90%;
	border-bottom: 2px solid #252E59;
}
.ConfigActiveContents{
	border-left: 2px solid #252E59;
	border-right: 2px solid #252E59;
	border-bottom: 2px solid #252E59;
}
.ConfigPropertyLabel{
	white-space: nowrap;
}
.ConfigProperty{
	width: 100%;
}
.ValidatorHelp{
	cursor: help;
}
.EditHint{
	font-size: 10px;
	color: red;
}
.Description{
	height: 50px;
}

/* End configuration Table Form Styles */

/* Toolbar Styles */
.Toolbar{
	padding-left: 6px;
	padding-right: 6px;
	background-color: gainsboro;
	width: 98%;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: white 1px solid;
	border-right: grey 1px solid;
	border-top: 1px solid white;
	border-bottom: 1px solid grey;
	vertical-align: middle;
	margin: 0px;
}
.ToolbarButton{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	border: none;
}
.ToolbarSpacer{
	width: 10px;
}

.Toolbar A{
	font-size: 10px;
	vertical-align: bottom;
	border-left: 1px solid #252E59;
	border-right: 1px solid #252E59;
	padding-left: 2px;
	padding-right: 2px;
	color: grey;
	margin: 0px;
}

.Toolbar a:link, .Toolbar a:visited { 
	text-decoration: none; 
	color: steelblue;

}
.Toolbar a:hover, .Toolbar a:active { 
	text-decoration: underline; 
	color: steelblue;
}
/* End toolbar Styles */

/* Filter / Search Bar Styles */
.ResultFilter
{
	margin-bottom: 15px;
	padding-top: 4px;
	border-bottom: 2px solid black;
}

.ResultsFilter
{
	border: 1px solid black;
	width: 100%;
}

.FilterTitleActive
{
	float: left;
	font-weight: bold;
	border-bottom: 1px solid steelblue;
	padding-left: 10px;
	padding-right: 10px;
}
.FilterTitleInactive
{
	float: left;
	font-weight: normal;
	border-bottom: 1px solid lightsteelblue;
	padding-left: 10px;
	padding-right: 10px;
}
.FilterTitleBar{
	background-color: steelblue;
	width: 98%;
	padding-top: 1px;
}
.FilterTitleBar TD{
	vertical-align: middle;
}
.FilterCmd
{
	float: right;
	width: 50px;
	text-align: right;
	border-bottom: 1px solid lightsteelblue;
}
.FilterOptionsShow
{
	display:block;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
}
.FilterOptionsHide
{
	display:none;
	padding-top: 5px;
	padding-left: 5px;
}

.ActiveFilterOption
{
	color: black;
	background-color: steelblue;
}
.InactiveFilterOption
{
	color: graytext;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: buttonface;
	border-bottom-style: none;
}

/* New Web Menu Style Classes */
			#SearchPanel{
			}
			#PrefsPanel{
			}
			.Visible{
				display: visible;
			}
			.Visible td{
				padding-top: 5px;
				padding-left: 15px;
				padding-right: 15px;
				padding-bottom: 3px;
			}
			.Hidden{
				display: none;
			}
			#menu_filler{
				width: 100%;
				text-align: right;
				border-bottom: 1px solid lightsteelblue;
			}
			.menu_active{
				border-bottom: 1px solid steelblue;
				white-space: nowrap;
			}
			.menu_inactive{
				border-bottom: 1px solid lightsteelblue;
				white-space: nowrap;
			}
			.menu_command{
			}

			.menu_active a:link, .menu_active a:visited { 
				text-decoration: none; 
				font-weight: bold;
				color: black;
				background-color: steelblue;
				width: 100%;
				height: 100%;
				padding-left: 2px;
				padding-right: 2px;
				white-space: nowrap;
			}
			
			.menu_active a:hover, .menu_active a:active { 
				text-decoration: underline; 
				font-weight: bold;
				color: black;
				background-color: lightsteelblue;
				width: 100%;
				height: 100%;
				padding-left: 2px;
				padding-right: 2px;
				white-space: nowrap;
			}
			
			.menu_inactive a:link, .menu_inactive a:visited { 
				text-decoration: none; 
				font-weight: normal;
				color: black;
				background-color: steelblue;
				width: 100%;
				height: 100%;
				padding-left: 4px;
				padding-right: 4px;
			}
			.menu_inactive a:hover, .menu_inactive a:active { 
				text-decoration: underline; 
				font-weight: normal;
				color: black;
				background-color: lightsteelblue;
				width: 100%;
				height: 100%;
				padding-left: 4px;
				padding-right: 4px;
			}
/* End Filter / Search Bar Styles */

.TreeView A{
	font-size: 10px;
}
UL.TreeView {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	font-weight: normal;
	border-right: 3px double #252E59;
	padding-right: 3px;
}
UL.TreeView UL{
	border: none;
	vertical-align: middle;
}
LI.TreeViewNodeCurrent{
	font-weight:bold;
}

/* Web Tab Control */
.tabControlTable{}
.tabControlHeader TD
{
	padding:0px; 
	margin:0px;
}
TD.TabControlContent{
	padding: 5px;
	border: 1px solid steelblue;
	border-top: none;
}
.tabControlActive
{
 background: none;
	border-right: steelblue 2px solid;
	border-top: steelblue 2px solid;
	border-left: steelblue 2px solid;
	cursor: hand;
	border-bottom: 2px solid white;
	background-color: white;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:125;
}
.tabControl
{
 background: none;
	border: steelblue 1px solid;
	border-bottom: steelblue 2px solid;
	border-top: steelblue 1px solid;
	cursor: hand;
	background-color: lightsteelblue;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:125;
}
.tabControlFiller{
	border-bottom: steelblue 2px solid;
}
/* End Web Tab Control */

/* Large Calendar Control */
.CalendarEntryCell { 
	VERTICAL-ALIGN: top; 
	WIDTH: 125px; 
	HEIGHT: 75px;
	Overflow-y: hidden;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap;
	TEXT-OVERFLOW: ellipsis;
}
.CalendarEntryCell DIV{
	width: 95%;
	font-size: 10px;
	text-align: left;
	OVERFLOW-X: hidden;
	Overflow-y: hidden;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap;
	TEXT-OVERFLOW: ellipsis;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 1px;
}
.CalendarEntryDate { FONT-WEIGHT: bold; COLOR: #469cef; TEXT-ALIGN: right; }
.CalendarEntryDate A:link { TEXT-DECORATION: none }
.CalendarEntryDate A:visited { TEXT-DECORATION: none }
.CalendarEntryDate A:hover { TEXT-DECORATION: underline }
.CalendarEntryDate A:active { TEXT-DECORATION: underline }


.EventOverdue{
	background-color: mistyrose;
	border: 1px solid red;
	color: red;
}

.EventClosed{
	background-color: silver;
	border: 1px solid grey;
	color: grey;
	text-align: left;
}

.EventSoon{
	background-color: lightsteelblue;
	border: 1px solid steelblue;
	color: steelblue;
	text-align: left;
}

.EventFuture{
	background-color: white;
	border: 1px solid white;
	color: black;
	text-align: left;
}

.EventOverdue A{
	color: crimson;
}
.EventSoon A{
	color: steelblue;
}
.EventFuture A{
	color: black;
}
.EventClosed A{
	color: grey;
}
/* End Large Calendar Control */

/* Portal Configuration Blocks */
.Wide1 { WIDTH: 75px }
.Wide2 { WIDTH: 157px }
.Wide3 { WIDTH: 240px }
.Wide4 { WIDTH: 322px }
.Item { 
	border: #252E59 2px solid; 
	padding: 3px; 
	font-weight: bold; 
/*	font-size: 12px; */
	float: left; 
	margin: 2px; 
	color: #252E59; 
	height: 75px; 
	background-color: steelblue; 
}
.Blank { 
	border: silver 2px dashed; 
	padding: 3px; font-weight: bold; 
/*	font-size: 10px; */
	float: left; 
	margin: 2px; 
	color: silver; 
	height: 75px; 
	background-color: white; 
}
#SampleArea{
	border: 1px solid black;
	width: 375px;
}
/* End Portal Configuration Blocks */

/* User List Tree View */
.UserList {
	vertical-align: bottom;
	border-right: 1px solid #252E59;
}
.UserList TD{
	vertical-align: middle;
	/*font-size: 70%;*/
}

.UserList a:link, .MainMenu a:visited { 
	text-decoration: none; 
	color: #252E59;
	}
.UserList a:hover, .MainMenu a:active { 
	text-decoration: underline; 
	color: #252E59;
	}
/* End User List Tree View */

SELECT.AssignmentList{
width: 370px;
height: 150px;
font-size: 12px;
font-weight:normal;
border: 1px solid #252E59;
}

.MessageUnread{
	font-weight: bold;
}

/* Button Styles */

INPUT.Button_Regular{ background: url(Images/input-bg.gif) no-repeat top left;  border: 0px;  height: 22px; margin: 2px; font-size: 10px; width: 150px;}
INPUT.Button_Wide{  background: url(Images/input-bg-wide.gif) no-repeat top left;   border: 0px; margin: 2px; height: 22px; font-size: 10px; width: 300px;}
INPUT.Button_Thin{  background: url(Images/input-bg-narrow.gif) no-repeat top left;   border: 0px; margin: 2px; height: 22px; font-size: 10px; width: 75px;}
INPUT.Button_UltraThin{  background: url(Images/input-bg-ultranarrow.gif) no-repeat top left;   border: 0px; margin: 2px; height: 22px; font-size: 10px; width: 35px;}

.AuthenticationDigestCard{
	width: 3in;
	height: 1.7in;
	border: 1px solid black;
	font-family: "courier new", fixed;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 1in;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
}

.RateCellEmpty { border:none; font-size: 1px; background-color: transparent; width:20px; }
.RateCellBase { BORDER-RIGHT: #252E59 1px solid; BORDER-TOP: #252E59 1px solid; FONT-SIZE: 1px; MARGIN: 1px; BORDER-LEFT: #252E59 1px solid; BORDER-BOTTOM: #252E59 1px solid; HEIGHT: 10px; BACKGROUND-COLOR: steelblue; lineheight: 10px }
.RateCell25 { WIDTH: 5px; MARGIN-RIGHT: 15px }
.RateCell50 { WIDTH: 10px; MARGIN-RIGHT: 10px }
.RateCell75 { WIDTH: 15px; MARGIN-RIGHT: 5px }
.RateCell100 { WIDTH: 20px; }


.EditHintExtended{
	border: 1px solid goldenrod;
	color: goldenrod;
	
	width: 95%;
	padding: 5px 5px 5px 5px;
	padding-left: 42px;
	background: url(Icons/icon-help-32.png) no-repeat 5px 5px;
	background-color: lightgoldenrodyellow;
	min-height: 32px;
	margin-bottom: 5px;
}
.EditHintInfo{
	border: 1px solid Navy;
	color: navy;
	
	width: 95%;
	padding: 5px 5px 5px 5px;
	padding-left: 42px;
	background: url(Icons/icon-info-32.png) no-repeat 5px 5px;
	background-color: lightskyblue;
	min-height: 32px;
	margin-bottom: 5px;
}

.EditHintWarn{
	border: 1px solid red;
	color: red;
	font-weight: bold;
	width: 95%;
	padding: 5px 5px 5px 5px;
	padding-left: 42px;
	background: url(Icons/icon-warning-32.png) no-repeat 5px 5px;
	background-color: mistyrose;
	min-height: 32px;
	margin-bottom: 5px;
}

.EditHintSuccess{
	border: 1px solid green;
	color: green;
	font-weight: bold;
	width: 95%;
	padding: 5px 5px 5px 5px;
	padding-left: 42px;
	background: url(Icons/icon-config2-32.png) no-repeat 5px 5px;
	background-color: palegreen;
	min-height: 32px;
	margin-bottom: 5px;
}

SELECT.SelectionList_Wide{
width: 300px;
border: 1px solid #252E59;

}
#pDetails
{
position: absolute;
         top: 130px;
         left: 160px;
         background: #ffc;
         padding: 10px; 
         border: 1px solid #000;
         z-index: 1;
         visibility:visible;
         font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
         color: #000;	
}
#lbtnClose
{
	position:relative;
	top:0;
	left:90%;
}
/* show arrow for sort direction */
.sortasc
{   
	display:block; 
	background:url(images/sortup.gif) no-repeat;
	padding:0px 0px 10px 0px;
	background-position: center bottom;
}   
.sortdesc
{   
	display:block; 
	background:url(images/sortdown.gif) no-repeat;
	padding:0px 0px 10px 0px;
	background-position: center bottom;
}