@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}
/* image */

div.HanbidateArea,
.wrap_thumb .HanbiIcon{background-image:url(../img/date.png); _background-image:url(../img/date.gif);background-repeat:no-repeat;}


/* -- HanbidateArea & HanbiIcon -- */
.wrap_thumb{position:relative; overflow:hidden;}
div.HanbidateArea{position:absolute; color:#fff; width:60px; height:50px; display:block; *zoom:1;background-position:left top; overflow:hidden;}
div.HanbidateArea em{margin-top:2px;}
div.HanbidateArea span{position:absolute; display:inline-block;}
.wrap_thumb .HanbiIcon{display:none;width:60px; height:50px; *zoom:1;background-position:left -50px;position:absolute;}
.wrap_thumb .HanbiIcon img{display:none;}
.AddNew div.HanbidateArea{display:none;}
.wrap_thumb.AddNew .HanbiIcon{display:block;}
.wrap_ZineA .HanbiIcon{display:inline-block;}
.HanbiIcon img.NoneNew{display:none;}
.ClearNew .HanbiIcon img.NoneNew{display:inline-block;*display:inline;}
/* HanbidateArea date */
.forhanbiM{width:14px; height:12px; top:6px; left:5px; background-image:url(../img/ForhanbiD.png); background-repeat:no-repeat; text-indent:-9999px}
.forhanbiM.MJan{background-position:left top}
.forhanbiM.MFeb{background-position:left -30px}
.forhanbiM.MMar{background-position:left -60px}
.forhanbiM.MApr{background-position:left -90px} 
.forhanbiM.MMay{background-position:left -120px} 
.forhanbiM.MJun{background-position:left -150px} 
.forhanbiM.MJul{background-position:left -180px} 
.forhanbiM.MAug{background-position:left -210px} 
.forhanbiM.MSep{background-position:left -240px} 
.forhanbiM.MOct{background-position:left -270px} 
.forhanbiM.MNov{background-position:left -300px} 
.forhanbiM.MDec{background-position:left -330px}

.forhanbiD{width:14px; height:12px;top:6px; left:25px; background-image:url(../img/ForhanbiD.png); background-repeat:no-repeat; text-indent:-9999px}
.forhanbiD.D01{background-position:left top}
.forhanbiD.D02{background-position:left -30px}
.forhanbiD.D03{background-position:left -60px}
.forhanbiD.D04{background-position:left -90px}
.forhanbiD.D05{background-position:left -120px}
.forhanbiD.D06{background-position:left -150px}
.forhanbiD.D07{background-position:left -180px}
.forhanbiD.D08{background-position:left -210px}
.forhanbiD.D09{background-position:left -240px}
.forhanbiD.D10{background-position:left -270px}
.forhanbiD.D11{background-position:left -300px}
.forhanbiD.D12{background-position:left -330px}
.forhanbiD.D13{background-position:left -360px}
.forhanbiD.D14{background-position:left -390px}
.forhanbiD.D15{background-position:left -420px}
.forhanbiD.D16{background-position:left -450px}
.forhanbiD.D17{background-position:left -480px}
.forhanbiD.D18{background-position:left -510px}
.forhanbiD.D19{background-position:left -540px}
.forhanbiD.D20{background-position:left -570px}
.forhanbiD.D21{background-position:left -600px}
.forhanbiD.D22{background-position:left -630px}
.forhanbiD.D23{background-position:left -660px}
.forhanbiD.D24{background-position:left -690px}
.forhanbiD.D25{background-position:left -720px}
.forhanbiD.D26{background-position:left -750px}
.forhanbiD.D27{background-position:left -780px}
.forhanbiD.D28{background-position:left -810px}
.forhanbiD.D29{background-position:left -840px}
.forhanbiD.D30{background-position:left -870px}
.forhanbiD.D31{background-position:left -900px}
.forhanbidot{width:6px; height:12px;top:6px; left:18px; background:url(../img/Forhanbidot.png) no-repeat 2px top; text-indent:-9999px} 
#Hanbiproducts .forhanbiM{width:28px; left:6px;}
#Hanbiproducts .forhanbiD{left:39px;}
#Hanbiproducts .forhanbidot{left:33px;}
/* font */
.wrap_ZineA li.Hanbiauthor,
.wrap_ZineA li.Hanbititle,
.normalATable td.Hanbiauthor a,
.widgetGalleryA .Hanbiauthor,
.widgetA .Hanbiauthor,
.normalAwidget .author,
.normalAwidget .Hanbiauthor,
.wrap_GalleryA li.Hanbititle,
.widgetThumb .thumb,
.widgetTabA li a{font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;}

/* img colection */
#Hanbiproducts .replyNum,
.wrap_GalleryA li.HanbiReplies .replyNum,
.wrap_ZineA li.HanbiReplies .replyNum,
.normalATable .replyNum,
.widgetGalleryA .replyNum,
.widgetGalleryA .Hanbidate,
.normalAwidget .replyNum,
.widgetA span.WidgetListStyle,
.widgetA .replyNum,
.wrap_ZineA li.Hanbidate,
.widgetA span.Hanbidate,
.normalATable td.hanbidata,
.normalAwidget .hanbidata,
.normalAwidget .WidgetListA,
.normalAwidget .WidgetListB,
.normalAwidget .WidgetListC,
.normalAwidget .WidgetListD{background-image:url(../img/widgetColection.gif); background-repeat:no-repeat;}

/* -- colorset  -- */
/* Blue */
.BlueColor .ColorBorder{border-color:#95a2fc}
.PurpleColor .ColorBorder{border-color:#b0a2f2}
.GreenColor .ColorBorder{border-color:#bbcd95}
.RedColor .ColorBorder{border-color:#cd4833}
.LightPurpleColor .ColorBorder{border-color:#b19bba}
.OrangeColor .ColorBorder{border-color:#ef8d49}
.LightRedColor .ColorBorder{border-color:#e66e69}
.GoldColor .ColorBorder{border-color:#d5c286}
.BrownColor .ColorBorder{border-color:#b3a289}
.LightBrownColor .ColorBorder{border-color:#c9c299}
.PinkColor .ColorBorder{border-color:#f9a7b0}
.GreyColor .ColorBorder{border-color:#999392}


.BlueColor div.HanbidateArea,
.BlueColor .wrap_thumb .HanbiIcon{background-image:url(../img/Blue/date.png); _background-image:url(../img/Blue/date.gif);background-repeat:no-repeat;}
.GreenColor div.HanbidateArea,
.GreenColor .wrap_thumb .HanbiIcon{background-image:url(../img/Green/date.png); _background-image:url(../img/Green/date.gif);background-repeat:no-repeat;}
.LightPurpleColor div.HanbidateArea,
.LightPurpleColor .wrap_thumb .HanbiIcon{background-image:url(../img/LightPurple/date.png); _background-image:url(../img/LightPurple/date.gif);background-repeat:no-repeat;}
.PurpleColor div.HanbidateArea,
.PurpleColor .wrap_thumb .HanbiIcon{background-image:url(../img/Purple/date.png); _background-image:url(../img/Purple/date.gif);background-repeat:no-repeat;}
.OrangeColor div.HanbidateArea,
.OrangeColor .wrap_thumb .HanbiIcon{background-image:url(../img/Orange/date.png); _background-image:url(../img/Orange/date.gif);background-repeat:no-repeat;}
.RedColor div.HanbidateArea,
.RedColor .wrap_thumb .HanbiIcon{background-image:url(../img/Red/date.png); _background-image:url(../img/Red/date.gif);background-repeat:no-repeat;}
.LightRedColor div.HanbidateArea,
.LightRedColor .wrap_thumb .HanbiIcon{background-image:url(../img/LightRed/date.png); _background-image:url(../img/LightRed/date.gif);background-repeat:no-repeat;}
.GoldColor div.HanbidateArea,
.GoldColor .wrap_thumb .HanbiIcon{background-image:url(../img/Gold/date.png); _background-image:url(../img/Gold/date.gif);background-repeat:no-repeat;}
.BrownColor div.HanbidateArea,
.BrownColor .wrap_thumb .HanbiIcon{background-image:url(../img/Brown/date.png); _background-image:url(../img/Brown/date.gif);background-repeat:no-repeat;}
.LightBrownColor div.HanbidateArea,
.LightBrownColor .wrap_thumb .HanbiIcon{background-image:url(../img/LightBrown/date.png); _background-image:url(../img/LightBrown/date.gif);background-repeat:no-repeat;}
.PinkColor div.HanbidateArea,
.PinkColor .wrap_thumb .HanbiIcon{background-image:url(../img/Pink/date.png); _background-image:url(../img/Pink/date.gif);background-repeat:no-repeat;}
.GreyColor div.HanbidateArea,
.GreyColor .wrap_thumb .HanbiIcon{background-image:url(../img/Grey/date.png); _background-image:url(../img/Grey/date.gif);background-repeat:no-repeat;}

.widgetContainer .open{ display:block !important;} 
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}


.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

/* 기타 */
.imgNone{ display:block; position:relative; cursor:pointer; background:#eee url(../img/NoImage.gif) no-repeat 50% 50%; color:#eeeeee; font-size:1px;}
.slides_container div a{text-decoration:none; color:#666;}


/* imgSlide */
#Hanbiproducts,
#Hanbiproducts .slides_container a{background:url(../img/HanbiproductsSC.png);background-repeat: no-repeat }
#Hanbiproducts {position:absolute; overflow:hidden; left:0; width:980px; height:300px;background-position:7px 8px;}
#Hanbiproducts:after{content:""; display:block; clear:both;}
#Hanbiproducts .slides_container{height:260px; width:390px; position:relative;*zoom:1; float:left; overflow:hidden;padding:20px; display:none;}
#Hanbiproducts .slides_container .inner_slides_container{position:relative; width:390px; height:260px;}
#Hanbiproducts .slides_container .wrap_TC{position:absolute;overflow:hidden; top:195px; left:5px; height:50px; width:370px; padding:5px; background:url(../img/BgHanbiproductsTitle.png) no-repeat left top; color:#fcfcfc;}
#Hanbiproducts .slides_container a {width:416px;height:0; padding-top:286px; position:absolute; top:-12px; left:-13px; background-position:left top;}
#Hanbiproducts .slides_container .HanbiproductsTitle{display:block;font-weight:bold; width:370px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
#Hanbiproducts .HanbiproductsDate{color:#fff; top:3px; left:3px; font-size:12px; height:25px; width:60px;padding:0 4px 12px 2px; background:url(../img/HanbiproductsDate.png) no-repeat left top; position:absolute;}
div.HanbiproductsDate span{position:absolute; display:inline-block;}
div.HanbiproductsDate .forhanbiM{background-image:url(../img/ForhanbiM_B.png); top:7px; left:4px;}
div.HanbiproductsDate .forhanbiD{background-image:url(../img/ForhanbiD_B.png); top:7px; left:37px;}
div.HanbiproductsDate .forhanbidot{background:url(../img/Forhanbidot_B.png) no-repeat 2px top;} 
#Hanbiproducts .pagination{float:right; height:300px; width:530px; padding-left:20px;  margin:0; position:relative; *zoom:1; background:url(../img/HanbiproductsPagination.png) repeat-y right top;}
#Hanbiproducts .pagination:after{content:""; display:block; clear:both;}
#Hanbiproducts .pagination li{list-style:none; float:left; display:inline; width:150px; height:100px; margin:16px 0 19px 0; padding:9px 12px 6px 12px; overflow:hidden; background:url(../img/Hanbiproducts_li.png) no-repeat left top; position:relative;opacity:.7; filter:alpha(opacity=70);}
#Hanbiproducts .pagination li.current{opacity:1; filter:alpha(opacity=100); background-position:left -200px;}
#Hanbiproducts .pagination li a{font-size:0; text-decoration:none; height:100px; overflow:hidden; position:relative;}
#Hanbiproducts .HanbiIcon img{display:none; position:relative;} 
/* MainBanner */

#MainBanner a,
#MainBannerA a{font-size:0;}

/* widgetGalleryA */
.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; *display:inline; position:relative; overflow:hidden; list-style:none;}
.widgetGalleryA ul{margin:0; padding:0;}
.widgetGalleryA li li{margin:0; padding:0; float:none; display:block;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative;  margin-bottom:5px; padding:4px; background:#fcfcfc; border:1px solid #ddd;  text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.wrap_GalleryA{position:relative; *zoom:1;}
.wrap_GalleryA:after{content:""; display:block; clear:left;}
.wrap_GalleryA a{color:#777; text-decoration:none !important;}
.wrap_GalleryA .Hanbititle{margin-bottom:2px;}
.wrap_GalleryA .Hanbititle span{overflow:hidden; position:relative; display:block; height:18px; *zoom:1;color:#555;font-weight:bold;}
.widgetGalleryA div.HanbidateArea{top:3px; left:3px;}
.widgetGalleryA .AddNew .HanbiIcon{top:0; left:0;}
.widgetGalleryA .HanbiContent{position:relative; cursor:pointer;}
.widgetGalleryA .Hanbiauthor{color:#888; margin-bottom:2px;}
.widgetGalleryA .Hanbiauthor a{color:#888;}
.NormalGallery .wrap_GalleryA .Hanbititle span{font-weight:normal}
.NormalGallery .wrap_GalleryA.normalfont .Hanbititle span{font-weight:bold}
.widgetGalleryA .replyNum{padding-left:25px; background-position:10px 1px;}
.widgetGalleryA .Hanbidate{background-position:left -17px;_background-position:left -20px; padding:0 0 0 15px; color:#777;}
/* widgetGalleryA - galleryA */
.ForhanbiHide{position:absolute; top:100%; left:1px; background:#fff; overflow:hidden; z-index:1;opacity:.9; }

/* HanbiwidgetZineA 제목 내용(가로 배열 - 라운드처리) */
.HanbiwidgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; color:#848484;}
.HanbiwidgetZineA:after{ content:""; display:block; clear:both;}
.HanbiwidgetZineA li{list-style:none;}
.HanbiwidgetZineA li.HanbiZineA_li {position:relative; *zoom:1; *display:inline-block; background:#fafafa; border:1px solid #e2e2e2; margin-bottom:10px;}
.topHanbiZineA,
.bottomHanbiZineA{position:relative; height:5px;  display:block; clear:both;}
.topHanbiZineA span,
.bottomHanbiZineA span{width:4px; height:4px; position:absolute; font-size:0; background-image:url(../img/4pxRound.gif); background-repeat:no-repeat;}
.topHanbiZineA span.TL{left:-1px; top:-1px; background-position:left top;}
.topHanbiZineA span.TR{right:-1px; top:-1px; background-position:right top;}
.bottomHanbiZineA span.BL{left:-1px; bottom:-1px; _bottom:-2px; background-position:left bottom;}
.bottomHanbiZineA span.BR{right:-1px; bottom:-1px; _bottom:-2px; background-position:right bottom;}
.HanbiwidgetZineA .wrap_thumb{float:left;}
.WrapHanbiZineA{position:relative; padding:0 5px; *zoom:1; clear:both;}
.WrapHanbiZineA:after{content:""; display:block; clear:both;}
.HanbiwidgetZineA li .thumb {display: block;position:relative;margin-right:10px;padding:3px;background:#FCFCFC;border:1px solid #DDD;}
.HanbiwidgetZineA li img.Thumbnaiil{ position:relative; background:#fff; float:left; margin-right:10px;}
.wrap_ZineA{margin:0; padding:0; *float:left;}
.wrap_ZineA .Hanbititle{padding:0; margin:0; margin-bottom:5px; color:#555; font-weight:bold;}
.wrap_ZineA a{color:#777;  text-decoration:none !important;}
.wrap_ZineA li{display:inline; padding-left:10px;}
.wrap_ZineA li.Hanbiauthor{color:#888; padding:0;}
.wrap_ZineA li.Hanbiauthor a{color:#555; letter-spacing:1px;}
.wrap_ZineA li.Hanbititle,
.wrap_ZineA li.ZineAContent{display:block; background:none; padding:0; margin:0;}
.wrap_ZineA li.HanbiReplies .replyNum{padding-left:15px; padding-right:8px; background-position:left top;}
.wrap_ZineA li.ZineAContent{ margin-top:10px; color:#777; cursor:pointer;}
.wrap_ZineA li.HanbiIcon img{line-height:0; top:1px; position:relative;display:inline;}
.wrap_ZineA li.Hanbidate{ background-position:10px -20px; padding:0 0 0 25px;}
.HanbiwidgetZineA div.HanbidateArea{top:3px; left:3px;}
.HanbiwidgetZineA .wrap_thumb .HanbiIcon{top:0; left:0;}

.HanbiZineB_li {position:relative;  padding:5px 0; margin:5px 0; *zoom:1; *display:inline-block; border-width:3px; border-style:solid; border-color:#fcfcfc; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.HanbiZineC_li{position:relative; *zoom:1; *display:inline-block; margin-bottom:10px;}
.HanbiZineC_li .wrap_ZineA li.ZineAContent{margin-top:0px;}
.HanbiZineDColor{background:#f5f5f5;border:3px solid #f2f2f2;}
.ColorBorder{border-color:#e2e2e2;}

/* 이미지 타이틀 */
.WrapWidgetA{display:block; position:relative;}
ul.widgetA { margin:0; padding:0; list-style:none; color:#777;}
ul.widgetA li { margin:0; padding:0; list-style:none; padding-left:12px; }
.widgetA span.WidgetListStyle{background-position:-3px -78px; *background-position:-5px -80px; position:relative; width:5px; height:18px; display:inline-block;}
.widgetThumb{ position:relative; margin:0; font-size:12px; line-height:1.5; margin-right:10px;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left; color:#555; font-weight:bold;}
.widgetThumb .thumb img{ display:block; width:100%;background:white;padding:4px;border:1px solid #e2e2e2;}
.widgetThumb .thumb span{height:20px; overflow:hidden; position:relative; display:block;}
/* widgetThumb */

.widgetA a{color:#777;  text-decoration:none;}
.widgetA .Hanbiauthor{padding-left:10px; color:#555;}
.widgetA span.Hanbidate{background-position:10px -20px; padding-left:25px;}
.widgetA span.icon{padding-left:5px;}
.widgetA .Hanbiauthor a{color:#555;}
.widgetA .replyNum{padding-left:15px;background-position:left top;}

/* -- normalA -- */
/* normalAwidget */
.normalAwidget {margin:0; padding:0;}
.normalAwidget li {list-style:none; padding: 1px 0 1px 15px;}
.normalAwidget a.board {padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.normalAwidget .notice{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.normalAwidget .category{ color:#555; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.normalAwidget a{color:#777;}
.normalAwidget a strong{color:#555;}
.normalAwidget .author{color: #555; padding-left:5px;}
.normalAwidget .replyNum{padding-left:25px;background-position:10px top;}
.normalAwidget .hanbidata{background-position:5px -20px; padding-left:20px; color:#888;}
.normalAwidget span.icon{padding-left:10px;}
.normalAwidget span.icon img {line-height:0;top:1px;position: relative;}
.normalAwidget .Hanbiauthor{color:#555;padding-left:10px;}
/* normalATable */
.normalATable { width:100%; font-size:12px; position:relative; border:0;}
.normalATable a{color:#777;}
.normalATable td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px;}
.normalATable td.title{ width:100%; white-space:normal;}
.normalATable td .board{ padding-right:5px;} 
.normalATable td .notice{ padding-right:5px;}
.normalATable td .category{ padding-right:5px; font-weight:normal;}
.normalATable td .replyNum{padding-left:15px;background-position: left top; padding-right:8px;}
.normalATable td.Hanbiauthor a{color: #555;}
.normalATable td.hanbidata{background-position:5px -16px; padding-left:20px; color:#888;} 
.normalATable span.icon img {line-height:0;top:1px;position: relative;}
.normalATable td .board,
.normalATable td .notice,
.normalATable td .category{ color:#555; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}

/* List Style */
.normalAwidget .WidgetListA{background-position:left -82px; _background-position:left -83px;}
.normalAwidget .WidgetListB{background-position:left -126px; _background-position:left -127px;}
.normalAwidget .WidgetListC{background-position:left -173px; _background-position:left -174px;}
.normalAwidget .WidgetListD{background-position:left -224px; _background-position:left -225px;}

/* TabA */
.wrapwidgetTab,
.widgetTabA{position:relative;*zoom:1;}
.wrapwidgetTab:after,
.widgetTabA:after{ content:""; display:block; clear:both;}
.WrapTabA,
.WrapTabA .widgetTabA,
.WrapTabA .widgetTabA li a,
.WrapTabA .widgetTabA li a span{background-image:url(../img/widgetTabA.gif); background-repeat:no-repeat; *zoom:1;position:relative;}
.WrapTabA{background-position:right top;}
.widgetTabA{margin:0; padding:0;}
.WrapTabA .widgetTabA{padding-left:5px; margin-right:5px; background-position:left top; height:33px;}
.widgetTabA li.active a{color:#333;*display:inline-block;}
.WrapTabA .widgetTabA li a,
.WrapTabA .widgetTabA li a span{background-position:-5000px -5000px;}
.WrapTabA .widgetTabA li.active a{ background-position:left -100px;}
.WrapTabA .widgetTabA li.active a span{background-position:right -100px;*display:inline-block;}
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; position:relative;}
.widgetTabA li a{position:relative;text-decoration:none !important; font-size:12px; color:#555; padding-left:8px;display:inline-block; color:#777;}
.widgetTabA li a span{ height:20px; padding:10px 18px 3px 10px; display:inline-block; position:relative;}
.WrapTabA dl.widgetDivider{padding:5px; padding-top:10px;}
dl.widgetDivider{margin:0; padding-top:10px;z-index:1; clear:both; background:#fff;position:relative;*zoom:1;}
dl.widgetDivider:after{content:""; display:block; clear:both;}
dl.widgetDivider dt{position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{display:none; margin:0;} 
.WrapTabB,
.WrapTabC{border:1px solid #ddd;}
.WrapTabB .widgetTabA,
.WrapTabC .widgetTabA{background:url(../img/BgTabBwidgetTabA.gif) repeat-x left bottom;border:1px solid #fff; border-bottom:0; height:29px;}
.WrapTabC .widgetTabA{overflow:hidden;position:relative;}
.WrapTabB .widgetTabA li{border-right:1px solid #ddd; height:30px; top:-1px; _top:0;}
.WrapTabC .widgetTabA li{background:url(../img/white/lineTextDiv.gif) no-repeat left center; left:-1px;}
.WrapTabB .widgetTabA li a,
.WrapTabC .widgetTabA li a{padding:0;}
.WrapTabB .widgetTabA li a span{height:20px; padding:7px 15px 3px 15px;}
.WrapTabC .widgetTabA li a span{height:20px; padding:6px 15px 3px 15px;}
.WrapTabB .widgetTabA li.active a{background:#fff;padding-bottom:1px;}
.WrapTabB dl.widgetDivider,
.WrapTabC dl.widgetDivider{padding:5px; padding-top:10px;}
.WrapTabD .widgetTabA{background:url(../img/BgwidgetTabA.gif) repeat-x left bottom;}
.WrapTabD .widgetTabA a,
.WrapTabD .widgetTabA li{background-image:url(../img/buttonWidgetTab.gif); background-repeat:no-repeat;}
.WrapTabD .widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.WrapTabD .widgetTabA li.active{ background-position:0 -30px; z-index:3;} 
.WrapTabD .widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:5px 15px 3px 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.WrapTabD .widgetTabA li.active a{ background-position:right -30px;}
.WrapTabD .widgetTabA li a span{ height:20px;padding:0;}

/*line*/
.widget_line{height:15px; font-size:0; background:url(../img/BgWidgetLine.gif) repeat-x left 5px;clear:both;}

