/* Page in general */
body
{
	font-size: 9pt;
	margin: 0px;
	font-family: Verdana;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
pre
{
    font-size: 9pt;
    margin: 0px;
    font-family: Verdana;
    
}

.MandatoryAlert
{
    color: gray;
}

.landscape 
{
	media : print;
	size: landscape;
}
.MasterPageBodyCss
{
	background-image: url(Images/Content/Pages/BG.gif);
	background-repeat: repeat-x;
	background-position-y: top;
	background-attachment: fixed;
}

.imgAsLink
{
	cursor: hand;
}	
INPUT
{
	border-top: gray 1px solid;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}

TABLE#main_table{border:3px solid #055098; width:100%; height:100%}

.divPrintHeaderCSS
{
	display: none;
	visibility: hidden;
}

/* Page in general */

/*		Header		*/


a.HeaderLink
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 9pt;
	padding-bottom: 2px;
	margin: 2px 4px;
	color: #ffffff;
	padding-top: 2px;
	text-decoration: none;
}


a:hover.HeaderLink
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 9pt;
	padding-bottom: 2px;
	margin: 2px 4px;
	color: #ffffff;
	padding-top: 2px;
	text-decoration: none;
}

/*		Header		*/


/* Table in general */

table
{
	border-collapse: collapse;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;	
	padding-top: 0px;
	margin: 0px;
}
/* Table in general */



/* Validation */
.validationError
{
	font-size: 8pt;
	color: #ff0000;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.timeSheetValidationError
{
	font-size: 8pt;
	color: #ff0000;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/* Validation */


/* Table Alert */
TABLE#AlertSuccessfully
{
	font-size: 9pt;
	color: black;
	border-right: #00cc00 1px solid;
	border-top: #00cc00 1px solid;
	border-left: #00cc00 1px solid;
	border-bottom: #00cc00 1px solid;
	background-color: mintcream;
}

TABLE#AlertError
{
	font-size: 9pt;
	color: firebrick;
	border-right: #cc0000 1px solid;
	border-top: #cc0000 1px solid;
	border-left: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
	background-color: seashell;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
/* Table Alert */	


/* Page Def */	
.SiteMapPathCss
{
	clear: both;
	float: none;
}
a.PageDef
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 2px;
	margin: 2px 4px;
	color: #153695;
	padding-top: 2px;
	text-decoration: none;
}


a:hover.PageDef
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 2px;
	margin: 2px 4px;
	color: #153695;
	padding-top: 2px;
	text-decoration: underline;
}


a.DownloadLink
{
	font-weight: bold;
	font-size: 10pt;
	color: #153695;	
	text-decoration: none;
}
/* TimeSheetSection */
.HeaderLabel
{
	font-weight: bold;
	font-size: 10pt;
	color: #153695;	
	text-decoration: none;
}

.HeaderLabelView
{
	font-size: 10pt;
	color: #153695;	
	text-decoration: none;
}
.NextPrevBtn
{
	border-right: lightgrey 1px solid; 
	border-top: lightgrey 1px solid; 
	border-left: lightgrey 1px solid; 
	border-bottom: lightgrey 1px solid; 
	background-color: white
}
/* TimeSheetSection */
a:hover.DownloadLink
{
	font-weight: bold;
	font-size: 10pt;
	color: #153695;
	text-decoration: underline;
}


.PageDefSeperator
{
	font-size: 8pt;
	color: #336666;
}

.PageDefCurrent
{
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10pt;
	padding-bottom: 2px;
	margin: 2px 4px;
	color: #153695;
	padding-top: 2px;
}
/* Page Def */	
.ReadMessage
{
	background-color: #E8EEF7;
}
.UnReadMessage
{	
	background-color: #ffffff;
	font-weight: bold;
}

/* Imagine Alert*/
.clsImagineAlert
{
	padding-right: 40px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 3px 40px 3px 5px;
	padding-top: 5px;
	font-size: 9pt;
}
/* Imagine Alert*/

.SubContentHeader
{
	font-weight: bold;
	font-size: 9pt;
	color: #000099;
}
.SubContentOperationRow
{
	height: 22px;
	text-align: left;
	margin-top: 1px;
	padding-top: 1px;
}





/*		Knowledge bank style section		*/

.HyprLnkIcons
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
a:hover.HyprLnkIcons
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-decoration: underline;
}


.KBBulletList
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
a.KBBulletList
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
a:hover.KBBulletList
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-decoration: underline;
}
/* Legend */

.legend
{
	font-size: 12px;
}

/*		Knowledge bank style section		*/



.hiddenButton
{
	visibility: hidden;
}

.visibileControl
{
	visibility : visible;
}

.hiddenControl
{
	visibility: hidden;
	display : none;
}
.BulletList
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-decoration: none;
}


.JSWindowTitleStyle
{
	height: 10px;
	font-size: 9pt;
	background-color: #E0E2EB;
	cursor:pointer;
}


.JSWindowContentStyle
{
	height: 100%;
}
.JSWindowTable
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
/*	width: 650px;
	height: 500px; */
	background-color: #ffffff;
}

.JSWindowTableRestore
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	/*width: 650px;
	height: 500px;*/
	background-color: #ffffff;
}

.JSWindowTableMaximized
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	/*width: 100%;
	height: 97%;*/
	background-color: #ffffff;
}

.JSWindowTableMinimized
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	/*width: 50px;
	height: 10px;*/
	background-color: #ffffff;
}


.windowIframeCss
{
	border-right: 0px solid;
	padding-right: 0px;
	border-top: 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: 0px solid;
	padding-top: 0px;
	border-bottom: 0px solid;
	z-index: 8;
	position: absolute;
}

.DesktopCss
{
	overflow: hidden;
}


.PindingWindow
{
	border-right: #666666 1px solid;
	padding-right: 5px;
	border-top: #666666 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 5px;
	border-left: #666666 1px solid;
	padding-top: 5px;
	border-bottom: #666666 1px solid;
	background-color: whitesmoke;
}








.FolderCss
{
	text-align: center;
	margin: 1;
	width: 70px;
	height: 70px;
	float: left;
	position: relative;
	left: 0;
	top: 0;
}
.FolderSelectedCss{text-align: center; margin: 1; width:70px;height:70px; float:left; background-color:#F5F5F5; position:relative; left:0; top:0}
.FolderNameCss
{
	font-size: 8pt;
	color: #3c3c3c;
}

.FolderSelectedNameCss
{
	font-size: 8pt;
	color: #ffffff;
}

.RecycleBinCss
{
	text-align: center;
	margin: 1;
	width: 70px;
	height: 70px;
	float: left;
	position: relative;
	left: 0;
	top: 0;
}
.RecycleBinSelectedCss{text-align: center; margin: 1; width:70px;height:70px; float:left; background-color:#F5F5F5; position:relative; left:0; top:0}
.RecycleBinNameCss
{
	font-size: 8pt;
	color: #3c3c3c;
}


.DocumentCss
{
	text-align: center;
	margin: 1;
	width: 70px;
	height: 70px;
	float: left;
	position: relative;
	left: 0;
	top: 0;
}
.DocumentSelectedCss{text-align: center; margin: 1; width:70px;height:70px; float:left; background-color:#F5F5F5; position:relative; left:0; top:0}
.DocumentNameCss
{
	font-size: 8pt;
	color: #3c3c3c;
}


.FolderPathText
{
	font-size: 9pt;
	position: relative;
	left: 0;
	top: 1;
	width: 90%;
	float: left;
	height: 20px;
	background-color: #ffffff;
	vertical-align: middle;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
}
.FolderPathBG
{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
	margin: 3;
	vertical-align: middle;
	float: left;
}
.FolderPathLable
{
	position: relative;
	font-size: 8pt;
	left: 0;
	top: 3;
	vertical-align: middle;
	height: 20px;
	width: 35px;
	float: left;
	color: gray;
}


.FolderPathCell
{
	border-top: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
}

.NavigationToolBarBtn
{
	font-size: 9pt;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: gainsboro;
	width: 75px;
	height: 35px;
	background-position: center center;
	background-repeat: no-repeat;
	border-top-width: 1px;
	margin-top: 2px;
	border-left-width: 1px;
	border-left-color: whitesmoke;
	border-bottom-width: 1px;
	margin-bottom: 2px;
	border-bottom-color: whitesmoke;
	border-top-color: whitesmoke;
	border-right-width: 1px;
	border-right-color: whitesmoke;
}

.NavigationToolBarBtnOver
{
	border-right: whitesmoke 1px solid;
	padding-right: 2px;
	border-top: whitesmoke 1px solid;
	padding-left: 2px;
	font-size: 9pt;
	padding-bottom: 2px;
	margin: 2px;
	border-left: whitesmoke 1px solid;
	padding-top: 2px;
	border-bottom: whitesmoke 1px solid;
	background-color: whitesmoke;
	cursor: hand;
}


.HelperBox
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	width: 95%;
	height: 100%;
}

.HelperBoxHeader
{
	height: 20px;
	background-color: gainsboro;
	text-align: center;
}
a.HelperBoxHeaderText
{
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	color: #484848;
}
a:hover.HelperBoxHeaderText
{
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	color: darkgray;
}

.HelperBoxBodyCell
{
	height: 98%;
	background-color: whitesmoke;
	vertical-align: top;
}
a.HelperBoxBodyCellLink
{
	font-size: 9pt;
	color: dimgray;
	text-decoration: none;
}
a:hover.HelperBoxBodyCellLink
{
	font-size: 9pt;
	color: darkgray;
	text-decoration: underline;
}
.HelperBoxBodyCellHeaderText
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
}
.HelperBoxBodyCellNormalText
{
	font-size: 8pt;
	color: #000000;
}

.MenuTable
{
	border-right: darkgray 1px solid;
	padding-right: 5px;
	border-top: darkgray 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 5px;
	border-left: darkgray 1px solid;
	padding-top: 5px;
	border-bottom: darkgray 1px solid;
}
.MenuCell
{
	background-color: ghostwhite;
	font-size: 8pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px 5px;
	padding-top: 2px;
}
.MenuCellOver
{
	background-color: #adadb0;
	font-size: 8pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px 5px;
	padding-top: 2px;
	cursor: hand;
}
.MenuCellDisabled
{
	background-color: ghostwhite;
	font-size: 8pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px 5px;
	padding-top: 2px;
	color: lightgrey;
}
.MenuCellDisabledOver
{
	background-color: ghostwhite;
	font-size: 8pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px 5px;
	padding-top: 2px;
	color: lightgrey;
}



.ModalPage
{
	background-color: gainsboro;
}
.ModalFormTbl
{
	background-color: #F9F9F9;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	margin: 0px 4px 4px;
	width: 95%;
	padding-top: 0px;
	height: 95%;
	border-top-width: 1px;
	border-top-color: gray;
}
.ModalFormText
{
	font-size: 9pt;
	color: black;
	text-align: left;
	padding-right: 1px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin: 3px 1px 3px 10px;
	padding-top: 3px;
}
.ModalFormValue
{
	font-size: 8pt;
	color: #4d4f4f;
}

.p
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.TdFldrTabSlctdTab
{
	background-color: #F9F9F9;
	height: 20px;
	font-weight: bold;
	padding-left: 10px;
	width: 110px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-left: gray 1px solid;
}
a.tabFldrSlctdTab {	color: #09529f;	text-decoration: none;	font-size: 8pt;}
a:hover.tabFldrSlctdTab {	color: #09529f;	TEXT-DECORATION: underline;	font-size: 8pt;}

.TdFldrTabUnSlctdTab
{
	background-color: #d6d6d6;
	height: 20px;
	font-weight: bold;
	padding-left: 10px;
	width: 78px;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: gray 1px solid;
}
a.tabFldrUnSlctdTab{ color: #09529f;	text-decoration: none;	font-size: 8pt;}
a:hover.tabFldrUnSlctdTab { color: #09529f;	text-decoration: underline;	font-size: 8pt;}
.TabFldrTbl
{
	width: 95%;
}

.ToolsTbl{width: 95%;}

.ShourtcutCss
{
	text-align: center;
	margin: 1;
	width: 70px;
	height: 70px;
	float: left;
	left: 0;
	top: 0;
	position: relative;
	cursor: pointer;
}
.ShourtcutSelectedCss
{
	text-align: center;
	margin: 1;
	width: 70px;
	height: 70px;
	float: left;
	background-color: #1f7ad7;
	position: relative;
	cursor: pointer;
	left: 0;
	top: 0;
}
.ShourtcutNameCss
{
	font-size: 8pt;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.IconCss
{
	position:relative;
	cursor:hand;
	z-index: 100;
}










/* ImagineGrid Section */
.DetailsViewGeneral
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	font-size: 9pt;
}

.DetailsViewGeneral caption
{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 9pt;
	color: darkslategray;
	padding-bottom: 7px;
	margin: 7px 5px;
	padding-top: 7px;
}

.DetailsViewFieldHeaderStyle
{
	font-size: 9pt;
	height: 20px;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #e1e1e1;
	text-align: right;
}
.DetailsViewRowText
{
	font-size: 9pt;
	color: #575757;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
}
.DetailsViewItemRow
{
	height: 20px;
	background-color: #f5f5f5;
	border-bottom: silver 1px solid;
}
.DetailsViewAlternateRow 
{
	background-color:  #f5f5f5;
	border-bottom: silver 1px solid;
}
.DetailsViewHeader
{
	background-image: url(Images/Content/Grid/GrdHdr.gif);
	height: 20px;
	font-weight: bold;
}
.DetailsViewHeader a:link {
    color : white;
    text-decoration : none;
    font-size: 9pt;
}

.DetailsViewHeader a:visited {
    color : white;
    text-decoration : none;
    font-size: 9pt;
}

.DetailsViewHeader a:hover {
    color : white;
    text-decoration : underline;
    font-size: 9pt;
}

.DetailsViewPager
{
	background-image: url(Images/Content/Grid/PgrBG.gif);
	font-weight: bold;
	padding-left: 10px;
	text-align: right;
	height: 15px;
}
.DetailsViewPager Table
{
	height: 15px;
}
.DetailsViewPager a:link
{
	color: red;
	text-decoration: none;
	font-size: 9pt;
	font-family: 'Century Gothic';
	padding-left: 5px;
	margin-left: 5px;
}

.DetailsViewPager a:visited {
    color : red;
    text-decoration : none;
    font-size: 9pt;
    font-family: 'Century Gothic';
    padding-left: 5px;
	margin-left: 5px;
}

.DetailsViewPager a:hover {
    color : red;
    text-decoration : underline;
    font-size: 9pt;
    font-family: 'Century Gothic';
    padding-left: 5px;
	margin-left: 5px;
}

.DetailsViewCommandArea
{
	background-color: whitesmoke;
	text-align: right;
	height: 25px;
}
.DetailsViewFooter
{
	background-color: whitesmoke;
}
.DetailsViewCommand TD
{
	height: 35px;
}

a.DetailsViewCommand
{
	color: black;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: darkgray 1px solid;
	padding-right: 5px;
	border-top: darkgray 1px solid;
	padding-bottom: 2px;
	margin: 0px 5px 2px;
	border-left: darkgray 1px solid;
	padding-top: 0px;
	border-bottom: darkgray 1px solid;
	background-color: white;
}
a:hover.DetailsViewCommand 
{
	color: gray;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-bottom: 2px;
	margin: 0px 5px 2px;
	border-left: gainsboro 1px solid;
	padding-top: 0px;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;

}


.ButtonStyle
{
	background-color: ButtonHighlight;
	color: black;
	border :gainsboro 1px solid;
	font-size : 13px;
	letter-spacing : inherit;
}
/* ImagineGrid Section */












/* ImagineGrid Section */
.GridGeneral
{
	border-bottom: darkgray 1px solid;
	font-size: 9pt;
	border-right: darkgray 0px solid;
	border-top: darkgray 0x solid;
	border-left: darkgray 0px solid;
}
.GridGeneral a
{
	color: #000000;
	text-decoration: none;
	font-size: 9pt;
    padding-right: 2px;
	padding-left: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.GridGeneral a:hover
{
	color: #3399ff;
	text-decoration: none;
	font-size: 9pt;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.GridGeneral TD
{
	padding-left: 5px;
	margin-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	border-bottom: #CFDBE2 1px solid;
}

.GridGeneral caption
{
	background-image: url(Images/Content/Grid/GridViewCaptionBG.gif);
	background-attachment:fixed;
	background-position:left;
	padding-left: 25px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	padding-bottom: 2px;
	margin: 7px 5px;
	padding-top: 2px;
	text-align: left;
}

.ItemRow
{
	background-color: #ffffff;
	font-size: 9pt;
	height: 20px;
}



.AlternateRow
{
	background-color: #ffffff;
	font-size: 9pt;
	height : 20px;
}

.HeaderWhite
{
	background-image: url(Images/Content/Grid/GrdHdr.gif);
	height: 20px;
	font-weight: bold;
	color : White;
}

.Header
{
	background-image: url(Images/Content/Grid/GrdHdr.gif);
	height: 20px;
	font-weight: bold;
	border-top: #ff3366 1px solid;
}
.FirstColumnImageCSS
{
	background-image: url(Images/Content/Grid/FirstColumnImage.gif);
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position:center;
}

.Header a:link {
    color : white;
    text-decoration : none;
    font-size: 9pt;
}

.Header a:visited {
    color : white;
    text-decoration : none;
    font-size: 9pt;
}

.Header a:hover {
    color : white;
    text-decoration : underline;
    font-size: 9pt;
}

.Pager
{
	background-image: url(Images/Content/Grid/PgrBG.gif);
	padding-left: 10px;
	text-align: right;
	height: 15px;
}
.Pager Table
{
	height: 15px;
}
.Pager a:link
{
	color: red;
	text-decoration: none;
	font-size: 9pt;
	font-family: 'Century Gothic';
	padding-left: 5px;
	margin-left: 5px;
}

.Pager a:visited {
    color : red;
    text-decoration : none;
    font-size: 9pt;
    font-family: 'Century Gothic';
    padding-left: 5px;
	margin-left: 5px;
}

.Pager a:hover {
    color : red;
    text-decoration : underline;
    font-size: 9pt;
    font-family: 'Century Gothic';
    padding-left: 5px;
	margin-left: 5px;
}

.Pager span
{
	color: gray;
	font-size: 9pt;
	padding-left: 5px;
	margin-left: 5px;
}
 
 
.CSSCellAlphabetSorting
{
	background-color: #003399;
}

.CSSCellAlphabetSortingSelected
{
	background-color: #1574cc;
	border-right: whitesmoke 1px solid;
	border-top: whitesmoke 1px solid;
	border-left: whitesmoke 1px solid;
	border-bottom: whitesmoke 1px solid;
}

.CSSCellAlphabetSorting Table
{
	height: 25px;
}
.CSSCellAlphabetSorting a:link
{
	color: white;
	text-decoration: none;
	font-size: 9pt;
	font-family: Tahoma;
	padding-left: 5px;
	margin-left: 5px;
}

.CSSCellAlphabetSorting a:visited {
    color : white;
    text-decoration : none;
    font-size: 9pt;
	font-family: Tahoma;
    padding-left: 5px;
	margin-left: 5px;
}

.CSSCellAlphabetSorting a:hover {
    color : white;
    text-decoration : underline;
    font-size: 9pt;
	font-family: Tahoma;
    padding-left: 5px;
	margin-left: 5px;
}

.CSSCellAlphabetSorting span
{
	color: gray;
	font-size: 9pt;
	padding-left: 5px;
	margin-left: 5px;
}
 
 

.ItemRowPrint
{
	background-color: #FFFFFF;
	font-size: 9pt;
	height: 20px;
}

.AlternateRowPrint
{
	background-color: #FFFFFF;
	font-size: 9pt;
	height : 20px;
}


.ItemRowTask
{
	background-color: #ffffff;
	font-size: 7pt;
	height: 20px;
}

.InputInItemRowTask
{
	font-size: 7pt;
}

.ItemRowTaskDate
{
    font-size: 10px;
}


/* ImagineGrid Section */




/* Shortcuts Section */
TABLE#TblShortcut
{
	color: #ffffff;
	background-color: #F5F5F5;
	border-bottom: 2px solid #F5F5F5;
	width: 168px;
}
TABLE#TblShortcutsBdy
{
	background-color: #eeedee;
	width: 98%;
}
TD#TdShortcutsHdr
{
	background-image: url(Images/Shourtcut/ShrtctHdr.jpg);
	height: 25px;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 10px;
}
TABLE#TblShortcutItm{}
td#TdShortcutItmLink a:link
{
	color: #0066CC;
	text-decoration: none;
	font-size: 8pt;
}
td#TdShortcutItmLink a:visited
{
	color: #0066CC;
	text-decoration: none;
	font-size: 8pt;
}
td#TdShortcutItmLink a:hover
{
	color: #0066CC;
	text-decoration: none underline;
	font-size: 8pt;
}



.ShortcutItmLinkCSS a:link
{
	color: #0066CC;
	text-decoration: none;
	font-size: 8pt;
}
.ShortcutItmLinkCSS a:visited
{
	color: #0066CC;
	text-decoration: none;
	font-size: 8pt;
}
.ShortcutItmLinkCSS a:hover
{
	color: #0066CC;
	text-decoration: none underline;
	font-size: 8pt;
}
/* Shortcuts Section */









/* Tabs Section */
TABLE#TblTab
{
	width: 98%;
	height: 100%;
}
TD#TdTabHdr{height: 34px; vertical-align : top;}
TD#TdTabBdy
{
	vertical-align: top;
	text-align: center;
	height: 98%;
}
TABLE#TblTabBdy
{
	width: 96%;
	height: 100%;
	background-color: white;
	border-right: #e9edf6 2px solid;
	border-top: #e9edf6 2px solid;
	border-left: #e9edf6 2px solid;
	border-bottom: #e9edf6 2px solid;
}
TABLE#TblTabsColl	/* Table containing all tabs */
{
	width : 100%;
	height: 100%;
}	
.TdTabSlctdTab		/* Selected Tab */
{
	background-image: url(Images/Content/Tab/SlctdTb.gif);
	height: 34px;
	font-weight: bold;
	padding-left: 10px;
	width: 78px;
}
a.tabSlctdTab {	color: #09529f;	text-decoration: none;	font-size: 8pt;}
a:hover.tabSlctdTab {	color: #09529f;	TEXT-DECORATION: underline;	font-size: 8pt;}

.TdTabUnSlctdTab	/* Un Selected Tab */
{
	background-image: url(Images/Content/Tab/NtSlctdTb.gif);
	height: 34px;
	font-weight: bold;
	padding-left: 10px;
	width: 78px;
}
a.tabUnSlctdTab{ color: #09529f;	text-decoration: none;	font-size: 8pt;}
a:hover.tabUnSlctdTab { color: #09529f;	text-decoration: underline;	font-size: 8pt;}

TD#TdTablstcll	/* Last cell in tab coll */
{

}
/* Tabs Section */



.tdTabStgSlctdTab
{
	height: 34px;
	font-weight: bold;
	padding-right: 8px;
	padding-bottom: 8px;
	margin: 8px;
	padding-top: 8px;
	padding-left: 8px;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	background-image: url(Images/Content/Tab/StgTabSlctd.gif);
	text-align: center;
}
a.tabStgSlctdTab {	color: #09529f;	text-decoration: none;	font-size: 8pt;}
a:hover.tabStgSlctdTab {	color: #09529f;	TEXT-DECORATION: underline;	font-size: 8pt;}

.TdtabStgUnSlctdTab
{
	height: 34px;
	font-weight: bold;
	padding-right: 8px;
	padding-bottom: 8px;
	margin: 8px;
	padding-top: 8px;
	padding-left: 8px;
	border-right: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	background-image: url(Images/Content/Tab/StgTabUnSlctd.gif);
	text-align: center;
}


.tblTabStg
{
	background-image: url(Images/Content/Tab/StgTabUnSlctd.gif);
}

a.tabStgUnSlctdTab{ color: #09529f;	text-decoration: none;	font-size: 8pt;}
a:hover.tabStgUnSlctdTab { color: #09529f;	text-decoration: underline;	font-size: 8pt;}

TD#TdTablstcll	/* Last cell in tab coll */
{

}

.TdBelowTab
{
	height: 8px;
	background-color: gainsboro;
}

.cssTblContent
{
	width: 100%;
	border-right: gainsboro 2px solid;
	border-top: gainsboro 2px solid;
	border-left: gainsboro 2px solid;
	border-bottom: gainsboro 2px solid;
	height: 75%;
}

.cssRowContent
{}

.cssCllContent
{
	vertical-align: top;
	height: 100%;
}

.cssRowAboveContent
{
	
}

.cssCllAboveContent
{
	height: 4px;
}




.DataViewGeneral
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	font-size: 9pt;
}
.DataViewHeader
{
	height: 22px;
	background-image: url(Images/Content/DataView/DVHdrBG.gif);
	border-bottom: #e1e1e1 1px solid;
	text-align: right;
	margin-top: 1px;
	padding-top: 1px;
}


.DataViewHeaderOnlyText
{
	height: 22px;
	background-image: url(Images/Content/DataView/DVHdrBG.gif);
	border-bottom: #e1e1e1 1px solid;
	text-align: left;
	margin-top: 1px;
	padding-top: 1px;
	padding-left: 5px;
	margin-left: 5px;
	color: dimgray;
}

.DataViewFooter
{
	height: 20px;
	background-color: #f5f5f5;
	border-bottom: #e1e1e1 1px solid;
	text-align: right;
	margin-top: 1px;
	padding-top: 1px;
}

.DataViewItemRow
{
	height: 20px;
	background-color: #f5f5f5;
	border-bottom: #E1E1E1 1px solid;
	font-size: 9pt;
	color: #575757;
	margin-left: 3px;
	margin-right: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
.DataViewItemRowText
{
	font-size: 9pt;
	color: #575757;
	margin-left: 3px;
	margin-right: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.DataViewField
{
	height: 20px;
	background-color: #E1E1E1;
	border-bottom: #E1E1E1 1px solid;
	text-align: right;
	font-size: 9pt;
	color: #000000;
	padding-right: 3px;
	padding-left: 3px;
	vertical-align: top;
	padding-bottom: 5px;
	margin: 5px 3px;
	padding-top: 5px;
}

.DataViewFieldText
{
	height: 20px;
	text-align: right;
	font-size: 9pt;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: top;
	padding-bottom: 1px;
	margin: 0px 0px;
	padding-top: 1px;
}

a.DataViewCommand
{
	color: black;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: darkgray 1px solid;
	padding-right: 5px;
	border-top: darkgray 1px solid;
	padding-bottom: 2px;
	margin: 0px 5px 2px;
	border-left: darkgray 1px solid;
	padding-top: 0px;
	border-bottom: darkgray 1px solid;
	background-color: white;
}
a:hover.DataViewCommand 
{
	color: gray;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-bottom: 2px;
	margin: 0px 5px 2px;
	border-left: gainsboro 1px solid;
	padding-top: 0px;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;

}

a.CommandForGrid
{
	color: black;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 3px;
	border-right: darkgray 1px solid;
	padding-right: 3px;
	border-top: darkgray 1px solid;
	padding-bottom: 1px;
	margin: 0px 3px 1px;
	border-left: darkgray 1px solid;
	padding-top: 0px;
	border-bottom: darkgray 1px solid;
	background-color: white;
}
a:hover.CommandForGrid
{
	color: gray;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 3px;
	border-right: gainsboro 1px solid;
	padding-right: 3px;
	border-top: gainsboro 1px solid;
	padding-bottom: 1px;
	margin: 0px 3px 1px;
	border-left: gainsboro 1px solid;
	padding-top: 0px;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;
}

.DataViewCommand1 
{
	color: gray;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-bottom: 2px;
	margin: 0px 5px 2px;
	border-left: gainsboro 1px solid;
	padding-top: 0px;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;

}
/* ImagineGrid Section */




/*	Message Section	*/
.DivLableMsg
{
	float: left;
	text-align: center;
	border: 1px ridge #C0C0C0;
	background-color: #F7F7F7;
	font-size: 9pt;
	color: dimgray;
	vertical-align: middle;
	height: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-top: 2px;
	padding-left: 3px;
	margin-bottom: 2px;
	margin-left: 3px;
}

.InputTxtMsg
{
	border-right: cornflowerblue 1px solid;
	border-top: cornflowerblue 1px solid;
	border-left: cornflowerblue 1px solid;
	border-bottom: cornflowerblue 1px solid;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}

.MainTblMsg
{
	background-color: aliceblue;
}
.MainTblMsg td
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 2px 10px;
	padding-top: 2px;
}
.BodyMsgCell
{
	border-right: whitesmoke 1px solid;
	border-top: whitesmoke 1px solid;
	border-left: whitesmoke 1px solid;
	border-bottom: whitesmoke 1px solid;
	background-color: ivory;
	height: 250px;
	vertical-align: top;
}
.BodyMsgCell span
{
	font-size: 9pt;
}

.HeaderMsgCell
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;
}

a.MessageCommand
{
	color: black;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: darkgray 1px solid;
	padding-right: 5px;
	border-top: darkgray 1px solid;
	padding-bottom: 2px;
	margin: 2px 5px;
	border-left: darkgray 1px solid;
	padding-top: 2px;
	border-bottom: darkgray 1px solid;
	background-color: ghostwhite;
	text-align: center;
}
a:hover.MessageCommand
{
	color: white;
	text-decoration: none;
	font-size: 9pt;
	padding-left: 5px;
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-bottom: 2px;
	margin: 2px 5px;
	border-left: gainsboro 1px solid;
	padding-top: 2px;
	border-bottom: gainsboro 1px solid;
	background-color: #6699ff;
}




/*	Message Section	*/



/*	Calendar Section	*/

.LargCalendarEventDayStyle
{
	border-right: #404040 1px solid;
	border-top: #404040 1px solid;
	font-size: 9pt;
	vertical-align: top;
	border-left: #404040 1px solid;
	width: 90px;
	border-bottom: #404040 1px solid;
	height: 50px;
	background-color: #ffffd5;
	text-align: right;
}

.LargCalendarOtherMonthDayStyle
{
	border-right: #404040 1px solid;
	border-top: #404040 1px solid;
	font-size: 9pt;
	vertical-align: top;
	border-left: #404040 1px solid;
	width: 90px;
	border-bottom: #404040 1px solid;
	height: 50px;
	background-color: #FFF4BC;
	text-align: right;
}

.LargCalendarDayHeaderStyle
{
	background-color: #E0E0E0;
}

.LargCalendarEventRow
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	background-color: #FFF4C1;
	height: 20px;
}
.LargCalendarEventRowOver
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	background-color: #ffed95;
	height: 20px;
	cursor: hand;
}

.fieldsetCalendar
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 2px 10px;
	padding-top: 2px;
}

.CalendarPageHeader
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 2px 10px;
	padding-top: 2px;
	font-size: 9pt;
	color: #ffffff;
	background-color: #7d7c9b;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	height: 30px;
	font-weight: bold;
}


.CalendarPageHeader
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 2px 10px;
	padding-top: 2px;
	font-size: 9pt;
	color: #ffffff;
	background-color: #7d7c9b;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	height: 30px;
	font-weight: bold;
}


.CalendarEventDayTable
{
	border-right: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	padding-right: 1px;
	padding-left: 1px;
	margin-left: 1px;
	margin-right: 1px;
	height: 100%;
	border-bottom: cornsilk 1px solid;
	border-top-width: 1px;
	border-top-color: lightgrey;
}

.DayEventsDiv
{
	overflow: auto;
	height: 150px;
}

/*	Calendar Section	*/



/*	Calendar Day Section	*/

.HourTableHeader
{
	background-color: whitesmoke;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 10px;
	padding-top: 10px;
	height: 25px;
	border-right: 1px ridge;
	border-top: 1px ridge;
	border-left: 1px ridge;
	border-bottom: 1px ridge;
	text-align: right;
}

.HourCellCaption
{
	border-right: gainsboro 1px solid;
	font-weight: bold;
	font-size: 11pt;
	background-color: gainsboro;
	text-align: center;
	border-top-width: 1px;
	border-top-color: darkgray;
	border-bottom: darkgray 1px solid;
	border-left: gainsboro 1px solid;
	cursor: hand;
}

.HourCell
{
	border-right: #ead098 1px solid;
	border-left: #ead098 1px solid;
	border-bottom: #ead098 1px solid;
	background-color: #ffffd5;
	height: 20px;
	border-top-width: 1px;
	border-top-color: #ead098;
	cursor: hand;
}


.CalendarDayEventTable
{
	float: left;
	left: 0;
	top: 0;
	border-right: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	padding-right: 1px;
	padding-left: 1px;
	margin-left: 1px;
	margin-right: 1px;
	height: 100%;
	border-bottom: cornsilk 1px solid;
	border-top-width: 1px;
	border-top-color: lightgrey;
}
.CalendarDayEventRow
{
	background-color: #FFF4C1;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	padding-top: 2px;
}
.CalendarDayEventRowOver
{
	spadding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	padding-top: 2px;
	background-color: #ffed95;
	cursor: hand;	
}
.HourMainDiv
{
	overflow: auto;
	height: 450px;
}

/*	Calendar Day Section	*/
TEXTAREA
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}



.imgPrintCSS
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: top;
	padding-top: 0px;
	cursor: hand;
}

.ImagineCalendarSelectedDay
{
	background-color: #fbe694;
	color: black;
}

.NestedReportFirstHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	background-color: gray;
	border-right: DarkGray 1px solid;
	border-left: DarkGray 1px solid;
}
.NestedReportSecondHeader
{
	font-size: 9pt;
	color: #ffffff;
	background-color: midnightblue;
	border-right: darkslateblue 1px solid;
	border-left: darkslateblue 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	margin: 2px 4px;
	padding-top: 2px;
}
.NestedReportFirstColumn
{
	font-size: 9pt;
	color: #ffffff;
	background-color: midnightblue;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	margin: 1px 2px;
	padding-top: 1px;
	border-top: darkslateblue 1px solid;
	border-bottom: darkslateblue 1px solid;
}
.NestedReportCells
{
	vertical-align: middle;
	background-color: aliceblue;
	text-align: center;
	font-size: 8pt;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	padding-top: 2px;
	border-right: #eeeeee 1px solid;
	border-top: #eeeeee 1px solid;
	border-left: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
}

.bulletListInReport
{
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 5px;
	padding-top: 0px;
	font-size: 8pt;
}



.AlertText
{
    font-size: 9pt;
    color: #ff0033;
}




.ClientLoginText
{
    font-size: 10pt;
    font-family: Arial;
    text-align: center;
}

.ClientLoginInput
{

}

.ClientsCornerHeaderIMG
{


}

.ClientForgetPasswordText
{
    font-size: 8pt;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
}

.ClientForgetPasswordLabel
{
    font-size: 8pt;
    font-family: Arial;
    text-align: left;
}