/* 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:#004a80; }
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
-------------------------------------*/
.moreTxt { padding:4px 4px 0 4px; font:100% Arial, Helvetica, sans-serif; text-align:justify; }
.fldDefault, textarea { color:#004a80; font:9pt Segoe UI,Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#FFFFFF url(../img/bg/txtBG.gif) repeat-x top; border:1px solid #ccc; }
.fldErr { color:#004a80; font:9pt Segoe UI,Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#fdd url(../img/bg/txtErrBG.gif) repeat-x top; border:1px solid #f00; }
.fldWarn { color:#004a80; font:9pt Segoe UI,Arial; vertical-align:middle; margin:1px 0; padding:2px; background-color:#FF9;border:1px solid #dd9946; }
.fldChk { color:#004a80; font:9pt Segoe UI,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 0 0 11px; background:url(../img/ico/ico_star.gif) no-repeat left top; }
.reqR { padding:0 9px 0 0; background:url(../img/ico/ico_star.gif) no-repeat right top;}
.btnDefault { vertical-align:middle; }

.sBtn { font:bold 8pt Segoe UI,Arial; margin:1px 2px 1px 0; padding:2px 5px; 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;}

/* 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); }

/* 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; /*border:1px solid #ccc; border-top-width:0;*/}

/* 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 .ttlBig { font:bold 12pt 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; }

/* 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 10pt Segoe UI,Arial; 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:8pt 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:5px 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; text-shadow:0 1px 1px rgba(170, 170, 170, 20);
	color:#060; margin:3px 0 0 0; /*background-image:url(../img/bg/bgGradBlue.gif);*/ }
.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:15px 25px; }
.secOfficeUseeCnt { clear:both; padding:15px 25px; background:#FFFFCC url(../img/bg/bgGradYellow.gif);}



.btnBlk { background-color:#DEF; padding:6px 8px; border-bottom:1px dotted #ccc; }

/* 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}


/* grid table 
------------------*/


.grdTbl { border:1px solid #7A97D2; border-bottom-width:2px; border-right-width:2px; font:8pt Segoe UI,Tahoma,Arial; }
.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;  }	

.grdRowWarn td { background:#FED7D7;  }	
.grdRowChk td { background:#FE9;  }	
.grdRowDisable td { background-color:#EEEEEE; color:#999999; }
.grdRowOn td { background:#FFB;  }


/* status table 
------------------*/
.statusTbl { background-color:#DADADA; border-bottom: 5px; border-top:5px; width:500px; font:8pt Segoe UI,Tahoma,Arial; }

/* 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;}

.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; vertical-align:top; font-weight:bold; }
.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; }
.mf_rptTblGrid tr.head td { font-weight:bold; padding:3px 4px; 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:3px 4px; 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:3px 4px; 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:3px 4px; 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;}



/* 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;
}




/* 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;}