body
{
	background-color: White;
	font-family: Verdana;
	font-size: 11px;
	color: #3F3F3F;
	height:100%;
     margin:0;
     padding:0;

}
 
.clsCalendar
{
	font-family:verdana;
	border-width:1px;
	border-style:solid;
	border-color:black;
	table-layout:fixed;
	color:#084a87;
}
.clsCalendarBody
{
	border-collapse:collapse;
	
}
.clsCompositeLablel
{
	font-family: Verdana;
	background-color: Olive;
	color: Lime;
}
.clsLabel
{
	font-family: Verdana;
	font-weight: 700;
	font-size: xx-small;
	color: #003399;
}
.clsButton
{
	color: #050;
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 18px;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffaaaaff' );
}

.clsLeftMenuChapterButton
{
	color: #050;
	font-family: verdana;
	font-size: x-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 22px;
	width: 90%;
	padding-left: 8px;
	text-align: left;
	background-color: #ffffff;
}

.clsLeftMenuChapterButtonOver
{
	color: #050;
	font-family: verdana;
	font-size: x-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 22px;
	width: 90%;
	padding-left: 8px;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffaaaaff');
}

.clsLeftMenuChapterButtonSelected
{
	color: #ffffff;
	font-family: verdana;
	font-size: x-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 22px;
	width: 90%;
	padding-left: 8px;
	text-align: left;
	background-color: #ff860b;
}
.clsLeftMenuWFWButton
{
	color: #050;
	font-family: verdana;
	font-size: x-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	/*font-weight: bold;*/
	cursor: hand;
	height: 22px;
	width: 90%;
	padding-left: 8px;
	text-align: left;
	background-color: #ffffff;
}

.clsLeftMenuWFWButtonOver
{
	color: #050;
	font-family: verdana;
	font-size: x-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	/*font-weight: bold;*/
	cursor: hand;
	height: 22px;
	width: 90%;
	padding-left: 8px;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffaaaaff');
}

.clsLeftMenuWFWButtonSelected
{	 
	font-family: verdana;
	font-size: x-small;	
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 22px;
	width: 90%;
	padding-left: 15px;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffaaaaff');
	/*background-color:Gray;*/
}

.clsLeftMenuWFWText
{
	color:blue; 
    text-decoration: underline;
    text-align: left;
}

.clsLeftMenuWFWTextCompleted
{
	color: #000000;
    text-decoration: line-through;
}

.clsLeftMenuWFWTextCanceled
{
	color: red;
    text-decoration: line-through;
}

.clsLeftMenuWFWTextInProgress
{
	color: royalblue;
    text-decoration: none;
}

.ErrorMessage
{
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: RED;
}
.Required
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: xx-small;
	padding-bottom: 0px;
	margin: 0px;
	color: #FF0000;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

TABLE.ContentGrid TR TD
{
	padding: 10px 10px 10px 10px;
	width: auto;
}

.ListHeaderSubRow
{
	background: #fcd59c;
	font-weight: bold;
	text-align: center;
	color: #000000;
	font-family: Verdana;
	font-size: x-small;
}

.DataListBackGround
{
	background: #ffffff;
	width: auto;
}
.EvenRow
{
	background: #e6efcf;
	font-family: Verdana;
	font-size: x-small;
	text-align: center;
}
.OddRow
{
	background: #e6efcf;
	font-family: Verdana;
	font-size: x-small;
	text-align: center;
}

.WhiteRow
{
	background: #ffffff;
	font-family: Verdana;
	font-size: x-small;
	text-align: center;
}

INPUT.btns_compact
{
	border: #999966 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: xx-small;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #cccc99;
	background-image: url(Images/ButtonBackground.gif);
}

INPUT.btns_standard
{
	border: #999966 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: xx-small;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
	background-image: url(Images/ButtonBackground.gif);
}

INPUT.btns_important
{
	border: #3300ff 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
	color: #ff6600;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
	font-weight: bold;
	cursor: hand;
}

a
{
	color: #DD3409;
	text-decoration: none;
}

a:hover
{
	color: #DD3409;
	text-decoration: underline;
}

ul
{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 18px;
	margin-top: 5px;
	color: #666666;
	padding-left: 2px;
}

ol
{
	list-style-position: outside;
	margin-left: 25px;
	margin-top: 5px;
}

h1
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 18px;
	color: #3F3F3F;
	margin-top: 12px;
	margin-bottom: 40px;
}

h2
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 18px;
	color: #3F3F3F;
	margin-top: 15px;
	margin-bottom: 15px;
}

h3
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.TopNavLink
{
	font-size: 10px;
	color: #3F3F3F;
}


.WelcomeTitle
{
	font-family: Verdana;
	font-size: 23px;
	font-weight: 900;
	letter-spacing: -0.2mm;
	margin-top: 10px;
	margin-bottom: 20px;
}

.MainText
{
	font-size: 11px;
}

.SmallText
{
	font-size: 10px;
}

.Hint
{
	color: Red;
}

.DemoArea
{
	border: 1px silver solid;
	padding: 8px;
	background-color: #F6F6F6;
}

.AboutBox
{
	border: 1px #E6E6E6 solid;
	background-color: #DDDDDD;
	background-image: url(images/about_background.gif);
}

.SidePanel
{
	padding: 10px;
	border: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	background-color: #F3F3F3;
	font-size: 10px;
	color: #666666;
}


.DemosNavFrame
{
	padding: 0px;
	border: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	background-color: #F3F3F3;
	overflow: hidden;
}

.DemosNav
{
	overflow: hidden;
}

.DemoCategory
{
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	cursor: default;
}

.DemoCategoryOver
{
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	cursor: default;
}

.Demo
{
	font-family: verdana;
	font-size: 10px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px;
	border-color: #F3F3F3;
	border-style: solid;
	cursor: default;
}

.DemoHover
{
	font-family: verdana;
	font-size: 10px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #cccccc;
	border: 1px;
	border-color: gray;
	border-style: solid;
	cursor: default;
}

.DemoSelected
{
	font-family: verdana;
	font-size: 10px;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #FFFFFF;
	border: 1px;
	border-color: gray;
	border-style: solid;
	cursor: default;
}

input
{
	font-family: verdana;
	font-size: 11px;
}

textarea
{
	font-family: verdana;
	font-size: 11px;
}

select
{
	font-family: Verdana;
	font-size: 11px;
}

.TopGroup
{
	z-index: 99;
	position: relative;
}
.DefaultTab
{
	color: black;
	background-image: url(../Images/tab_bg.gif);
	font-family: Verdana;
	font-size: 10px;
	cursor: default;
}
.DefaultPage
{
	color: black;
	font-family: Verdana;
	font-size: 10px;
	cursor: default;
}
.DefaultTabHover
{
	color: black;
	background-image: url(../Images/hover_tab_bg.gif);
	font-family: Verdana;
	font-size: 10px;
	cursor: default;
}
.SelectedTab
{
	color: black;
	background-image: url(../Images/selected_tab_bg.gif);
	font-family: Verdana;
	font-size: 10px;
	cursor: default;
}
.ScrollItem
{
	color: black;
	background-image: url(../Images/scroll_item_bg.gif);
	border: 1px solid #919B9C;
	border-left-color: #91A7B4;
	border-top-color: #91A7B4;
	font-family: MS Sans Serif, Verdana;
	font-size: 10px;
	cursor: default;
}

.ScrollItemHover
{
	color: black;
	background-image: url(../Images/hover_scroll_item_bg.gif);
	border: 1px solid #919B9C;
	border-left-color: #91A7B4;
	border-top-color: #91A7B4;
	font-family: MS Sans Serif, Verdana;
	font-size: 10px;
	cursor: default;
}
.PageContent
{
	font-family: MS Sans Serif, Verdana;
	font-size: 10px;
}
.MultiPage
{
	background-color: #D4D0C8;
	border: 1px solid #D4D0C8;
	border-bottom-color: #404040;
	border-right-color: #404040;
	width: 489px;
	height: 252px;
	position: relative;
	top: -3px;
	z-index: 98;
}
input
{
	font-family: verdana;
	font-size: 11px;
}
select
{
	font-family: Verdana;
	font-size: 11px;
}

.TabTableStyle
{
	border: none 1px white;
	background-color: white;
}
.TabRowStyle
{
	background-color: #dddddd;
	vertical-align: middle;
}
.TabColumnStyle
{
	width: 120px;
	text-align: center;
}
.TabColumnSelectedStyle
{
	width: 120px;
	text-align: center;
	background-color: silver;
}
.TabLinkStyle
{
	font-family: Verdana;
	font-weight: normal;
	font-size: small;
	font-style: normal;
	color: black;
	text-decoration: none;
	white-space: nowrap;
	line-height: 35px;
	cursor: hand;
}
.TabColumnHighlightedStyle
{
	width: 120px;
	text-align: center;
	background-color: #990000;
}
.TabLinkHighlightedStyle
{
	font-family: Verdana;
	font-weight: bold;
	font-size: small;
	font-style: normal;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	line-height: 35px;
	cursor: hand;
}
.ContentTableStyle
{
	border: solid 1px white;
	background-color: white;
	width: 100%;
}
.ContentRowStyle
{
	background-color: white;
	vertical-align: top;
}
.ContentColumnStyle
{
	text-align: center;
	height: 5px;
	width: 100%;
}
.MainTableStyle
{
	border: none;
	width: 100%;
}
.MainRowStyle
{
	vertical-align: top;
}
.CommandCellStyle
{
	vertical-align: middle;
	text-align: center;
	background-color: #6092c7;
	width: 55px;
}
table
{
	font-family: Verdana;
	border-collapse: collapse;
	border: 1px;
	font-size: xx-small;
}

.FlyOutMenu
{
	background-color: transparent;
}
.FlyOutMenuItem
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-right: #285d9f 1px solid;
	border-top: #285d9f 1px solid;
	font-size: 10px;
	font-weight: bold;
	border-left: #285d9f 1px solid;
	cursor: hand;
	color: #285d9f;
	border-bottom: #285d9f 1px solid;
	background-color: #eeeeee;
}
.FlyOutMenuItemHover
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-right: #285d9f 1px solid;
	border-top: #285d9f 1px solid;
	font-size: 10px;
	font-weight: bold;
	border-left: #285d9f 1px solid;
	cursor: hand;
	color: #285d9f;
	border-bottom: #285d9f 1px solid;
	background-color: #ffffff;
}
.Group
{
  background-color:#FBFBFB;
  border:solid 1px gray; 
}
.Item
{
  background-color:Teal; 
  color:White;
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemH
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:hand;
}

.ItemExp
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemSub
{
  background-color:Teal; 
  color:White;
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemHSub
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:hand;
}

.ItemExpSub
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemCompleted
{
  background-color:silver; 
  color:#4169e1;
  font-family:verdana; 
  font-size:12px; 
  text-decoration:line-through;
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemHCompleted
{
  background-color:silver; 
  color:#4169e1; 
  text-decoration:line-through;
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:hand;
}

.ItemExpCompleted
{
  background-color:silver; 
  color:#4169e1; 
  text-decoration:line-through;
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemCancelled
{
  background-color:silver; 
  color:#ff0000;
  font-family:verdana; 
  font-size:12px; 
  text-decoration:line-through;
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
.ItemHCancelled
{
  background-color:silver; 
  color:#ff0000; 
  text-decoration:line-through;
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:hand;
}

.ItemExpCancelled
{
  background-color:silver; 
  color:#ff0000; 
  text-decoration:line-through;
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}

.ScrollItem
{
  background-color:#FBFBFB; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.ScrollItemH
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:default;
  text-align:center;
}

.ScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:default;
  text-align:center;
}
.ItemToolsButton
{
  background-color:silver; 
  color:Black;
  font-family:verdana; 
  font-size:14px; 
  border:solid 2px gray; 
  cursor:crosshair;
}
.ItemHToolsButton
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:14px; 
  border:solid 1px gray; 
  cursor:hand;
}

.ItemExpToolsButton
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #FBFBFB; 
  cursor:hand;
}
TABLE.ContentGrid .TickFullListColumnHeader
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		xx-small;
	font-weight:	bold;
	color:		    White;
	background:		green;
	vertical-align:	baseline;
}




.TopGroup
{
  background-color:#D9D9E6; 
  border:solid 1px gray; 
  cursor:default; 
}

.MenuGroup
{
  background-color:white;
  border:solid 1px #7E7E81; 
  cursor:default; 
}

.TopMenuItem
{
  background-color:#D9D9E6; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #D9D9E6; 
  cursor:default; 
}

.TopMenuItemHover 
{
  background-image:url(images/item_hover_bg.gif);
  background-color:#E5E6EF; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #7C7C94; 
  cursor:default; 
}

.TopMenuItemExpanded
{
  background-image:url(images/top_group_background.gif);
  background-color:#E5E6EF; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #7C7C94; 
  border-bottom-color:#BAB9CD; 
  cursor:default; 
}

.MenuItem
{
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  margin:1px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#FFEEC2; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #4B4B6F; 
  cursor:default; 
}

.clsUser
{
	color: #050;
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 20px;
	width: 100px;
	background-color: #ffffff;
}

.clsUserOver
{
	color: #050;
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 20px;
	width: 100px;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#ffaaaaff');
}

.clsUserClicked
{
	color: #ffffff;
	font-family: verdana;
	font-size: xx-small;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	font-weight: bold;
	cursor: hand;
	height: 18px;
	background-color: #ff860b;
}

.clsRedStarLabel
{
	font-family: Verdana;
	font-weight: 700;
	font-size: xx-small;
	color: #ff0000;
}

.clsDropDownList_ReadOnly
{
	height: 18px;
	background-color: #ddd;
	padding: 2px;
	border: 1px solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	border-right-color: #eee;
	border-bottom-color: #eee;
	display:block;
	width: 50px;
	overflow: visible;
}

.Notification
{
	border: 1px solid #000000;
	background-color: #FFFFCC;
	width: 100%;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
}

.LoginPageLink
{
	CURSOR: hand; 
	COLOR: #084a87; 
	TEXT-DECORATION: underline
}

DIV.MyHarmonyDispositionHeader
{
	cursor: hand;
	color: #000;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	height: 12px;
	background-color: #aaa;
	padding-left: 2px;
	font-weight: bold;
}

DIV.MyHarmonyDispositionTitle
{
	cursor: hand;
	color: #039;
	border-bottom-color: #aaa;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 12px;
}
DIV.MyHarmonyDispositionPanel
{
}
.fileDiv
{
	overflow:auto;
	background-color:window;
	height: 100%;
	width: 100%;
	border: inset 1px treeddarkshadow;
}
.fileGrid
{
}
.fileGrid TR
{
	height: 19px;
	color: Black;
	cursor: hand;
}
.fileGrid TR TH
{
	background-color: buttonface;
	border-left: outset 1px treedhighlight;
	border-top: outset 1px treedhighlight;
	border-right: outset 1px treeddarkshadow;
	border-bottom: outset 1px treeddarkshadow;
	padding: 0 2 0 2;
}
.fileGrid TR TD
{
	padding: 0 2 0 2;
}
.active SPAN
{
	background-color: Highlight;
	color: White;
	cursor: hand;
	padding: 2 2 2 2;
}
.inactive SPAN
{
	background-color: Window;
	color: Black;
	cursor: hand;
	padding: 2 2 2 2;
}
.activerow 
{
	background-color: #B0C4DE;
}
.activerow TD
{
	color: White;
}
.inactiverow
{
	background-color: #ffffff;
}
.inactiverow
{
	color: Black;
}

.clsPlanNeed
{
	background-color: lightsteelblue;
}
.clsPlanGoal
{
	background-color: #D9EAFA;
}
.clsPlanObjective
{
	background-color: aliceblue;
}
.clsPlanIntervention
{
	background-color: lightyellow;
}


.ValidateMessageTable
{
	border: 1px solid #000000;
	background-color: #FFFFCC;
	color:Navy;
	padding: 5 5 5 5;
	width: 100%;
	margin: 4 4 4 4;
}

.ValidateMessageSuccess
{
	font-weight:bold;
	color:Green;
	padding: 2 2 2 2;
}

.ValidateMessageFaild
{
	font-weight:bold;
	color:Red;
	padding: 2 2 2 2;
}

.divOfficeFields
{
	float:left;
	width:30%;
	margin:6px;
}

.divOfficeTemplate
{
	float:right;
	width:70%;
	margin:6px;
}

#overlaywrapper 
{
	visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	color: #fff;
	z-index: 1000;
}

#overlay 
{
	position:fixed;
	left: 0px;
	top: 0px;
	background-image:url(../Images/graybackground.gif);
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	

}

#modalbox 
{
	visibility: hidden;
	background: white;
	position: absolute;
	width: 500px;
	border:1px solid #000;
	 margin: 200px 200px;
	z-index: 1000;
	left: 0px;
	top: 0px;
}

div.RadScheduler .rsHeader
{
    z-index: 500;
}