/*
 * module: box
 */
div.mod-box div.box-t1 { background: url(theme/images/module_box_corners.png) 0 0 no-repeat; }
div.mod-box div.box-t2 { padding: 0px 7px 0px 7px; background: url(theme/images/module_box_corners.png) 100% -17px no-repeat; }
div.mod-box div.box-t3 { height: 5px; background: url(theme/images/module_box_corners.png) 0 -34px repeat-x; overflow: hidden; }

div.mod-box div.box-1 { background: url(theme/images/module_box_edges.png) 0 0 repeat-y; }
div.mod-box div.box-2 { padding: 0px 5px 0px 5px; background: url(theme/images/module_box_edges.png) 100% 0 repeat-y; }
div.mod-box div.box-3 { background: #ffffff; overflow: hidden; }
div.mod-box div.box-3-title { background: #ffffff; overflow: hidden; padding-top: 10px; overflow: visible; }
div.mod-box div.box-3-titleProject { background: #9999FF; overflow: hidden; padding: 10px; overflow: visible; }
div.mod-box div.box-3-titleTask { background: #99CC33; overflow: hidden; padding: 10px; overflow: visible; }
div.mod-box div.box-3-titleLog { background: #FFCC66; overflow: hidden; padding: 10px; overflow: visible; }
div.mod-box div.box-3-title3Day { background: #CCFFCC; overflow: hidden; padding: 10px; overflow: visible; }
div.mod-box div.box-3-content { background: #ffffff; overflow: hidden; padding: 10px; overflow: visible;}
div.mod-box div.box-3-contentGrey { background: #eeeeee; overflow: hidden; padding: 10px; overflow: visible;}
/* porple for project issue */
.box-3-contentPurple{ background: #ec92f7; overflow: hidden; padding: 10px; overflow: visible;}
.box-3-contentOrange{ background: #f98368; overflow: hidden; padding: 10px; overflow: visible;}
div.mod-box div.box-3-divider { background: #ffffff; overflow: hidden; padding: 0px; overflow: visible; border-top: solid 1px #DDDDDD; }
div.mod-box div.box-3-content_faintYellow { background: #fff; overflow: hidden; padding: 10px; overflow: visible;}
div.mod-box div.box-3-content_blue { background: #69C; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
div.mod-box div.box-3-content_lightblue { background: #CCF; overflow: hidden; padding: 5px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #69C 1px solid;}
div.mod-box div.box-3-content_green { background: #9C0; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
div.mod-box div.box-3-content_lightgreen { background: #D9FFB3; overflow: hidden; padding: 5px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #9C0 1px solid;}
div.mod-box div.box-3-content_purple { background: #96C; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
div.mod-box div.box-3-content_lightpurple { background: #DBB7FF; overflow: hidden; padding: 5px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #96C 1px solid;}
div.mod-box div.box-3-content_darkorange { background: #F90; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
div.mod-box div.box-3-content_orange { background: #FFA953; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #F90 1px solid; }
div.mod-box div.box-3-content_lightorange { background: #FFD2A6; overflow: hidden; padding: 5px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #F90 1px solid;}
div.mod-box div.box-3-content_black { background: #333; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
div.mod-box div.box-3-content_lightblack { background: #DDD; overflow: hidden; padding: 5px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #333 1px solid;}div.mod-box div.box-3-content_aqua { background: #6CC; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
div.mod-box div.box-3-content_lightaqua { background: #CAFFFF; overflow: hidden; padding: 5px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #6CC 1px solid;}

/*ApolloWE help style */
.box-3-contentGreen{ background: #4ab54c; overflow: hidden; padding: 10px; overflow: visible;}


div.mod-box div.box-b1 { background: url(theme/images/module_box_corners.png) 0 -53px no-repeat; }
div.mod-box div.box-b2 { padding: 0px 7px 0px 7px; background: url(theme/images/module_box_corners.png) 100% -70px no-repeat; }
div.mod-box div.box-b3 { height: 5px; background: url(theme/images/module_box_corners.png) 0 -87px repeat-x; overflow: hidden; }

div.parentContainer { width: 100%; background-image:url(theme/images/backGreyGradient.png); background-repeat:repeat-x; padding-top:10px; padding-bottom: 8px; }
div.formContainer { width: 70%; margin-left:auto; margin-right:auto; }
div.formContainer2 { width: 1200px; margin-left:auto; margin-right:auto; }
div.formContainer1 { width: 1000px; margin-left:auto; margin-right:auto; }
div.formContainer3{ width: 80%; margin-left:auto; margin-right:auto; }

div.defaultChildViewContainer { min-width:1000px; width:1000px; margin-left:auto; margin-right:auto; }
div.childViewContainer { min-width:1000px; width:1000px; margin-left:auto; margin-right:auto; }
div.orderChildViewContainer { width: 70%; margin-left:auto; margin-right:auto; }


/*kanban card */

.box-3-contentKCC{ background: #9a74a2; overflow: hidden; padding: 5px; overflow: visible;}
.box-3-contentKCT{ background: #e9d969; overflow: hidden; padding: 5px; overflow: visible;}
.box-3-contentKCYLI{ background: #f8e770; overflow: hidden; padding: 5px; overflow: visible;}

div.mod-box div.box-3-titleKCFT { background: #ada049; overflow: hidden; padding: 5px; overflow: visible; }
div.mod-box div.box-3-contenKCFD { background: #e9d969; overflow: hidden; padding: 5px; overflow: visible;}

.windowTitleBlak { font-family:Arial; font-size:16px; font-weight:bold; color:  #525253; vertical-align:top; }

.sectionTitleEX {display:block;	width:240px; margin-top:0px; background-color:#9c97c7; border-left:1px solid #f7eeb1; border-top:1px solid #f7eeb1; border-right:1px solid #f7eeb1; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px; color:#FFFFFF; }
TD.StyleTitleKCYLI { background-color: #e2e0ed; font-weight:bold; color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.Style1borderKCY { border: 1px solid #f7eeb1; background-color:#fcf6d0;}
TD.Style1borderKCY { background-color: #f7eeb1; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.Style1borderKCP { border: 1px solid #dabee0; background-color:#ecd4f1;}
TD.Style1borderKCP { background-color: #dabee0; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.Style1borderKCT { border: 1px solid #dccd65; background-color:#fcf6d0;}
TD.Style1borderKCT { background-color: #e9d969; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.Style1borderKCFD { border: 1px solid #e9d969; background-color:#f2e8a0;}
TD.Style1borderKCFD  { background-color: #e9d969; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }


.GreenCard { border: solid 0px #00954c; background-color:#1cac60; padding:2px; width:100px;}
.YellowCard { border: solid 0px #ffeb45; background-color:#ffeb45; padding:2px;width:100px; }  
.RedCard { border: solid 0px #FF0000; background-color:#FF0000; padding:2px;width:100px; }  


.GreenBtn { border: solid 2px #1cac60; background-color:#fcf6d0; padding:3px;width:110px;height:25px; cursor:pointer; color:#1cac60;font-weight:bolder;font-size:11px;}
.YellowBtn { border: solid 2px #fae112; background-color:#fcf6d0; padding:3px;width:110px;height:25px; cursor:pointer; color:#525253;font-weight:bolder;font-size:11px;}
.RedBtn { border: solid 2px #f26666; background-color:#fcf6d0; padding:3px;width:110px; height:25px; cursor:pointer; color:#f26666;font-weight:bolder; font-size:11px;}

/* end kanban */


/* Permit */

.box-3-titleDemo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#6699cc;padding: 10px;  }
.box-3-titleDemo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#6699cc;padding: 10px;  }
.s {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold; color: #FFF;font-size:9px; text-align:right; line-height:0px;}
TD.NPEIlabelCellLeft { background-color: #dde9f7; text-align: left;color: #000000;	font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
/* end Permit */

/* Menu Audit */

.audit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; background-color:#5bad98;padding: 10px;  }
.asectionTitle { display:block; width:240px; margin-top:5px; background-color:#b8d0ca; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
TD.labelCellA { background-color: #dff3ef; text-align: right;color: #000000;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
TD.labelCellB { background-color: #f4fcfa; text-align:left;color: #000000;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
/* end Menu Audit */

 
.maa {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; background-color:#efb08d;padding: 2px;  }
.a1sectionTitle { display:block; width:240px; margin-top:5px; background-color:#e1d9ce; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
TD.labelCellAA { background-color: #fce1d2; text-align: right;color: #000000;	font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
TD.labelCellBB { background-color: #fbf0ea; text-align:left;color: #000000;	font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
 
/* Purchase order*/
.box-3-contentNavy{ background: #004fbc; overflow: hidden; padding: 10px; overflow: visible;}
 .windowTitle2 { font-family:Arial; font-size:16px; font-weight:bold; color: #FFFFFF; vertical-align:top; }
.Qhelplabel2 { background-color:#008dd6; text-align:left; color: #ffffff;  font-size: 12px;font-family: Arial, Helvetica, sans-serif; padding:5px 5px 5px 18px; font-weight:bold; cursor:pointer; border-bottom: solid 1px #FFFFFF;}
.Style1border { border: 1px solid #ccc; background-color:#e4edf9;}
TD.Style1Title { background-color: #b2d1fc; text-align: right;color: #000000;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

/* end Purchase order*/

.windowTitle { font-family:Arial; font-size:16px; font-weight:bold; color: #333333; width: 100%; vertical-align:top; }
.windowTitleWhite { font-family:Arial; font-size:16px; font-weight:bold; color: #FFF; width: 100%; vertical-align:top; }
.windowTitleWhite_PS { font-family:Arial; font-size:16px; font-weight:bold; color: #FFF; width: 100%; vertical-align:middle; }
.windowTitle2 { font-family:Arial; font-size:16px; font-weight:bold; color: #FFFFFF; width: 100%; vertical-align:top; }
.windowTitleIcon { padding-right: 6px; }
.sectionTitle { font-family:Arial; font-size:18px; font-weight:normal; color: #666666; }
.viewTitle { font-family:Arial; font-size:14px; font-weight:bold; color: #666; width: 100%; padding-left:10px; padding-top:2px; margin-bottom: -6px; }
.red { color:#FF0000; font-weight:bold;} 
.blue{ font-family:Arial; color:#00008B; font-weight:bold; font-size:15px;}
.blueTitle { font-family:Arial; color:#0000FF; }
.fieldError { color: #FF0000; }
.documentMenuBar { background-color:#EEEEEE; border: #CCCCCC; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.terminationTitle { font-family:Arial; font-size:16px; font-weight:bold; color: #FF0000; width: 100%; vertical-align:top; }

.nebs {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#125899;padding: 10px;  }
TD.nebs {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#125899;padding: 10px;  }

.NPEIborder { border: 1px solid #ccc; background-color:#f0f5fb;}
.NPEIsectionTitle { display:block; width:240px; margin-top:5px; background-color:#ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
TD.NPEIlabelCell { background-color: #dde9f7; text-align: left;color: #000000;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
TD.NPEIlabelCellLeft { background-color: #dde9f7; text-align: left;color: #000000;	font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }

.NEWCONborder { border: 1px solid #ccc; background-color:#f0f5fb;}
.NEWCONsectionTitle { display:block; width:240px; margin-top:5px; background-color:#ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
TD.NEWCONlabelCell { background-color: #dde9f7; text-align: left;color: #000000;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
TD.NEWCONlabelCellLeft { background-color: #dde9f7; text-align: left;color: #000000;	font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }


.TWGborder { border: 1px solid #ccc; background-color:#f0f5fb;}
.TWGsectionTitle { display:block; width:240px; margin-top:5px; background-color:#ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
TD.TWGlabelCell { background-color: #dde9f7; text-align: right;color: #000000;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

.popupReadOnly { border: solid 1px #dddddd; background-color:#eeeeee; padding:2px; }
.inputReadOnly { border: solid 1px #dddddd; background-color:#eeeeee; padding:2px; }

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333}

.ApolloWE_Heading1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #0083BF}
.ApolloWE_Heading2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #0083BF}
.ApolloWE_Heading3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #0083BF}
.ApolloWE_Heading4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #0083BF}
.ApolloWE_Heading5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #0083BF}

.WE_formTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #000}
.WE_sectionTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000}
.WE_highlightBox { background-color:#000; text-align: right; color: #FFF; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; border: 1px #000000 solid}
.WE_thinTableBorder { border-width:1px; border-style:solid; border-color:#000 }
.WE_thinBorder_bottom { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }
.WE_thinBorder_left { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; }
.WE_thinBorder_bottomleft { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; }
.WE_boldTableBorder { border-width:2px; border-style:solid; border-color:#000 }
.WE_boldBorder_bottom { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; }
.WE_boldBorder_left { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px; }
.WE_boldBorder_bottomleft { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px; }

.WE_breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #666; }

div.WE_breadcrumb a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; }
div.WE_breadcrumb a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal;  color: #666;   }
div.WE_breadcrumb a:visited  { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal;   }

.WE_htmlLink1 { font-family: Arial, Helvetica, sans-serif;   font-size: 10px; font-style: normal; font-weight: normal; color: #666; background-image:url(../ContentMgr/images/btn_html_bg1.png);  }
div.WE_htmlLink1 { font-family: Arial, Helvetica, sans-serif;   font-size: 10px; font-style: normal; font-weight: normal; color: #666; background-image:url(../ContentMgr/images/btn_html_bg1.png);  }

.WE_htmlLink2 { font-family: Arial, Helvetica, sans-serif;   font-size: 10px; font-style: normal; font-weight: normal; color: #666; background-image:url(../ContentMgr/images/btn_html_bg2.png);  }

.CREIT_formTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #000}
.CREIT_sectionTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000}
.CREIT_highlightBox { background-color:#000; text-align: right; color: #FFF; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; border: 1px #000000 solid}
.CREIT_thinTableBorder { border-width:1px; border-style:solid; border-color:#000 }
.CREIT_thinBorder_bottom { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }
.CREIT_thinBorder_left { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; }
.CREIT_thinBorder_bottomleft { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; }
.CREIT_boldTableBorder { border-width:2px; border-style:solid; border-color:#000 }
.CREIT_boldBorder_bottom { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; }
.CREIT_boldBorder_left { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px; }
.CREIT_boldBorder_bottomleft { border-style:solid; border-color:#000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px; }

.label_normal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #333333}
.label_large {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #333333}
.label_extralarge {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #333333}

.plainText_normal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000}
.plainText_medium {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000}
.plainText_large {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000}
.plainText_xlarge {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000}
.plainText_xxlarge {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000000}
.plainText_large_Highlight {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #CC0000}
.plainText_xlarge_Highlight {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #CC0000}
.textArea_xlarge {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000}

TD.tipTitleCell { text-align: left; color: #000000; font-size: 12px; font-weight: bold; font-family: tahoma; background-color:#CCCCFF; height: 18; border-width:1; border-style:solid; border-color:#999999; }
TD.tipCell { text-align: left; color: #000000; font-size: 12px; font-weight: normal; font-family: tahoma; background-color:#DDDDFF; height: 18; border-width:1; border-style:solid; border-color:#999999; }

TABLE.outerBorderTable {
            background-color:#FFFFFF;
	    			border-width:1; 
	    			border-style:solid; 
            border-color:#EEEEEE;
}

TR.outerBorderRow {
            background-color:#FFFFFF;
			border-width:0; 
			border-style:solid; 
            border-color:#FFFFFF;
}

TD.outerBorderCell {
            background-color:#FFFFFF;
			text-align: left;
			color: #000000;
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			vertical-align: top; 
			border-width:1; 
			border-style:solid; 
            border-color:#6699CC;                      
}

TD.outerBorderCellShadow {
            background-color: #FFFFFF;
			text-align: left;
			color: #000000;
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			vertical-align: top; 
			border-width:1; 
			border-style:solid; 
            border-color:#6699CC;
            filter: shadow(color=gray,direction=145);
}

TD.outerBorderButtonBar {
            background-color: #FFFFFF;
			border-width:1; 
			border-style:solid; 
            border-color:#6699CC;
			text-align: center;
			color: #000000;
			font-size: 12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;                     
}


TABLE.innerBorderTable {
                        background-color=#FFFFFF;
			border-width:0; 
			border-style:solid; 
                        border-color:#FFFFFF;
}
TR.innerBorderRow {
                        background-color=#FFFFFF;
			border-width:0; 
			border-style:solid; 
                        border-color:#FFFFFF;
}

TD.innerBorderCell {
                        background-color=#FFFFFF;
			border-width:0; 
			border-style:solid; 
                        border-color:#FFFFFF;
}

TD.labelCellRequired {
			background-color:#CCCCFF;
			text-align: right;
			color: #CC0000;
			font-size: 12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
}

TD.labelCell { background-color: #eeeeee; text-align: right;color: #000000;	font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; }
TD.dataCell { background-color:#ffffff;text-align: left;color: #000000;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; border-width:1; border-style:solid; border-color:#eeeeee;}

INPUT.button { 
                        color:#000000; 
                        background-color:#EEEEEE; 
                        font-weight:normal; 
                        font-size: 9pt; 
                        font-family: Verdana, Arial, Helvetica, sans-serif; 
                        cursor: hand; 
                        border: 2px #BBBBBB ridge
} 

INPUT.inputTextboxRequired { 
                        color:#CC0000; 
                        background-color:#FFFFFF; 
                        font-weight:normal; 
                        font-size: 12px; 
                        font-family: Verdana, Arial, Helvetica, sans-serif; 
                        border: 1px #666666 solid
} 

INPUT.inputTextbox { 
                        color:#000000; 
                        background-color:#FFFFFF; 
                        font-weight:normal; 
                        font-size: 11px; 
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        border: 1px #666666 solid
} 
 

INPUT.outputTextbox { 
                        color:#000000; 
                        background-color:#FFF; 
                        font-weight:normal; 
                        font-size: 11px; 
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        border: 0px #fff solid;
                        readOnly: true
}

INPUT.searchTextbox { 
                        color:#000000; 
                        background-color:#eeeeee; 
                        font-weight:normal; 
                        font-size: 11px; 
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        border: 1px #666666 solid
}

INPUT.dashboardTextboxDisabled { 
                        color:#CC0000; 
                        background-color:#FFFFFF;
                        font-weight:normal; 
                        font-size: 11px; 
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        border: 0px #FFFFFF solid
}
SELECT.dropdownRequired { 
                        background-color:#FFFFFF; 
                        color:#CC0000; 
                        font-weight:500; 
                        font-size: 9pt; 
                        font-family: Verdana, Arial, Helvetica, sans-serif; 
                        border: #666666; 
                        border-style: solid; 
                        border-top-width: 1px; 
                        border-right-width: 1px; 
                        border-bottom-width: 1px; 
                        border-left-width: 1px
} 

.inputHtmlTextarea { 
                        color:#000000; 
                        background-color:#FFFFFF; 
                        font-weight:normal; 
                        font-size: 11px; 
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        border: 1px #666666 solid
}

SELECT.dropdown { 
                        background-color:#FFFFFF; 
                        color:#000000; 
                        font-weight:500; 
                        font-size: 10px;
                        font-family: Verdana, Arial, Helvetica, sans-serif; 
                        border: 1px #666666 solid;
		}
 
 
.listitem {FONT-SIZE: 10pt; FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight: normal; color: #000000} 

/* power Stream style */


.PSborder { border: 1px solid #ccc; background-color:#f0f5fb;}
.PSsectionTitle { display:block; width:240px; margin-top:5px; background-color:#ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 13px; font-weight:bold; padding-left: 5px;}
TD.PSlabelCell { background-color: #dde9f7; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.PSlabelRow {background-color:#008dd6; text-align:left; color: #ffffff;  font-size: 12px;font-family: Arial, Helvetica, sans-serif; padding:5px 5px 5px 18px; font-weight:bold; cursor:pointer}
div.mod-box div.box-3-content_PS { background-image:url(../ContentMgr/images/top.jpg); background-repeat:repeat-x; overflow: hidden; padding: 10px; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
 

/* Q style */
.Qlabel {background-color:#008dd6; text-align:left; color: #ffffff;  font-size: 12px;font-family: Arial, Helvetica, sans-serif; padding:5px 5px 5px 18px; font-weight:bold; cursor:pointer; border-bottom: solid 1px #FFFFFF;}
.Qlabel2 { background-color:#008dd6; text-align:left; color: #ffffff;  font-size: 12px;font-family: Arial, Helvetica, sans-serif; padding:5px 5px 5px 18px; font-weight:bold; cursor:pointer; border-bottom: solid 1px #FFFFFF;}

.Qborder { border: 1px solid #ccc; background-color:#f0f5fb;}

.QsectionTitle { display:block; width:350px; margin-top:5px; background-color:#ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
.tip {margin-left:20px; background-image: url(ContentMgr/images/tip.png); background-repeat:no-repeat; text-indent:20px;}
#note {color:#990033; font-weight:bold;}
.practice {margin-left:20px; background-image: url(ContentMgr/images/Q2.png); background-repeat:no-repeat; text-indent:20px;}

/* Vacation request */
.VACsectionTitle { display:block; width:240px; margin-top:5px; background-color:#bbbbf9; border-left:1px solid #bbbbf9; border-top:1px solid #bbbbf9; border-right:1px solid #bbbbf9; line-height:18px; font-size: 10px; font-weight:bold; padding-left: 5px;}
TD.StyleVACTitle { background-color: #dcdcff; text-align: right;color: #000000; font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.StyleVACborder { border: 1px solid  #bbbbf9; background-color:#f5f5fd;}
.box-3-contentVAC{ background: #7777be; overflow: hidden; padding: 10px; overflow: visible; }
.windowTitle2VAC { font-family:Arial; font-size:16px; font-weight:bold; color: #FFFFFF; background: #7777be; width: 100%; vertical-align:middle; }

/*Star command */

.box-3-contentStar{ background: #5c878a; overflow: hidden; padding: 5px; overflow: visible;}
.StyleborderStar { border: 1px solid #d2e6e3; background-color:#dff1ee;}
.windowTitleStar { font-family:Arial; font-size:12px; font-weight:bold; color: #FFFFFF; width: 100%; vertical-align:top; }
TD.StyleTitleStar { background-color: #cbe0dc; text-align: right;color: #000000; font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

.box-3-contentStarB{ background: #6c8fb6; overflow: hidden; padding: 5px; overflow: visible;}
.StyleborderStarB { border: 1px solid #b6d8fe; background-color:#dfedfd;}
.windowTitleStarB { font-family:Arial; font-size:12px; font-weight:bold; color: #FFFFFF; width: 100%; vertical-align:top; }
TD.StyleTitleStarB { background-color: #b6d8fe; text-align: right;color: #000000; font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.box-3-contentStarHFM{ background: #9c81a8; overflow: hidden; padding: 5px; overflow: visible;}
.StyleborderStarHFM { border: 1px solid #ead1f5; background-color:#ede1f3;}
.windowTitleStarHFM { font-family:Arial; font-size:12px; font-weight:bold; color: #FFFFFF; width: 100%; vertical-align:top; }
TD.StyleTitleStarHFM { background-color: #ead1f5; text-align: right;color: #000000; font-size: 12px;font-family: Arial, Helvetica, sans-serif; }


/*expense claim */
.box-3-contentEX{ background: #53288d; overflow: hidden; padding: 5px; overflow: visible;}
.box-3-contentEXLI{ background: #695eb1; overflow: hidden; padding: 5px; overflow: visible;}
.windowTitle2 { font-family:Arial; font-size:16px; font-weight:bold; color: #FFFFFF; vertical-align:top; }
.sectionTitleEX {
	display:block;
	width:240px;
	margin-top:0px;  
	background-color:#9c97c7;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:18px; 
	font-size: 10px;
	font-weight:bold;
	padding-left: 5px;
	color:#FFFFFF
}
.Style1borderEx { border: 1px solid #ccc; background-color:#eeebfa;}
TD.Style1borderEX { background-color: #e2e0ed; font-weight:bold; text-align: right;color: #000000;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
TD.StyleTitleEXLI { background-color: #e2e0ed; font-weight:bold; color: #000000;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
TD.Style1  {  font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

/*kanban card release - iteration style */

.box-3-contentKCRe{ background: #9a74a2; overflow: hidden; padding: 5px; overflow: visible;}
.box-3-contentKCLIRE{ background: #d5e3cf; overflow: hidden; padding: 5px; overflow: visible;}
TD.StyleTitleKCYLIRE{ background-color: #e7f9e1; font-weight:bold; color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.Style1borderKCYRE { border: 0px solid #f7eeb1; background-color:#ebf3e8;}
TD.Style1borderKCYRE { background-color: #f2faef; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.Style1borderKCP { border: 1px solid #d5e3cf; background-color:#ecd4f1;}
TD.Style1borderKCP { background-color: #dabee0; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
.box-3-contentKCT{ background: #e9d969; overflow: hidden; padding: 5px; overflow: visible;}
.Style1borderKCT { border: 1px solid #dccd65; background-color:#fcf6d0;}
TD.Style1borderKCT { background-color: #e9d969; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

.Style1borderKCTRE { border: 1px solid #d5e3cf; background-color:#f2faef;}
TD.Style1borderKCTRE { background-color: #e7f9e1; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

div.mod-box div.box-3-titleKCRE { background: #738c69; overflow: hidden; padding: 5px; overflow: visible; }
div.mod-box div.box-3-contenKCRRE { background: #94af89; overflow: hidden; padding: 5px; overflow: visible;}
.Style1borderKCFRE { border: 1px solid #d5e3cf; background-color:#f2e8a0;}
TD.Style1borderKCFRE  { background-color: #d5e3cf; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }
div.mod-box div.box-3-contentKCLIRE2 { background: #a7db92; overflow: hidden; padding: 5px; overflow: visible;}

.Style1borderKCIter { border: 1px solid #d5e3cf; background-color:#f2faef;}
TD.Style1borderKCIter { background-color: #e7f9e1; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

/* Iteration time log style */
div.mod-box div.box-3-titleTimeLog { background: #e5d9e9; overflow: hidden; padding: 5px; overflow: visible; }
.Style1borderTimeLog{ border: 1px solid #d5e3cf; background-color:#f7ebfa;}
TD.Style1borderTimeLog { background-color: #f1e7f4; font-weight:bold; text-align: right;color: #333333;	font-size: 12px;font-family: Arial, Helvetica, sans-serif; }

.sectionTitleRelease { display:block; width:240px; margin-top:5px; background-color:#94af89; border-left:1px solid #738e68; border-top:1px solid #738e68; border-right:1px solid #738e68; border-bottom:1px solid #738e68; line-height:18px; color:#FFFFFF; font-size: 10px; font-weight:bold; padding-left: 5px;}
.sectionTitleIter { display:block; width:240px; margin-top:5px; background-color:#a7db92; border-left:1px solid #98c984; border-top:1px solid #98c984; border-right:1px solid #98c984;1px solid #98c984; line-height:18px; color:#333333; font-size: 10px; font-weight:bold; padding-left: 5px;}

div.mod-box div.box-3-content_title { background: #fff; overflow: hidden; padding: 1px; padding-left:10px; overflow: visible;}

/* kanban card help tooltip */

a.help span {
display: none;
width:160px;
text-align:left;
color:#000;
padding:4px;
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Shadow( Strength=5, Direction=135, Color='#999999' );
}

a.help:hover {
position: relative; text-decoration:none;
}

a.help:hover span {
display: block;
position: absolute;
padding:4px 10px;
border: 2px solid #9a74a2;
background-color: #eeeeee;
font-weight: normal;
}

a.tt{
    position:relative;
    z-index:24;
    color: #3CA3FF;
	font-weight: normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; text-decoration:none;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-20px;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-weight:  normal;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../apolloWe/ContentMgr/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../apolloWe/ContentMgr/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../apolloWe/ContentMgr/images/bubble.gif) no-repeat bottom;
}
/* Hydro One Brampton */
.ButtonSize { width: 12em;  height: 2em; display: block;}
.ButtonSize1 { width: 12em;  height: 2em; }
.entHeader { font-family: serif,Arial,Helvetica, sans-serif;font-weight: bold;color: #008BDB }
/* Responsive view and non-responsive document copied from child view css from capricorn css */
.table_TitleLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    border-style: solid;
    border-color: #CCCCCC;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.menu_back {
    background: url(menu_apolloDefault.jpg) repeat;
    background-position: 1px 164px;
    height: 20px;
    line-height: 20px;
}
.table_Data {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-style: solid;
    border-color: #CCCCCC;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
}
.menu_sort {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
    line-height: 18px;
    background: url(menu_apolloDefault.jpg) no-repeat left top;
    background-position: right -49px;
    padding-right: 15px;
    vertical-align: middle;
    display: block;
    display: inline-block;
    display: -moz-inline-box;
}