/* HTML element 
-------------------------------------*/
body { margin:0; padding:0; font:9pt Arial; color:#444; min-width:900px; }
img { border-width:0; vertical-align:middle;}
a { text-decoration:none; color:#0e1ba2; }
a:hover { text-decoration:underline; color:#CC0000; }
/*input,select,textarea { color:#006; font-family:Arial; font-size:9pt; vertical-align:middle; margin:2px 0; padding:2px; }*/

/* Global
-------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear { clear:both; line-height:0; height:0; font-size:0;}

.txtLeft{ text-align:left;}
.txtCenter{ text-align:center;}
.txtTop{ vertical-align:top;}
.txtMiddle{ vertical-align:middle;}
.nowrap { white-space:nowrap;}
.disabled {color:#999;}
.disabled:hover {color:#999; text-decoration:none;}

.moreTxt { padding:4px 4px 0 4px; font:100% Arial, Helvetica, sans-serif; text-align:justify; }
.fldDefault, textarea { color:#004a80; font:10pt Arial; vertical-align:middle; margin:1px 0; padding:4px; background:#FFFFFF url(../img/bg/txtBG.gif) repeat-x top; border:1px solid #ccc; }
.fldErr { color:#004a80; font:10pt Arial; vertical-align:middle; margin:1px 0; padding:4px; background:#fdd url(../img/bg/txtErrBG.gif) repeat-x top; border:1px solid #f00; }
.fldWarn { color:#004a80; font:10pt Arial; vertical-align:middle; margin:1px 0; padding:4px; background-color:#FF9;border:1px solid #dd9946; }
.fldChk { color:#004a80; font:10pt Arial;  margin:0; padding:0px; }
.fldChk input{ vertical-align:middle; }

/*.fldShadow { background:#FFFFFF url(../img/bg/txtBG.gif) repeat-x top; border:1px solid #ccc; }*/

.errFont{ color:#900;}
.errFont ul{ margin:0; padding:2px 15px; }
.req { padding:0 2px 0 11px; background:url(../img/ico/ico_star.gif) no-repeat left top; }
.reqR { padding:0 9px 0 2px; background:url(../img/ico/ico_star.gif) no-repeat right top;}
.btnDefault { vertical-align:middle; }

.sBtn { font:bold 9pt Arial; margin:1px 2px 1px 0; padding:4px 7px; color:#fff; background-image:url(../img/btn/BtnBG_Blue.gif); border:1px solid #ccc; vertical-align:middle;
		border-bottom-width:2px; border-right-width:2px; cursor:hand;}
.sBtn:hover {color:#ff0;}
.sBtn:click { background-color:#fff;}
       
.Blue { color:#fff; background-image:url(../img/btn/BtnBG_Blue.gif);}
.Green {color:#fff; background-image:url(../img/btn/BtnBG_Green.gif);}
.Red {color:#fff; background-image:url(../img/btn/BtnBG_Red.gif);}
.Gray {color:#fff; background-image:url(../img/btn/BtnBG_Gray.gif);}

.Silver {color:#000; background-image:url(../img/btn/BtnBG_Silver.gif);}
.Silver:hover {color:#900;}
.Gold {color:#000; background-image:url(../img/btn/BtnBG_Gold.gif);}
.Gold:hover {color:#900;}

.DisabledBtn, .DisabledBtn:hover {color:#999; background-image:none; text-decoration:none;}

/* Main Menu
--------------------------*/
.hb { height:28px; padding:0 12px; background:url(../img/hb_bg.gif) repeat-x; }  
.hb img { vertical-align:middle; border-width:0; padding:0 3px 0 0; }  
.hb div { height:28px; display:block; float:left; padding:0; font:9pt Arial;  }
.hb div a, .hb div span { display:block; float:left; height:21px; padding:7px 12px 0 12px; background:url(../img/hb_sep.gif) no-repeat right; }
.hb .on { padding:0 0 0 5px; background:url(../img/hbtab_L.gif) no-repeat; }
.hb .on a { padding:7px 12px 0 7px; background:url(../img/hbtab_R.gif) no-repeat right; font-weight:bold;  }        

.hb div.right { height:28px; float:right; padding:0; }
.hb div.right a { background-position:left; }

.hbBgCyan .on { background-image:url(../img/hbtab_cyan_L.gif);} 
.hbBgCyan .on a { background-image:url(../img/hbtab_cyan_R.gif); }
.hbBgBlue .on { background-image:url(../img/hbtab_blue_L.gif);} 
.hbBgBlue .on a { background-image:url(../img/hbtab_blue_R.gif); }
.hbBgGreen .on { background-image:url(../img/hbtab_green_L.gif);} 
.hbBgGreen .on a { background-image:url(../img/hbtab_green_R.gif); }
.hbBgYellow .on { background-image:url(../img/hbtab_yellow_L.gif);} 
.hbBgYellow .on a { background-image:url(../img/hbtab_yellow_R.gif); }
.hbBgPurple .on { background-image:url(../img/hbtab_purple_L.gif);} 
.hbBgPurple .on a { background-image:url(../img/hbtab_purple_R.gif); }
.hbBgRed .on { background-image:url(../img/hbtab_red_L.gif);} 
.hbBgRed .on a { background-image:url(../img/hbtab_red_R.gif); }
.hbBgGray .on { background-image:url(../img/hbtab_gray_L.gif);} 
.hbBgGray .on a { background-image:url(../img/hbtab_gray_R.gif); }

.ddMenu { width:200px; position:absolute; box-shadow: 1px 3px 10px #999; display:none;  border:1px solid #666; background-color:#EEE; padding:4px 10px; z-index:100000;}

/* Sitemap
--------------------------*/
.sitemap { padding:2px 8px; font:8pt Tahoma; color:#888888; float:left }

/* Footer
--------------------------*/
.footer { font:8pt Segoe UI,Tahoma; border-top: 2px solid #fdb724; color: #888888; text-align: center; padding: 8px; }

/* Main Tab
--------------------------*/
.mbNone { padding:2px 20px; height:0; background-color:#bbd3f2; font:0pt Tahoma; }

.mb { padding:2px 20px; height:23px; background-color:#bbd3f2; font:8pt Segoe UI,Tahoma; }
.mb a { float:left; display:block;  padding:4px 8px; text-align:center;}
.mb a:hover { padding:3px 7px; border:1px solid #dd9946; background:#ffffbb; text-decoration:none;}        
.mbBgCyan { background:#C6E1EC url(../img/mbbg_cyan.gif); }
.mbBgBlue { background:#bbd3f2 url(../img/mbbg_blue.gif); }
.mbBgGreen { background:#dbe8dd url(../img/mbbg_green.gif); }
.mbBgYellow { background:#f7f2e4 url(../img/mbbg_yellow.gif); }
.mbBgPurple { background:#c3c6e5 url(../img/mbbg_purple.gif); }
.mbBgRed { background:#f9e4e5 url(../img/mbbg_red.gif); }
.mbBgGray { background:#dddddd url(../img/mbbg_gray.gif); }

/* Sub Tab
--------------------------*/
.pgTab { clear:both; height:25px; font:8pt Tahoma; padding:0 15px; background:url(../img/pgtab_bg.gif) repeat-x; }  
.pgTab div { height:25px; float:left; padding:0 0 0 5px; background:url(../img/pgtab_gray_L.gif) no-repeat; }
.pgTab div a { display:block; float:left; height:19px; padding:6px 12px 0 7px; background:url(../img/pgtab_gray_R.gif) no-repeat right; }
.pgTab .on { background-image:url(../img/pgtab_on_L.gif); }
.pgTab .on a { background-image:url(../img/pgtab_on_R.gif);  }        
.pgTab .Green { background-image:url(../img/pgtab_green_L.gif); }
.pgTab .Green a { background-image:url(../img/pgtab_green_R.gif); }
.pgTab .Red { background-image:url(../img/pgtab_red_L.gif); }
.pgTab .Red a { background-image:url(../img/pgtab_red_R.gif); }
.pgTab .Blue { background-image:url(../img/pgtab_blue_L.gif); }
.pgTab .Blue a { background-image:url(../img/pgtab_blue_R.gif); }
.pgTab .Yellow { background-image:url(../img/pgtab_yellow_L.gif); }
.pgTab .Yellow a { background-image:url(../img/pgtab_yellow_R.gif); }

.pgTabCnt {padding:10px 15px; clear:both /*border:1px solid #ccc; border-top-width:0;*/}

.pgImgTab {padding:0; border-bottom:1px solid #eac18e; font:normal 8pt Tahoma;}
.pgImgTab a {display:block; float:left; padding:8px 10px; text-align:center; border-right:1px dotted #eac18e; width:64px;}
.pgImgTab a:hover { background-color:#fff8a7}
.pgImgTab a.on { background-color:#fff8a7}
.pgImgTab span {display:block; padding:0; white-space:nowrap;}

.pgImgTabCnt { padding:12px 0; clear:both}
    
/* Left Panel
--------------------------*/
.pnlFrm { border:2px solid #dddddd; border-top-width:1px; margin-bottom:8px; width:180px; }
.pnl { border:1px solid #bbbbbb; }

.pnl .ttl { font:bold 8pt Arial; color:#ffffff; padding:5px 8px; }
.pnl .ttlGreen { background-image:url(../img/btn/BtnBG_Green.gif); }
.pnl .ttlBlue { background-image:url(../img/btn/BtnBG_Blue.gif); }
.pnl .ttlRed { background-image:url(../img/btn/BtnBG_Red.gif); }
.pnl .ttlYellow { background-image:url(../img/btn/BtnBG_Gold.gif); color:#000000; }
.pnl .ttlSilver { background-image:url(../img/btn/BtnBG_Silver.gif);  color:#000000; }
.pnl .ttlGray { background-image:url(../img/btn/BtnBG_Gray.gif); }

.pnl .ttlLightGreen { background-image:url(../img/btn/BtnBG_LightGreen.gif); color:#000000;}
.pnl .ttlLightBlue { background-image:url(../img/btn/BtnBG_LightBlue.gif); color:#000000;}
.pnl .ttlLightRed { background-image:url(../img/btn/BtnBG_LightRed.gif); color:#000000;}
.pnl .ttlLightYellow { background-image:url(../img/btn/BtnBG_LightYellow.gif); color:#000000; }


/* panel content style 
---------------------------------*/
.pnl .cnt, .pnl .cusCnt { padding:6px; font:8pt Tahoma; border:1px solid #ffffff; background-color:#ffffff; }        
.pnl .cntNoBG { border-width:0; background-color:transparent; }        
.pnl .cntBlue { background-color:#ddeeff; }
.pnl .cntYellow { background-color:#f7f2e4; }
.pnl .cntBrightYellow { background-color:#ffffdd; }
.pnl .cntGreen { background-color:#dbe8dd; }
.pnl .cntRed { background-color:#f8d7d7; }
.pnl .cntGray { background-color:#efefef; }

.pnl .cnt a { display:block; padding:2px;  }
.pnl .cnt a:hover, .pnl .cnt a.on  { padding:1px; border:1px solid #dd9946; background:#ffffbb; text-decoration:none;  }
.pnl .cnt a span { padding:4px; display:block; padding-left:25px; background:url(../img/pnlico_template.gif) no-repeat 2px 1px; }

.pnl .sep { height:0px; margin:5px 0; font-size:0px; line-height:0px; border-top:1px solid #ccc; border-bottom:1px solid #fff;  }
.pnl .sepBlue { margin:5px 0; padding:2px 8px; color:#abc; font-size:8pt; border-bottom:1px solid #cde; text-align:right;  }

.topShadow { background:#fff url(../img/shadow_T.png) repeat-x; }
.rightShadow { background:url(../img/shadow_R.png) repeat-y; }

/* panel content style for Home screen quick links 
--------------------------------------------------------*/
.pnl .cntH, 
.pnl .cusCntH { padding:6px; font:8pt Tahoma; border:1px solid #ffffff; background-color:#ffffff; }        

.pnl .cntNoBG { border-width:0; background-color:transparent; }        
.pnl .cntBlue { background-color:#ddeeff; }
.pnl .cntYellow { background-color:#f7f2e4; }
.pnl .cntBrightYellow { background-color:#ffffdd; }
.pnl .cntGreen { background-color:#dbe8dd; }
.pnl .cntRed { background-color:#f8d7d7; }
.pnl .cntGray { background-color:#efefef; }

.pnl .cntH a { display:block; padding:2px; color:#111;  }
.pnl .cntH a:hover, .pnl .cnt a.on  { color:#900; padding:1px; border:1px solid #dd9946; background:#ffffbb; text-decoration:none;  }
.pnl .cntH a span { padding:4px 4px 4px 40px; display:block; min-height:30px; background:url(../img/pnlico_template.gif) no-repeat 2px 2px; }
.pnl .cntH span div { font:normal 8pt "Segoe UI",Tahoma; color:#888; padding:3px 0 5px 0; width:150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis  }


/* Left Panel New
--------------------------*/
.pnl2Frm { margin-bottom:8px; width:200px; }
.pnl2 {  }

.pnl2 .ttl { font:normal 8pt Tahoma, Arial; color:#966; border-bottom:1px dotted #bbb; padding:5px 12px; text-align:left; 
             text-shadow: 1px 1px 2px #fff;}

.pnl2 .cnt, 
.pnl2 .cusCnt { padding:8px 6px; font:normal  9pt Arial; border-top:1px solid #fff; }        

.pnl2 .cntNoBG { border-width:0; background-color:transparent; }        

.pnl2 .cnt a { display:block; padding:2px; color:#114; cursor:hand; margin:2px 0;  }  

.pnl2 .cnt a:hover, 
.pnl2 .cnt a.on  { color:#900; padding:1px; border:1px solid #eac18e; background:#fff8a7; text-decoration:none; }

.pnl2 .cnt a.off, 
.pnl2 .cnt a.off:hover  { color:#999; padding:2px; border-width:0; background-color:transparent; cursor:default; opacity:0.4; filter:alpha(opacity=40); }

.pnl2 .cnt a span { padding:4px 2px 4px 42px; display:block;  min-height:28px; background:url(../img/pnlico_template.gif) no-repeat 4px 4px; }
.pnl2 .cnt span div { font:normal 8pt "Segoe UI",Tahoma; color:#666; padding:3px 0 3px 0;  }

/*-----*/
.pnl2 .cnt a.subForm { font:normal 9pt Arial; display:block; padding:2px 2px 2px 7px; color:#111; cursor:hand;  }  

.pnl2 .cnt a.subForm:hover, 
.pnl2 .cnt a.subFormOn  { font:normal 9pt Arial; color:#900; padding:1px 1px 1px 6px; border:1px solid #eac18e; background:#fff8a7; text-decoration:none;  }

.pnl2 .cnt a.subForm span,
.pnl2 .cnt a.subFormOn span { padding:4px 2px 4px 27px; display:block;  min-height:18px; background:url(../img/ico/ico_formedit.gif) no-repeat 4px 2px; }

.pnl2 .cnt a.subFormOff { font:normal 9pt Arial; display:block; padding:2px 2px 2px 7px; color:#999; cursor:default; opacity:0.5; filter:alpha(opacity=50); } 
.pnl2 .cnt a.subFormOff:hover { border-width:0; background-color:transparent; opacity:0.5; filter:alpha(opacity=50);  } 
.pnl2 .cnt a.subFormOff span { padding:4px 2px 4px 27px; display:block;  min-height:18px; background:url(../img/ico/ico_formedit_off.png) no-repeat 4px 2px; }

/*-----child sub form*/
.pnl2 .cnt a.subForm2 { font:normal 8pt Tahoma, Arial; display:block; padding:1px 1px 1px 26px; color:#111; cursor:hand;  }  

.pnl2 .cnt a.subForm2:hover, 
.pnl2 .cnt a.subForm2On  { font:normal 8pt Tahoma, Arial; color:#900; padding:0 0 0 25px; border:1px solid #eac18e; background:#fff8a7; text-decoration:none;  }

.pnl2 .cnt a.subForm2 span,
.pnl2 .cnt a.subForm2On span { padding:4px 2px 2px 25px; display:block;  min-height:18px; background:url(../img/ico/ico_new.gif) no-repeat 4px 0px; }

.pnl2 .cnt a.subForm2Off { font:normal  8pt Tahoma, Arial; display:block; padding:1px 1px 1px 26px; color:#999; cursor:default; opacity:0.5; filter:alpha(opacity=50); } 
.pnl2 .cnt a.subForm2Off:hover { border-width:0; background-color:transparent; opacity:0.5; filter:alpha(opacity=50);  } 
.pnl2 .cnt a.subForm2Off span { padding:4px 2px 2px 25px; display:block;  min-height:18px; background:url(../img/ico/ico_new.gif) no-repeat 4px 0px; }

/*-----*/
.pnl2 .sep { height:0px; margin:5px 0; font-size:0px; line-height:0px; border-top:1px solid #ccc; border-bottom:1px solid #fff;  }
.pnl2 .sepBlue { margin:5px 0; padding:2px 8px; color:#abc; font-size:8pt; border-bottom:1px solid #cde; text-align:right;  }


/* page content
--------------------------*/

.pgHdFont { clear:both; padding:8px 20px; margin:0 0 0 15px; color:#600; font:bold 9pt Verdana,Arial; background:url(../img/ico/pnlico_edit.gif) no-repeat left center;}

.pgHd { clear:both; border-Bottom:2px solid #eee; margin:0 0 10px 0; }
.pgTtl { padding:2px 8px; font:bold 13pt Arial; font-variant:small-caps; color:#600; border-bottom:1px solid #eee; text-shadow:0 1px 1px rgba(170, 170, 170, 20);
         	/*background-image:url(../img/ico/pnlico_issued.gif);*/ background-repeat:no-repeat; background-position:2px 2px; }
	
.pgDesc { padding:8px 12px; font:10pt Segoe UI,Tahoma; background:#FFFFCC url(../img/bg/bgGradYellow.gif);  border:1px dotted #ccc; color:#666;  }

.pbHdPnl {clear:both; font:bold 8pt Arial; color:#666; display:block; margin:8px 0; padding:5px 10px; border-bottom:1px dotted #7a97d2;  background-color:#def;}

.pgBtnPnl { clear:both; margin:3px 0; padding:4px 10px; background-color:#def; border-top:1px dotted #7a97d2; /*background-color:#eee; background-image:url(../img/GridHeader_Grey.gif);*/ }

.secTtl { clear:both; padding:3px 8px; border-bottom:1px solid #080; font:bold 9pt Arial; 
	color:#060; margin:3px 0 0 0; /*background-image:url(../img/bg/bgGradBlue.gif);*/ }
.secTtlReq { clear:both; padding:3px 8px; border-bottom:1px solid #080; font:bold 9pt Arial; 
	color:#060; margin:3px 0 0 0; background:url(../img/ico/ico_star.gif) no-repeat left top; }
.secDesc { clear:both;  padding:5px 10px; background-color:#eefce4;  font:8pt Segoe UI,Tahoma,Arial; color:#777; border-bottom:1px dotted #eee; }
.secCnt { clear:both; padding:20px 25px; }

.btnBlk { background-color:#DEF; padding:6px 8px; border-bottom:1px dotted #ccc; }


/* Gallery View Style
------------------------*/ 
.pnlViewToggle { padding:0px 10px; }
.pnlViewToggle a { padding:5px;margin:0 2px; display:block; float:left }
.pnlViewToggle a.on { padding:4px; border:1px solid #ccc; background-color:#ddd; }

.lvPagerContainer {margin:4px; padding:2px 6px; background-color:#def}
.lvPagerCurrentLink { padding:2px 4px; background-color:#fff; border:1px solid #abc;}
.lvPagerNumberLink { padding:2px 4px;}        

/* template #1 */
        
.lvItemPane { position:relative; display:block; float:left; border:1px solid #ccc; background-color:#fff; 
              margin:5px 4px; width:175px; height:220px; box-shadow:1px 1px 5px #ddd }
.PaneOn { border:1px solid #c00; background-color:#ffb;  }
        
.lvAppIco { padding:10px; text-align:center; }
.lvAppIco img { width:100px }
        
.lvWorkGrp { position:absolute; top:45px; right:15px; padding:0; }
.lvWorkGrp img { width:70px; border:2px solid #ff0 !important; box-shadow:2px 2px 4px #666 }

.lvContent { padding:5px 10px; font:normal 9pt Arial; color:#006; text-align:center }

.lvContent .sts { font:bold 8pt Arial; color:#600; margin:3px 0; padding:3px;  background-color:#ffdede }
.lvContent .stsGreen { font:bold 8pt Arial; color:#060; margin:3px 0; padding:3px;  background-color:#c4df9b }
.lvContent .stsBlue { font:bold 8pt Arial; color:#339; margin:3px 0; padding:3px;  background-color:#b4f8f8 }
.lvContent .stsYellow { font:bold 8pt Arial; color:#603913; margin:3px 0; padding:3px;  background-color:#fff568 }

.lvContent .itm { font:normal 8pt Arial; color:#222; background-image:url(../img/ico/ico_pinnote.png); background-position:0 0; background-repeat:no-repeat; margin:0; padding:3px 2px 3px 23px; text-align:left; }

.lvContent .icoApp { background-image:url(../img/ico/ico_form.gif); }
.lvContent .icoUser { background-image:url(../img/ico/ico_login_user.png); }
.lvContent .icoAddr  { background-image:url(../img/ico/ico_address.gif); }
.lvContent .icoDate  { background-image:url(../img/ico/ico_calendar.png); }
        
.lvActBar { position:absolute; bottom:0; background-color:#eee; padding:5px 8px; width:159px; }
.lvActBar img { vertical-align:middle }
        
.lvBannerTL { position:absolute; top:0; left:0; }
.lvBannerTR { position:absolute; top:0; right:0; }


/* WebPart App Info
--------------------------------*/
.wpAppInfoLst a { clear:both; display:block; padding:8px 5px; border-bottom:1px dotted #c28f5d; font-family:Segoe UI, Arial;  }
.wpAppInfoLst a:hover { text-decoration:none; background-color:#ffc;}
        
.wpAppInfoLst .sts { width:70px; padding:10px; margin-left:5px; text-align:center; background-color:#fca; color:#600;  }
.wpAppInfoLst .sts img {height:24px;}
        
.wpAppInfoLst .appImg { padding-right:6px; width:36px; vertical-align:top }
.wpAppInfoLst .appImg img { width:36px; }

.wpAppInfoLst .appCnt { width:100%; vertical-align:top }
        
.wpAppInfoLst .ttl { font:normal 11pt Arial; margin-bottom:5px; color:#111; }
.wpAppInfoLst .desc { font:normal 8pt Arial; color:#444; }
.wpAppInfoLst .desc span { display:block; background-image:url(../img/ico/ico_pinnote.png); background-position:0 0; background-repeat:no-repeat; margin:0; padding:4px 0px 2px 23px; }
.wpAppInfoLst .desc span.icoUser { background-image:url(../img/ico/ico_login_user.png); }
.wpAppInfoLst .desc span.icoAddr { background-image:url(../img/ico/ico_address.gif); }
.wpAppInfoLst .desc span.icoDate { background-image:url(../img/ico/ico_calendar.png); }
.wpAppInfoLst .desc span.icoApp { background-image:url(../img/ico/ico_form.gif); }

/* page detail panel on top
----------------------------------------------*/
.dtlPnl {width:100%; margin:3px 0;}
.dtlPnl .cmd {font-size:8pt; border-bottom:2px dotted #ccc; padding:3px 10px; background-color:#eee;}
.dtlPnl .info { padding:4px 10px; font-weight:bold; color:#600;}
.dtlPnl a.bk { background:url(../img/ico/arr1_Left.gif) no-repeat left center; padding:0 0 0 20px}
.dtlPnl a.pre { background:url(../img/ico/bluearrow_left.gif) no-repeat left center; padding:0 0 0 18px}
.dtlPnl a.nxt { background:url(../img/ico/bluearrow_right.gif) no-repeat right center; padding:0 18px 0 0}

/* status table 
------------------*/
.statusTbl { background-color:#DADADA; border-bottom: 5px; border-top:5px; width:500px; font:8pt Segoe UI,Tahoma,Arial; }

/* grid table 
------------------*/


.grdTbl { border:1px solid #7A97D2; border-bottom-width:2px; border-right-width:2px; font:8pt Tahoma,Arial; margin:0 0 5px 0; }
.grdTbl input, .grdTbl select {  }
.grdHead th { padding:6px 8px; border-bottom:1px solid #AAA; border-right:1px solid #cde; color:#fff; background-image:url(../img/bg/GrdBG_Blue.gif);   }
.grdHead td { padding:6px 8px; border-bottom:1px solid #AAA; border-right:1px solid #cde; color:#fff; background-image:url(../img/bg/GrdBG_Blue.gif);   }
.grdHead a { color:#FFFFFF;  }
.grdTbl td { padding:4px 8px; border-bottom:1px solid #cde; border-right:1px solid #cde; }	
.grdTbl td a { font-weight:bold; }	
.grdPager td { padding:2px; background:#EEEEEE; }
.grdPager td span { color:#CCC;}
.grdPager td a { padding:1px 3px; font-weight:bold; }

		
.grdRow td { background:#FFF;  }	
.grdRow:hover, .grdRow:hover td { background:#FFB; }	

.grdRowAlt td { background:#DEF;  }	
.grdRowAlt:hover, .grdRowAlt:hover td { background:#FFB;  }	

.grdRowView td { background-color:#EEEEEE; color:#000; font-weight:bold;}

.grdRowWarn td { background:#FED7D7;  }	
.grdRowChk td { background:#FE9;  }	
.grdRowDisable td { background-color:#EEEEEE; color:#999999; }
.grdRowOn td { background:#FFB;  }
.grdRowOnGreen td { background:#C6E1EC url(../img/mbbg_green.gif); }
.grdRowOnPurple td { background:#C6E1EC url(../img/mbbg_purple.gif); }
.grdRowOnYellow td { background:#FD7 url(../img/bg/selectBG.gif) repeat-x; }


/* grid table 2
------------------*/
/*
.grdTbl { border:1px solid #a8b6aa; font:8pt Segoe UI,Tahoma,Arial; }
.grdTbl input, .grdTbl select {  }
.grdHead th { padding:6px 8px; border-bottom:1px solid #060; color:#999; background-color:#dbe8dd;   }
.grdHead a { color:#060;  }
.grdTbl td { padding:4px 8px; border-bottom:1px solid #dbe8dd;  }	
.grdPager td { padding:2px; background:#EEEEEE; }
.grdPager td span { color:#CCC;}
.grdPager td a {  padding:1px 3px; }
		
.grdRow td { background:#FFF;  }	
.grdRow:hover td { background:#FFB; }	

.grdRowAlt td { background:#fff;  }	
.grdRowAlt:hover td { background:#FFB;  }	

.grdRowWarn td { background:#FED7D7;  }	
.grdRowChk td { background:#FE9;  }	
.grdRowDisable td { background-color:#EEEEEE; color:#999999; }
*/

/* data entry form DIV
----------------------------*/
.fmBlk { clear:both; float:none; font:bold 8pt Arial; color:#666; width:100%; }
.fmRow { clear:both; float:none; }
.fmSecTtl{ color:#700; font:bold 8pt Arial; background-color:#efefef;  border-bottom:1px dotted #ccc; padding:3px 20px 4px 10px; margin:5px 0 8px 0;}
.fmSecTtlFld{ float:left; padding: 0 20px 8px 20px; margin:0; }

.fmTtl{ color:#700; font:bold 8pt Arial;  padding:0 10px 8px 0; margin:0;}
.fmFld { float:left; padding:0 10px 8px 0; margin:0; }

/* data entry form  table 
----------------------------*/
.fmEntry { /*font-family:Tahoma; font-size:8pt;*/}
/*.fmEntry td { vertical-align:middle;}*/
.fmEntry td.leadFld { text-align:right; vertical-align:top; padding:4px 0;  }
.fmEntry td.descFld { color:#000055;  padding:4px 3px; font-weight:bold; vertical-align:top;  }
.fmEntry td.secFld { background-color:#eee; padding:3px 8px; color:#666; font-weight:bold; border-bottom:1px dotted #bbb; border-top:1px dotted #bbb; }

/* readonly table 
----------------------------*/
.tblReadOnly td { font:9pt Arial; padding:5px; vertical-align:top; border-bottom:1px dotted #AABBCC;}
.tblReadOnly td.name { text-align:left; padding-left:12px; }
.tblReadOnly td.val { color:#000066; font-weight:bold; padding-right:12px; }

/* DivBlock 
--------------------------*/
.chkListLevelVertical { padding:2px; height:120px; width:200px; border:1px solid #CCC; overflow:auto; color:#009; }
.chkListLevelHorizontal { padding:2px; height:20px; width:200px; border:1px solid #CCC; overflow:auto; color:#009; }

/* Style Buttons (DIV)
-------------------------------*/
.mf_sBtn { clear:both; font:10pt Arial; padding:0px 0px; height:30px;}
.mf_sBtn img {border-width:0px; vertical-align:middle; }
.mf_sBtn a { margin:0 6px 0 0; display:block; height:30px; float:left; cursor:hand; padding:0 0 0 7px; background:url(../img/btn/sbL_off.gif) no-repeat left top; }
.mf_sBtn a div.cntBg { height:30px; padding:0px 15px 0 0; cursor:hand; background:url(../img/btn/sbR_off.gif) no-repeat right top; }
.mf_sBtn a div.cntImg { height:30px; padding:0 0 0 0; cursor:hand; background-repeat:no-repeat; background-position:3px center; }
.mf_sBtn a div.cntTxt { height:30px; padding:6px 0 0 24px;}
.mf_sBtn a div.cntTxtOnly { height:30px; padding:6px 0 0 8px;}
.mf_sBtn a:hover { text-decoration:none; background-image:url(../img/btn/sbL_on.gif); }
.mf_sBtn a:hover div.cntBg { background-image:url(../img/btn/sbR_on.gif); }


/* Data Entry Form Table
-----------------------------*/
/*
.mf_fmTbl td { padding:3px 0; vertical-align:top; }
.mf_fmTbl td.leadFld { text-align:right; vertical-align:top; padding:7px 3px 3px 0; white-space:nowrap; }
.mf_fmTbl td.valFld { text-align:left; vertical-align:top; padding:6px 0; font-weight:bold; }
*/

/* Layout Table for buttons
-----------------------------*/
.mf_fmBtnTbl{ clear:both; width:100%; padding:0; border-top:1px solid #7A97D2; /*border-bottom:1px solid #7A97D2;*/ background:#DBE6F4; }
.mf_fmBtnTbl td{ padding:4px 15px;}

.mf_fmSubCnt{ clear:both; padding:15px 20px; /*border:1px solid #EEE;*/ }

.redFont { color:#CC0000; font-weight:bold; }
.valFont { color:#006600; }
.descFont { color:#888888;  }
.txtR { text-align:right; }

/* two column table (for looping form) 
---------------------------------------------------*/
.mf_clmTbl { padding:0; width:100%; }
.mf_clmTbl td.ttl { padding:3px 8px; border:1px solid #CCC;
	font-weight:bold; background:#EEE url(../img/bg/pnl-bg.gif); }
.mf_clmTbl td.cnt { padding:0; border:1px solid #CCC; vertical-align:top; }		

/* two column table Left panel item list
-------------------------------------- */
.mf_parmLst { padding:0; width:100%; font:8pt Segoe UI,Tahoma; }
.mf_parmLst td { padding:3px; border-top:1px solid #fff; border-bottom:1px solid #fe8;  vertical-align:middle; background-color:#ffc; }
.mf_parmLst td.img { vertical-align:top;}
.mf_parmLst tr.on td { background:#FD7 url(../img/bg/selectBG.gif) repeat-x; }


/* Data Entry Repeater Grid table 
---------------------------------------*/
.mf_rptTblGrid { padding:0px; border:1px solid #CCC; font:8pt Arial; margin:0 0 5px 0; }
.mf_rptTblGrid tr.head td { font-weight:bold; padding:4px 6px; text-align:center; vertical-align:middle; background:#CDCDCD;
	 border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		
.mf_rptTblGrid tr.row td.rp { padding:4px 6px; vertical-align:middle; background:#EFEFEF;
	border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		
.mf_rptTblGrid tr.row:hover td.rp { background-color:#FFB;}	

.mf_rptTblGrid tr.on td.rp { padding:4px 6px; vertical-align:middle; background:#FD7 url(../img/bg/selectBG.gif) repeat-x; 
	border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		

.mf_rptTblGrid tr.row1 td.rp { padding:4px 6px; vertical-align:middle; background:#EFEFEF;
	border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		


/* web parts pane
-------------------------------------- */
.wp { margin:0 0 5px 0; border:1px solid #ccc; border-bottom-width:2px; }
.wp .wpTtl { padding:4px 5px;  color:#666; font:bold 8pt Arial; background:url(../img/bg/pnl-bg.gif); }
.wp .wpCnt { padding:10px; background:#FFF; border:1px solid #ddd; }

.wpBlue .wpTtl { color:#fff; background:url(../img/btn/BtnBG_Blue.gif); }
.wpBlue .wpCnt { border:1px solid #7A97D2; }

.wpRed .wpTtl { color:#fff; background:url(../img/btn/BtnBG_Red.gif); }
.wpRed .wpCnt { border:1px solid #900; }

.wpGold .wpTtl { color:#000; background:url(../img/btn/BtnBG_Gold.gif); }
.wpGold .wpCnt { border:1px solid #F93; }

.wpGreen .wpTtl { color:#fff; background:url(../img/btn/BtnBG_Green.gif); }
.wpGreen .wpCnt { border:1px solid #060; }


/*-----------------*/
/*
.wpZone { background-color:Transparent; padding:0px; color:#FFF; }
.wp { width:100%; height:100%; }
.wpTtl { padding:4px 5px; }
.wpCnt { padding:10px; background:#FFF; }

.wpBlueTtl { color:#FFF; background:url(../img/btn/BtnBG_Blue.gif); }
.wpBlueCnt { border:1px solid #7A97D2; }

.wpGreenTtl { color:#FFF; background:url(../img/btn/BtnBG_Green.gif); }
.wpGreenCnt { border:1px solid #060; }

.wpGoldTtl { color:#333333; background:url(../img/btn/BtnBG_Gold.gif); }
.wpGoldCnt { border:1px solid #F93; }

.wpRedTtl { color:#FFFFFF; background:url(../img/btn/BtnBG_Red.gif); }
.wpRedCnt { border:1px solid #900; }
*/

/*-------*/
.wpTbl { padding:1px; border:1px solid #CCC;}
.wpTbl .ttl { padding:2px 5px; border-bottom:1px solid #AAA; background:#CCC; font-weight:bold;}
.wpTbl .rcdWarn {padding:5px 5px 5px 24px; background:url(../img/ico/ico_warn.gif) no-repeat 1px 5px;}
.wpTbl .rcdWarnAlt {padding:5px 5px 5px 24px; background:#EEEEEE url(../img/ico/ico_warn.gif) no-repeat 1px 5px;}
.wpTbl .rcdNote {padding:5px 5px 5px 24px; background:url(../img/ico/MI_Note.gif) no-repeat 5px 5px;}
.wpTbl .rcdNoteAlt {padding:5px 5px 5px 24px; background:#EEEEEE url(../img/ico/MI_Note.gif) no-repeat 5px 5px;}
.wpGoldNoBackGround { margin:0 0 5px 0; border:1px solid #CCCCCC; border-bottom-width:2px; }
.wpGoldNoBackGround .wpTtl { font-size: x-small; padding:4px 5px;  color:#333; font-weight:bold;  background:url(../../skin/images/BtnBG_Gold.gif); }
.wpGoldNoBackGround .wpCnt { padding:10px; background:#FFF; border:1px solid #F93; }


.wpLst span { text-decoration:none; display:block; padding:3px; padding-left:20px; 
	background:url(../img/ico/MI_Dot.gif) no-repeat 1px 2px;  }
.wpLst span.sep { margin:3px 1px; padding:0; height:0; font-size:0px; border-top:1px solid #bbb;  border-bottom:1px solid #fff; }


/* ------------------- */
.uList { margin:0; padding:5px; list-style-type:none; }
.uList li {padding:3px 3px 3px 18px; background:url(../img/ico/MI_Note.gif) no-repeat 1px 6px;}

.uList2 { margin:0; padding:5px; list-style-type:none; }
.uList2 li {padding:3px 3px 3px 18px; background:url(../img/ico/MI_Dot.gif) no-repeat 1px 6px;}

/* ------------------- */
.mf_tiplnk { width:180px; color:#600; font:8pt Segoe UI,Tahoma,Arial; display:none; background-color:#ffb; border:2px solid #d93; padding:8px; position:absolute; z-index:500;}
.mf_tiplnkiframe { width:180px; position:absolute; top:0; left:0; display:none; height:0; width:0; z-index:499; }

.at_aceList{ padding:2px; font:9pt Segoe UI,Arial; height:300px; overflow:auto;}



/* report link block
-------------------------------------- */
a.rptLnkBtn { float:left; width:100px; height:80px; display:block; margin:0 4px; padding:10px 7px; border:1px solid #eee; text-align:center;}
.rptLnkBtn img { padding:0 0 5px 0;}
a:hover.rptLnkBtn { background:#DEF; border:1px solid #006; }

/* review log block
-------------------------------------- */
.rptLogCmt{padding:8px 3px; width:90%; border-bottom:1px dotted #c83; margin-left:auto; margin-right:auto;}



.popupBackGroud { color:Gray;}

/* admin review layout table 
------------------------------------*/
.tblReview {width:100% }
.tblReview td { vertical-align:top }
.tblReview td.lft { width:100%; padding:0 20px 0 0;  }
.tblReview td.rgt { border:1px solid #ccc; background-color:#eee;   }




/* bubble css */

/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 0px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../img/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded 
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right:20px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
	font-size:11pt;
	margin-left:20px;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	font-size:10pt;
	background: transparent url(../img/tip-rounded.gif) no-repeat 10px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(tip-pimped.gif) no-repeat 15px 0;
}

/* Event Calender*/
       
.eventTbl { border-top:1px solid #a3d39c; width:100%;}
.eventTbl td { vertical-align:top; }
.eventCal { font:bold 8pt Arial; width:32px; height:30px; color:#660000; background-image:url(../img/ico/icoCalendar.png); background-repeat:no-repeat; background-position:top center; padding:17px 6px 3px 6px; text-align:center; }
.eventDay { color:#999999; font:8pt Tahoma; padding:3px 0;}
.eventTtl { font:bold 10pt Segoe UI,Arial; }
.eventDate { font:8pt Tahoma,Arial; padding:2px 0; color:#7b2e00; }
.eventDesc { font:8pt Tahoma,Arial; padding:2px 0; }

/* Entry Form Summary */
.tblSumary td { font:normal 8pt Segoe UI,Arial; vertical-align:top; padding:2px 8px;}
.tblSumary a { font-weight:bold}
.hlRed {color:#900; }
   
.lgnd { border:1px solid #edc456; padding:10px; background-color:#ffc; font:normal 8pt Arial; color:#555;  }
.lgnd span {float:left; display:block; text-align:center; padding:5px; width:80px; border-right:1px solid #fed567;}
.lgnd span div { padding:5px 0 0 0;}

/* Request Block */
.ReqCntUser { padding:10px 4px; vertical-align:top; font-size:8pt; font-weight:bold; color:#660000; }
.ReqCntAdmin { padding:10px 4px; vertical-align:top; font-size:8pt; font-weight:bold; color:#006600; }

.ReqGreenBlock {background-image:url(../img/bg/blkGreenRight.png); background-repeat:no-repeat; background-position:top right;}
.ReqGreenBlockCnt { margin:0 15px; padding:12px 18px; background-color:#eafccf; border:1px solid #a6d49f; border-right-width:0;}

.ReqRedBlock {background-image:url(../img/bg/blkRedLeft.png); background-repeat:no-repeat; background-position:top left;}
.ReqRedBlockCnt { margin:0 15px; padding:12px 18px; background-color:#ffe7e8; border:1px solid #febdda; border-left-width:0;}


.droppable-hover{ border: double 1px black;}

.ReqRedBlockCnt { margin:0 15px; padding:12px 18px; background-color:#ffe7e8; border:1px solid #febdda; border-left-width:0;}

.droppableHover { background-color:#E3E4FA;}

.droppableActive {border-color:Green; border-style:dashed; border-width:medium;}

.droppablepnl {  clear:both;}
.placeHolder  {  font-style:normal;}

.fmRowEditor { clear:both; float:none;  min-height:40px; height:auto;margin-top:5px; margin-right:5px;}
.sectionHover { background-color:Gray;}
.rowHover { background-color:#E3E4FA;}
.Invisible{display:none;}

/* Tech Review Task Status Block*/
.rvBlock { font:normal 8pt Tahoma; color:#666; float:left; padding:8px 10px 8px 25px; margin:0 4px; border:1px solid #ccc; background-color:#eee; box-shadow:1px 1px 5px #999; border-radius:5px;}
.rvBlockYES { border:1px solid #789; background-color:#cdf}
.rvBlock img.imgSts {position:absolute; margin:-3px 0 0 -20px}
.rvBlock .ttlYES {font:bold 8pt Arial; color:#003}
.rvBlock .ttl {font:bold 8pt Arial; color:#888}

/* DatePicker & PageCalendar */

	table.eaf_CalMonthYear { width:100%; margin:0; padding:0; }
	table.eaf_CalMonthYear td {	text-align:center; }

	table.eaf_CalDate {	border:0px none; }
	table.eaf_CalDate td { border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;	border-right:1px solid #999999;
		border-bottom:1px solid #999999; text-align:center;	vertical-align:middle; }

	.eaf_CalTitleFont {	font:bold 8pt Arial, Helvetica, sans-serif; color: #000000; }

	.eaf_CalDOWFont { font:bold 7pt Tahoma,Arial, Helvetica, sans-serif; color: #FFFFFF; }
	.eaf_CalTodayFont { font:bold 8pt Tahoma,Arial, Helvetica, sans-serif; }
	.eaf_CalOtherDateFont {	font:normal 8pt Arial, Helvetica, sans-serif; color: #999999;}
	.eaf_CalDateFont { font:bold 8pt Arial, Helvetica, sans-serif; /*color: #000066;*/ }

	.eaf_CalCrossBG {
		
		background-image: url(../img/Cal_X.gif);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.eaf_CalWeekdayBG {
		
		background-image: url(../img/Cal_WeekdayBG.gif);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.eaf_CalWeekendBG {
		
		background-image: url(../img/Cal_WeekendBG.gif);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.eaf_CalBG {
		
		background-image: url(../img/paperBG_03.jpg);
		background-repeat: repeat; 
		background-color:#DBF1AF;
	}
	.eaf_CalTodayBG {
		
		background-image: url(../img/Cal_OrangeBG.gif);
		background-repeat: no-repeat;
	}
	.eaf_CalSelectDateBG {
		
		background-image: url(../img/Cal_Circle.gif);
		background-repeat: no-repeat; 
		background-position:center center;
	}

	td.eaf_MultiEventBG {
		
		background-image: url(../img/Cal_MultiEvt.gif);
		background-repeat: no-repeat;
		background-position:center center;
		
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;
	}

	.eaf_MultiEventBG a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGRed 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Red.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGRed a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGBlue 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Blue.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGBlue a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGGreen 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Green.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGGreen a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGGold 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Gold.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGGold a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGBrown 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Brown.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGBrown a 
	{
		color:#FFFFFF; 
	}

.gridEditBtn{
    border:0px;
    width:16px;
    height:16px;
    padding:2px;
    display:inline-block;
    background:url(../../../App_Images/ico_edit2.gif) no-repeat;
}
.gridCommitBtn{
    border:0px;
    width:16px;
    height:16px;
    padding:2px;
    display:inline-block;
    background:url(../../../App_Images/icoOK.png) no-repeat;
}
.gridCancelBtn{
    border:0px;
    width:16px;
    height:16px;
    padding:2px;
    display:inline-block;
    background:url(../../../App_Images/ico_del.gif) no-repeat;
}
.gridDeleteBtn{
    border:0px;
    width:16px;
    height:16px;
    padding:2px;
    display:inline-block;
    background:url(../../../App_Images/ico_del2.gif) no-repeat;
}
.gridSaveBtn{
    border:0px;
    width:40px;
    height:16px;
    padding:2px;
    display:inline-block;
    background:url(../../../App_Images/btnSave.png) no-repeat;
}
.gridCancel1Btn{
    border:0px;
    width:50px;
    height:16px;
    padding:2px;
    display:inline-block;
    background:url(../../../App_Images/btnCancel.png) no-repeat;
}

.Overlay
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=90);
    opacity: 0.8;
    z-index: 1000; 
}
    
.PopUpPanel2
{
    background-color: white;
    margin: 50px auto;
    height: 500px;
    width: 80%;
    z-index: 2001;
    padding: 10px 10px 40px 10px;
    -moz-box-shadow: 3.5px 4px 5px #000000;
    -webkit-box-shadow: 3.5px 4px 5px #000000;
    box-shadow: 3.5px 4px 5px #000000;
    border-radius: 5px;
    -moz-border-radiux: 5px;
    -webkit-border-radiux: 5px;
    border: 1px solid #CCCCCC;
}

    
 .eaf_PopupTipTable { margin:0; padding:0; width:168px; border:1px solid #d0d2d3; background-color:#f9f8f8; }
 .eaf_PopupTipTtl { margin:0; padding:3px 5px; font: bold 9pt  Trebuchet MS; color:#444; text-align:center; 
		background-color:#aab6b7;}
 .eaf_PopupTipCnt { margin:0; padding:10px 10px; font:9pt Trebuchet MS; color:#444; text-align:left;  }

 .subInfoPanel
{
    padding:8px 15px; margin:0 0 6px 0; border:1px solid #ddd; background-color:#def;
}
.subInfoStatusPanel
{
    text-align:center; vertical-align:middle; width:80px; background-color:#fed567; border:2px dotted #fff;
}


WizardStepEdit {
    background:url(../img/ico/ico_edit.png) no-repeat;
}
.WizardStepEdit div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep0 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step1.png) no-repeat 4px 4px;
}
.WizardStep0 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep1 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step1.png) no-repeat 4px 4px;
}
.WizardStep1 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep2 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step2.png) no-repeat 4px 4px;
}
.WizardStep2 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep3 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step3.png) no-repeat 4px 4px;
}
.WizardStep3 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep4 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step4.png) no-repeat 4px 4px;
}
.WizardStep4 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep5 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step5.png) no-repeat 4px 4px;
}
.WizardStep5 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep6 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step6.png) no-repeat 4px 4px;
}
.WizardStep6 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep7 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step7.png) no-repeat 4px 4px;
}
.WizardStep7 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep8 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step8.png) no-repeat 4px 4px;
}
.WizardStep8 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.WizardStep9 {
    padding:4px 2px 4px 42px; display:block;  min-height:28px; 
    background:url(../img/ico/step9.png) no-repeat 4px 4px;
}
.WizardStep9 div
{ font:normal 8pt "Trebuchet MS",Tahoma; color:#666; padding:3px 0 3px 0;  }

.fmFldBoldFixWidth100BGRGrayLeft { display: table-cell;padding:0px 0px 0px 0px; margin:0px;width:100px; font-weight:bold; text-align:left; border:1px solid gray; background:#bcbcbc; vertical-align:middle}
.fmFldFixWidth100BGWhite { display: table-cell;padding:0px 0px 0px 0px; margin:0px;width:100px; font-weight:bold; text-align:left; border:1px solid gray; background:white; vertical-align:middle}

