body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; } .menutop, .menutop * { margin: 0; padding: 0; } .menutop { float: left; position: relative; padding-bottom: 2px; } .menutop li { list-style: none; position: relative; width: 100%; height: 25px; float: none; } .menutop li a.item { cursor: pointer } .menutop li span.item { cursor: default; outline: none; } .menutop li .item { display: block; float: left; display: block; margin: 0; height: 25px; line-height: 25px; } .menutop li li .item, .menutop li .item, .menutop li.active li .item { display: block; margin: 0; text-decoration: none; float: none; } .menutop li .fusion-submenu-wrapper, .menutop li ul { float: none; left: -999em; position: absolute; z-index: 500; } .menutop li:hover li ul, .menutop li.sfHover li ul { top: -999em; } .menutop li:hover ul, .menutop li.sfHover ul { top: 0; } .menutop li li { position: relative; float: none; } /* Drop Downs */ .menutop ul { width: 200px; position: relative; } /* Level 1 */ .menutop li .item { text-decoration: none; display: block; padding: 0 25px; background: #ddd; border-color: #eee #ccc #ccc #eee; border-style: solid; border-width: 1px; color: #111; text-decoration: none; font-family: "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; } .level1 .f-mainparent-itemfocus .item { background: #ccc 100% 100% no-repeat; border-color: #ddd #bbb #bbb #ddd; border-style: solid; border-width: 1px; } .menutop li:hover > .item { background-color: #ccc; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; } .menutop li:hover > .daddy:hover { background-image: url(../images/top-light.png); background-position: 100% 100%; } /* Level 2 */ .menutop .level2 li > .item { background: #ccc; border-color: #ddd #bbb #bbb #ddd; border-style: solid; border-width: 1px; } .menutop .level2 li:hover > .daddy, .menutop .level2 li > .daddy { background-image: url(../images/level2-parent.png); background-position: 100% 50%; background-repeat: no-repeat; } .menutop .level2 .f-menuparent-itemfocus .item, .menutop .level2 li:hover .item { background: #bbb; border-color: #ccc #aaa #aaa #ccc; color: #333; } .menutop .level2 .f-menuparent-itemfocus .daddy, .menutop .level2 li:hover .daddy { background-image: url(../images/level3-parent.png); background-position: 100% 50%; background-repeat: no-repeat; } /* Level 3 */ .menutop .level3 li { width: 350px; font-size: 11px; } .menutop .level3 li > .item { background: #bbb; border-color: #ccc #aaa #aaa #ccc; border-style: solid; border-width: 1px; font-size: 11px; } .menutop .level3 li:hover > .daddy, .menutop .level3 li > .daddy { background-image: url(../images/level3-parent.png); background-position: 100% 50%; background-repeat: no-repeat; } .menutop .level3 .f-menuparent-itemfocus .item, .menutop .level3 li:hover .item { background: #aaa; border-color: #bbb #999 #999 #bbb; color: #333; } .menutop .level3 .f-menuparent-itemfocus .daddy, .menutop .level3 li:hover .daddy { background-image: url(../images/level4-parent.png); background-position: 100% 50%; background-repeat: no-repeat; } /* Level 4 */ .menutop .level4 li > .item { background: #aaa; border-color: #bbb #999 #999 #bbb; border-style: solid; border-width: 1px; } .menutop .level4 li:hover > .daddy, .menutop .level4 li > .daddy { background-image: url(../images/level4-parent.png); background-position: 100% 50%; background-repeat: no-repeat; } .menutop .level4 .f-menuparent-itemfocus .item, .menutop .level4 li:hover .item { background: #999; border-color: #aaa #888 #888 #aaa; color: #333; } /* regular hover */ .menutop li:hover .item:hover, .menutop li.active .item:hover { background-color: #2c87c0; border-top: 1px solid #138fdc; border-left: 1px solid #138fdc; border-right: 1px solid #0d5f92; border-bottom: 1px solid #0d5f92; color: #fff } .menutop li:hover .daddy:hover, .menutop ul li.active:hover > .daddy:hover { background-image: url(../images/hover-parent.png); background-repeat: no-repeat; background-position: 100% 50%; } /* seperator hover */ .menutop span.item:hover, .menutop li:hover span.item:hover { background-color: #666; border-top: 1px solid #777; border-left: 1px solid #777; border-right: 1px solid #555; border-bottom: 1px solid #555; color: #fff } .menutop li:hover span.daddy:hover { background-image: url(../images/sep-parent.png); background-repeat: no-repeat; background-position: 100% 50%; } /* Root Items */ .menutop li.root { width: auto; float: left; height: 30px; } .menutop li.root > .item { float: left; width: auto; height: 30px; line-height: 30px; } .menutop li.root:hover > .daddy:hover { background-image: url(../images/top-light.png); background-position: 100% 100%; } .menutop li.root > .daddy, .menutop li.root:hover > .daddy { background-image: url(../images/top-dark.png); background-position: 100% 100%; background-repeat: no-repeat; } /* Active Items */ .menutop li.active > .item { background-color: #EE501C; border-color: #F86134 #D24916 #D24916 #F86134; color: #fff; } .menutop li.active > .daddy { background-image: url(../images/active-parent.png); background-repeat: no-repeat; background-position: 100% 50%; } .menutop li.root.active > .daddy, .menutop li.root.active:hover > .daddy { background-image: url(../images/top-light.png); background-position: 100% 100%; } /* No JS */ .menutop li:hover > .fusion-submenu-wrapper, .menutop li:hover > ul { left: 170px; top: 0; } .menutop li.root:hover > .fusion-submenu-wrapper, .menutop li.root:hover > ul { top: 32px; left: 0; left: 100px; } .menutop li:hover ul, .menutop li.sfHover ul { left: 0; top: 32px; } .menutop ul { z-index: 10000; width: auto; } .menutop li li:hover > ul, .menutop li li.sfHover > ul { left: 200px; top: 0px; } .menutop .level2 li { position: relative; width: 100%; width: 160px; } .menutop .level3 li { width: 300px; position: relative; display: block; } /* Fusion Pill */ .fusion-pill-l { height: 35px; margin: 0 0 0 12px; top: 6px; width: 50px; position: absolute; left: 0; } .fusion-pill-r { margin-left: -12px; height: 35px; } /* Fusion JS */ .fusion-js-container { display: block; height: 0; left: 0px; overflow: visible; position: absolute; top: 0; z-index: 600000!important; background: transparent !important; z-index: 60000; } .fusion-js-subs { display: none; margin: 0 0 0 -2px; overflow: hidden; padding: 0 2px; position: absolute; } .menutop ul .level3 { } /*========新增样式=====*/ /* =newsroll styles ----------------------------------------------- */ .vtem_newsroll {position:relative;width:800px;height:300px;background:#f5f5f5; border:1px solid #eee;} .vtem_newsroll img { max-width:none; border:0; margin:0; padding:0;} /* Tip for stildv */ .vtem_newsroll dl {display:none;} .vtem_newsroll .container_newsroll {overflow:hidden;position:relative; z-index:1;} .vtem_newsroll .image {overflow:hidden;} .vtem_newsroll .image img {display:none;} /* =Box clone -------------------------------------------------------------- */ .vtem_newsroll .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;} .vtem_newsroll .box_clone img {position:absolute;top:0;left:0;z-index:20;} /* =Navigation -------------------------------------------------------------- */ .vtem_newsroll .prev_button,.vtem_newsroll .next_button{background:url(../images/nav.png) no-repeat left top !important;position:absolute;top:48%;z-index:200;width:40px;height:48px;overflow:hidden;text-indent:-9999em;margin-top:-25px;} .vtem_newsroll .prev_button{left:15px; background-position:left top !important;} .vtem_newsroll .next_button{right:15px;background-position:-42px top !important;} .vtem_newsroll .prev_button:hover{background-position:left -53px !important;} .vtem_newsroll .next_button:hover{background-position:-42px -53px !important;} /* =Numbers -------------------------------------------------------------- */ .vtem_newsroll .info_slide {position:absolute;top:15px;left:15px;z-index:100;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;} .vtem_newsroll .info_slide .image_number{background-color:#333;float:left;padding:3px 10px;margin:0 5px 0 0;cursor:pointer;} .vtem_newsroll .info_slide .image_number_select {background-color:#cc0000;float:left;padding:3px 10px;margin:0 5px 0 0;} /* =Thumbs Change width and height to customization dimension thumb -------------------------------------------------------------- */ .vtem_newsroll .container_thumbs{position:relative;overflow:hidden;} .vtem_newsroll .info_slide_thumb {overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; background:none !important;} .vtem_newsroll .info_slide_thumb .image_number{overflow:hidden;width:100px; position:relative;margin:0 !important; padding:0 !important; background-image:url(../images/thumb-bg.png); background-position:center center; background-repeat:repeat-x; border-right:1px solid #bbb;border-bottom:1px solid #ccc;} .vtem_newsroll .info_slide_thumb .image_number span{padding:7px; display:block;} .vtem_newsroll .info_slide_thumb .image_number span img{float:left; margin-right:8px; padding:3px; border:1px solid #aaa;background-image:url(../images/thumb-bg.png);} .vtem_newsroll .info_slide_thumb .image_number span h5{font-size:13px; line-height:1.5;} .vtem_newsroll .info_slide_thumb .image_number img{display:block; width:100%; height:100%;} .vtem_newsroll .box_scroll_thumbs{padding:0; } .vtem_newsroll .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; } /* =Dots -------------------------------------------------------------- */ .vtem_newsroll_dots,.vtem_newsroll_dotspreview{margin-bottom:30px;} .vtem_newsroll .info_slide_dots {position:absolute;bottom:-30px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;} .vtem_newsroll .info_slide_dots .image_number {background:url(../images/dot.png) left top no-repeat !important;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;} .vtem_newsroll .info_slide_dots .image_number_select {background:url(../images/dot.png) left -22px no-repeat !important;float:left;margin:0 5px 0 0;} /* =Loading -------------------------------------------------------------- */ .loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;} /* =Label -------------------------------------------------------------- */ .vtem_newsroll .label_newsroll{ z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;padding:10px; background-image:url(../images/bg.png);} .vtem_newsroll .info_slide * { font-family:Consolas,arial,tahoma !important; } .vtem_newsroll .progressbar{ background:#000; position:absolute;bottom:8px;left:8px;height:5px; width:100%; z-index:150; opacity:0.5;} .vtem_newsroll_thumbs .progressbar{bottom:68px !important;} /* =Preview slide -------------------------------------------------------------- */ .vtem_newsroll .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:5px solid #eee; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; } .vtem_newsroll .preview_slide ul { height:100px; overflow:hidden; margin:0 !important; padding:0 !important; list-style:none; display:block; position:absolute; top:0; left:0; } .vtem_newsroll .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0 !important; padding:0 !important; position:relative; display:block; } .vtem_newsroll .preview_slide ul li img {display:block; width:100%; height:100%; margin:0 !important; padding:0 !important; border:none !important; } /* =Focus -------------------------------------------------------------- */ #overlay_newsroll { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; } .vtem_newsroll .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;} .vtem_newsroll .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;} .vtem_newsroll .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;} /* =Example for dimenions -------------------------------------------------------------- */ .vtem_newsroll .vtem_newsroll_title,.vtem_newsroll .vtem_newsroll_title a{font-size:18px; font-weight:normal; text-decoration:none; background-color:transparent !important; margin:0 !important; padding:5px 0 !important;} .vtem_newsroll .vtem-newsroll-readon{background:transparent url(../images/readon.png) left center no-repeat !important; padding:5px 0 2px 15px; text-decoration:none; font-size:80%; text-transform:uppercase; display:block;} /*========新增样式=====*/ #vtemnewsrollnewsrollid101 { color: #444444 !important; padding: 8px !important; width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .label_newsroll { background-color: #dddddd !important; color: #444444 !important; } #vtemnewsrollnewsrollid101 .label_newsroll a, #vtemnewsrollnewsrollid101 .label_newsroll .vtem_newsroll_title { color: #444444 !important; } #vtemnewsrollnewsrollid101 .progressbar { width: 942px; } #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { width: 249px; height: 96px; background-color: #dddddd; color: #444444 } #vtemnewsrollnewsrollid101 .container_thumbs .image_number.image_number_select { background-color: #666666; color: #ffffff } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_thumbs .info_slide_thumb { height: 97px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number img { width: 228px; height: 72px; } #vtemnewsrollnewsrollid101, #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 692px; } #vtemnewsrollnewsrollid101 .container_thumbs { width: 250px; } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_newsroll { float: left; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { border-right: none; width: 250px; } #vtemnewsrollnewsrollid101 .prev_button { left: 15px; } #vtemnewsrollnewsrollid101 .next_button { right: 265px; } #vtemnewsrollnewsrollid101 { color: #444444 !important; padding: 8px !important; width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .label_newsroll { background-color: #dddddd !important; color: #444444 !important; } #vtemnewsrollnewsrollid101 .label_newsroll a, #vtemnewsrollnewsrollid101 .label_newsroll .vtem_newsroll_title { color: #444444 !important; } #vtemnewsrollnewsrollid101 .progressbar { width: 942px; } #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { width: 249px; height: 96px; background-color: #dddddd; color: #444444 } #vtemnewsrollnewsrollid101 .container_thumbs .image_number.image_number_select { background-color: #666666; color: #ffffff } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_thumbs .info_slide_thumb { height: 97px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number img { width: 228px; height: 72px; } #vtemnewsrollnewsrollid101, #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 692px; } #vtemnewsrollnewsrollid101 .container_thumbs { width: 250px; } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_newsroll { float: left; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { border-right: none; width: 250px; } #vtemnewsrollnewsrollid101 .prev_button { left: 15px; } #vtemnewsrollnewsrollid101 .next_button { right: 265px; } #vtemnewsrollnewsrollid101 { color: #444444 !important; padding: 8px !important; width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .label_newsroll { background-color: #dddddd !important; color: #444444 !important; } #vtemnewsrollnewsrollid101 .label_newsroll a, #vtemnewsrollnewsrollid101 .label_newsroll .vtem_newsroll_title { color: #444444 !important; } #vtemnewsrollnewsrollid101 .progressbar { width: 942px; } #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { width: 249px; height: 96px; background-color: #dddddd; color: #444444 } #vtemnewsrollnewsrollid101 .container_thumbs .image_number.image_number_select { background-color: #666666; color: #ffffff } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_thumbs .info_slide_thumb { height: 97px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number img { width: 228px; height: 72px; } #vtemnewsrollnewsrollid101, #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 692px; } #vtemnewsrollnewsrollid101 .container_thumbs { width: 250px; } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_newsroll { float: left; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { border-right: none; width: 250px; } #vtemnewsrollnewsrollid101 .prev_button { left: 15px; } #vtemnewsrollnewsrollid101 .next_button { right: 265px; } #vtemnewsrollnewsrollid101 { color: #444444 !important; padding: 8px !important; width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .label_newsroll { background-color: #dddddd !important; color: #444444 !important; } #vtemnewsrollnewsrollid101 .label_newsroll a, #vtemnewsrollnewsrollid101 .label_newsroll .vtem_newsroll_title { color: #444444 !important; } #vtemnewsrollnewsrollid101 .progressbar { width: 942px; } #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 942px; height: 290px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { width: 249px; height: 96px; background-color: #dddddd; color: #444444 } #vtemnewsrollnewsrollid101 .container_thumbs .image_number.image_number_select { background-color: #666666; color: #ffffff } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_thumbs .info_slide_thumb { height: 97px; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number img { width: 228px; height: 72px; } #vtemnewsrollnewsrollid101, #vtemnewsrollnewsrollid101 .box_clone img, #vtemnewsrollnewsrollid101 div.image img.image_main { width: 692px; } #vtemnewsrollnewsrollid101 .container_thumbs { width: 250px; } #vtemnewsrollnewsrollid101 .container_thumbs, #vtemnewsrollnewsrollid101 .container_newsroll { float: left; } #vtemnewsrollnewsrollid101 .container_thumbs .image_number { border-right: none; width: 250px; } #vtemnewsrollnewsrollid101 .prev_button { left: 15px; } #vtemnewsrollnewsrollid101 .next_button { right: 265px; } /* --------------------------------------- standard styles formatting adapted from Alsacreations -----------------------------------------*/ html { height: 101%; } body { margin: 0; padding: 0; font-family:Tahoma, sans-serif; font-family:"微软雅黑"; font-size:12px; line-height:1.4; background-color:#dbdbdb; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-position:center top; } * { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, .contentheading, .componentheading { padding:0; margin:0; line-height: 1.2; font-weight: bold; font-style: normal; } h1, .componentheading { font-size: 1.75em; } h2, .contentheading { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } ul, ol { margin:0; padding:0; } p { padding:0; } img{ border:0; } hr{ border-top:1px solid #ddd; } /*======常用样式======*/ .w_210{ width:210px; overflow:hidden; } .w_220{ width:220px; overflow:hidden; } .w_230{ width:230px; overflow:hidden; } .w_240{ width:240px; overflow:hidden; } .w_313{ width:313px; overflow:hidden; } .w_314{ width:314px; overflow:hidden; } .w_360{ width:360px; overflow:hidden; } .w_485{ width:485px; overflow:hidden; } .w_500{ width:500px; overflow:hidden; } .w_700{ width:700px; overflow:hidden; } .w_710{ width:710px; overflow:hidden; } .w_720{ width:720px; overflow:hidden; } .w_730{ width:730px; overflow:hidden; } .w_850{ width:680px; overflow:hidden; margin:auto auto; padding:10px 0px; } .w_940{ width:940px; margin:0 auto; overflow:hidden; } .w_950{ width:950px; margin:0 auto; overflow:hidden; } .w_945{ width:945px; margin:0 auto; overflow:hidden; } .w_960{ width:961px; margin:0 auto; overflow:hidden; } .w_970{ width:970px; margin:0 auto; overflow:hidden; } .w_980{ width:980px; margin:0 auto; overflow:hidden; } .w_1000{ width:1000px; margin:0 auto; overflow:hidden; } .f_l{ float:left; display:block; } .f_r{ float:right; display:block; } .center_ok{ margin:0 auto; vertical-align:middle; text-align:center; } .clear_ok{ clear:both; } .f_s_12{ font-size:12px; } .f_s_14{ font-size:14px; } .f_s_18{ font-size:18px; } .f_c_000{ color:#000; } .f_c_fff{ color:#fff; } .f_c_333{ color:#333; } .f_c_666{ color:#666; } .f_c_999{ color:#999; } .h_5{ height:5px; overflow:hidden; } .h_8{ height:8px; overflow:hidden; } .h_10{ height:10px; overflow:hidden; } .h_12{ height:12px; } .h_15{ height:15px; overflow:hidden; } .h_16{ height:16px; overflow:hidden; line-height:16px; } .h_18{ height:18px; overflow:hidden; line-height:18px; } .h_20{ height:20px; overflow:hidden; line-height:20px; } .h_22{ height:22px; overflow:hidden; line-height:22px; } .h_24{ height:24px; overflow:hidden; line-height:24px; } .h_28{ height:28px; overflow:hidden; line-height:28px; } .h_30{ height:30px; overflow:hidden; line-height:30px; } .h_31{ height:31px; overflow:hidden; line-height:30px; } .h_36{ height:36px; overflow:hidden; line-height:36px; } .h_40{ height:40px; overflow:hidden; line-height:40px; } .h_45{ height:45px; overflow:hidden; } .h_50{ height:50px; overflow:hidden; } .h_80{ height:80px; overflow:hidden; } .h_470{ height:470px; overflow:hidden; } .p_5{ padding:5px; } .p_8{ padding:8px; } .p_12{ padding:12px; } .p_r_10{ padding-right:10px; } .p_l_20{ padding-left:20px; } .p_lr_8{ padding:0 8px; } .p_lr_10{ padding:0 10px; } .p_lr_15{ padding:0 15px; } .p_10{ padding:10px; } .p20{ padding:20px; } .lp_00{ padding:0px 10px 8px 15px; } .p_t_10{ padding-top:10px; } .p_t_0{ padding-top:0px; } .p_t_5{ padding-top:5px; } .mp_10_20{ padding:0px 25px 20px 0px; } .mp_r{ padding:0px 25px 10px 0px; } .m_5{ margin:5px; } .m_8{ margin:8px; } .m_10{ margin:10px; } .m_12{ margin:12px; } .m_20{ margin:20px; } .m_t_10{ margin-top:10px; } .m_t_0{ margin-top:0px; } .m_l_10{ margin-left:10px; } .m_b_10{ margin-bottom:10px; } /*========全站调用==========*/ .top_ok{ width:960px; height:100px; margin:0 auto; padding:0px; } .logo{ display:block; float:left; padding-top:5px; } .logo img{ display:block; border:none; padding-top:15px; } .logo_img{ border:none; } .top_r{ width:680px; float:right; } .t_nav{ display:block; height:28px; line-height:28px; padding-top:6px; } .nav_bg{ width:980px; margin:0 auto; height:38px; } .nav{ clear:both; display:block; height:32px; line-height:32px; background-color:#ddd; } .t_search{ display:block; height:35px; background-image:url(../images/search_bg.png); background-repeat:no-repeat; width:240px; float:right; } .fla_bg{ display:block; background-image:url(../images/fla_bg.png); background-repeat:no-repeat; background-position:center 0px; } .fla{ display:block; width:960px; height:310px; margin:0 auto; background-color:#ddd; } .fla_main{ display:block; margin:0px 12px; width:936px; height:286px; background-color:#1A659F; } .h_main{ display:block; } .c_bg{ background-image:url(../images/c_bg.jpg); background-repeat:repeat-y; background-position:center top; height:220px; overflow:hidden; } .main_b{ font-size:13px; color:#046C1D; height:157px; } .main_c{ font-size:13px; height:230px; width:980px; overflow:hidden; } .item_l{ display:block; height:237px; width:320px; background-image:url(../images/item.png); background-repeat:no-repeat; overflow:hidden; } .item_c{ display:block; height:237px; width:320px; background-image:url(../images/item.png); } .item_r{ display:block; height:237px; width:320px; background-image:url(../images/item.png); } .title_l{ display:block; height:34px; background-image:url(../images/title_l.png); background-repeat:no-repeat; } .title_c{ display:block; background-image:url(../images/title.png); background-repeat:no-repeat; min-height:80px; } .title_r{ display:block; height:37px; background-image:url(../images/title_r.png); background-repeat:no-repeat; } .title_c h2, .title_l h2,.title_r h2{ display:block; float:left; line-height:38px; font-family:"微软雅黑"; font-size:15px; padding-left:20px; color:#222; } .title_h2{ display:block; height:45px; background-image:url(../images/h_title_00.png); background-repeat:repeat-x; } .title_h2 h2,.title_h2_r h2{ display:block; float:left; line-height:38px; font-family:"微软雅黑"; font-size:15px; padding-left:6px; color:#EC3910; } .title_h2_a{ display:block; background-image:url(../images/title_bg.jpg); background-repeat:repeat-x; padding:1px; } .title_h2_b{ display:block; background-image:url(../images/h_bottom_00.jpg); background-position:center top; height:16px; } .title_h2_r{ display:block; height:45px; background-image:url(../images/h_title_01.png); background-repeat:repeat-x; } .title_h2_r_b{ display:block; background-image:url(../images/h_bottom_01.jpg); background-position:center top; height:16px; } .list_img00{ background-image:url(../images/list_img00.png); background-repeat:no-repeat; background-position:12px 10px; display:block; float:left; width:34px; height:30px; } .list_img01{ background-image:url(../images/list_img01.png); background-repeat:no-repeat; background-position:0px 8px; display:block; float:right; width:30px; height:30px; } .list_img02{ background-image:url(../images/list_img02.png); background-repeat:no-repeat; background-position:12px 10px; display:block; float:left; width:34px; height:30px; } .list_img03{ background-image:url(../images/list_img03.png); background-repeat:no-repeat; background-position:12px 10px; display:block; float:left; width:34px; height:30px; } .lr_line{ border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; padding-top:4px; padding-bottom:0px; } .news_bg{ height:30px; background-image:url(../images/news_bg.jpg); background-repeat:no-repeat; background-position:top left; padding-left:30px; } .line_00{ border:1px solid #DADADA; } .link_bg{ margin:0 auto; height:75px; background-image:url(../images/link_bg.jpg); background-repeat:no-repeat; background-position:top center; } .link{ display:block; padding:10px 30px 0px 150px; height:45px; } .m_l_main{ padding:0px 10px 10px 10px; } .m_l_main h2{ display:block; margin:0; padding:0; height:36px; line-height:36px; font-family:"微软雅黑"; font-size:15px; padding-left:8px; color:#fff; } .m_l_main .m_l_centact{ display:block; background-color:#fff; border:1px dotted #ddd; padding:8px; } .foot{ margin:0 auto; height:200px; text-align:center; padding:0; background-color:#E6E6E6; } .b_nav{ height:35px; line-height:20px; text-align:center; font-size:12px; background-image:url(../images/b_nav.png); background-repeat:no-repeat; background-position:center top; } .b_nav a{ text-decoration:none; color:#666; padding:0 6px; } .b_nav a:hovet{ color:#F30; } .telok{ width:260px; background-image:url(../images/tel.png); height:61px; background-repeat:no-repeat; background-position:top right; padding-top:14px; text-align:center; font-size:22px; color:#FC0; font-weight:bold; } .copyright{ height:30px; line-height:30px; text-align:center; font-size:12px; margin-top:20px; } .m_r_10{ margin-right:10px !important; *margin-right:10px !important; margin-right:5px ; } .login_top{ height:32px; line-height:32px; background-image:url(../images/title_c.jpg); background-repeat:no-repeat; background-position:top center; } .login_top h2{ margin:0; padding:0; line-height:32px; font-family:"微软雅黑"; font-size:13px; color:#fff; padding-left:18px; } .h_p_title{ padding:3px 10px; } .h_p_title h2{ display:block; float:left; margin:0; padding:0; height:36px; line-height:36px; font-size:17px; font-family:"微软雅黑"; font-weight:normal; } .h_p_title span{ display:block; float:left; height:36px; line-height:36px; padding-left:10px; font-size:14px; color:#bbb; } .h_p_title a{ display:block; float:right; height:36px; width:40px; padding-right:8px; cursor:auto; } .h_main_p1{ width:321px; height:241px; overflow:hidden; background-image:url(../images/h_main_p1.jpg); background-repeat:no-repeat; background-position:center top; } .h_main_img{ text-align:center; padding:0; margin:0 auto; width:269px; height:80px; overflow:hidden; margin-bottom:6px; } .h_main_img img{ width:269px; height:80px; padding:0; margin:0; border:none; } .h_main_centact{ display:block; line-height:20px; font-family:14px; color:#555; height:80px; margin:0 auto; width:275px; overflow:hidden; } .h_main_centact p{ padding:0; margin:0; line-height:20px; text-indent:2em; width:260px; overflow:hidden; } .h_main_centact ul{ display:block; padding:0; list-style:none; } .h_main_centact li{ display:block; padding:0; margin:0; list-style:none; } .h_main_centact a{ text-decoration:none; font-size:14px; line-height:20px; color:#aaa; padding-left:20px; font-family:"微软雅黑"; } .h_main_centact p{ display:block; padding:0; margin:0; list-style:none; width:285px; line-height:20px; overflow:hidden; padding-left:0px; font-family:"微软雅黑"; } .mod-languages_language{ display:block; float:right; } ul.lang-inline{ display:block; margin:0; padding:0; list-style:none; } ul.lang-inline li{ display:block; float:left; padding-right:6px; } ul.menu_t_nav{ margin:0; padding:0; display:block; float:right; list-style:none; } ul.menu_t_nav li{ display:block; float:left; padding-right:8px; line-height:20px; } ul.menu_t_nav a{ text-decoration:none; color:#fff; } .home_list{ display:block; } .home_list ul{ margin:0; padding:0; list-style:none; } .home_list ul li{ height:20px; line-height:20px; border-bottom:1px dotted #ddd; font-size:12px; display:block; overflow:hidden; background-image:url(../images/arr_159.gif); background-repeat:no-repeat; background-position:0px 5px; } .home_list ul li a{ text-decoration:none; color:#555; font-size:12px; } .home_list ul li a:hover{ color:#F30; } ul.menu_t_login{ margin:0; padding:0; list-style:none; } ul.menu_t_login li{ display:block; float:left; padding-left:8px; line-height:20px; } ul.menu_t_login a{ text-decoration:none; color:#fff; font-size:12px; } div.mod-languages_local{ padding-top:4px; } .h_title{ height:31px; background-image:url(../images/h_title.png); background-repeat:no-repeat; } .h_title h2{ margin:0; padding:0; line-height:26px; font-size:14px; color:#fff; padding-left:16px; } .l_title{ height:41px; background-image:url(../images/l_t.png); background-repeat:no-repeat; } .l_title h2{ margin:0; padding:0; line-height:40px; font-size:14px; color:#fff; padding-left:16px; } .l_c{ display:block; background-image:url(../images/l_c.png); background-repeat:repeat-y; background-position:4px 0px; } .l_b{ display:block; background-image:url(../images/l_b.png); background-repeat:repeat-y; background-position:4px 0px; height:16px; } .cb{ background-image:url(../images/cb.png); background-repeat:no-repeat; background-position:center 210px; padding-bottom:65px; } .cb1{ background-image:url(../images/cb1.png); background-repeat:no-repeat; background-position:center bottom; padding-bottom:65px; } .ct{ background-image:url(../images/ct.png); background-position:top; background-position:center top; padding-top:12px; background-repeat:no-repeat; } .more{ display:block; width:96px; height:31px; background-image:url(../images/more.png); background-repeat:no-repeat; cursor:auto; border:none; margin-top:8px; } .path{ background-color:#F8F8F8; height:22px; line-height:22px; clear:both; } .path a{ text-decoration:none; color:#333; } .path a:hover{ color:#F30; } .contact{ line-height:18px; font-family:"Times New Roman", Times, serif; font-size:12px; color:#666; } .contact a{ text-decoration:none; color:#666; } /*==========滑动显示代码===========*/ .nTab{ float:left; width: 640px; margin: 0 auto; background:#fff; margin-bottom:2px; } .nTab .TabTitle{ clear: both; height: 28px; overflow: hidden; padding:4px 10px 0px 8px; } .nTab .TabTitle ul{ border:0; margin:0; padding:0; } .nTab .TabTitle li{ float: left; width: 85px; cursor: pointer; height:28px; line-height:28px; list-style-type: none; text-align:center; font-size:13px; color:# } .nTab .TabTitle .active{ background:#fff; border-left:1px #AACCEE solid; border-top:1px #AACCEE solid; border-right:1px #AACCEE solid; border-bottom:1px #fff solid; } .nTab .TabTitle .normal{ background:#EBF3FB; border:1px #AACCEE solid; } .nTab .TabContent{ width:700px; margin: 0px auto; padding:5px; border:1px solid #eee; } .none {display:none;} /*========K2样式=======*/ .item_title{ margin: 25px 0px; background-image: url(../images/line.png); background-repeat:repeat-x; background-position:bottom left; } .item_title .item_Title{ font-size: 18px; line-height:32px; margin:0 0 12px; padding:0; color: #1a1a1a; font-weight:normal; } div.catItemImageBlock span.catItemImage a:hover img{ background-color:#36F; background-color:#F30; border:1px solid #F00; } div.pro_title_00 a{ text-decoration:none; color:#111; font-size:12px; } div.pro_title_00 a:hover{ color:#F30; } div.pro_categories_00{ display:block; } div.pro_categories_00 h2{ display:block; height:42px; line-height:42px; font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#333; padding:0; margin:0; border-bottom:1px dashed #ddd; } div.pro_body{ display:block; background-image:url(../images/pro_body.jpg); background-repeat:no-repeat; background-repeat:repeat-x; background-position:center top; } div.pro_show_body_00{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; line-height:18px; padding:10px; min-height:400px; } div.pro_show_body_00 strong{ font-size:14px; color:#F30; } div.pro_show_body_00 ul{ display:block; padding:10px; margin:0; list-style:none; margin-bottom:20px; } div.pro_show_body_00 li{ line-height:22px; list-style:none; background-image:url(../images/arr_543.gif); background-repeat:no-repeat; background-position:0px 2px; padding-left:18px; } table.pro_extra_fields{ border-collapse:collapse; } table.pro_extra_fields td{ padding:4px 8px; border:1px solid #ddd; background-color:#FFF; } table.pro_extra_fields_01{ border-collapse:collapse; border:0px; } table.pro_extra_fields_01 td{ padding:4px 8px; border:1px solid #fff; background-color:#F5F5F5; } table.pro_extra_fields_02{ border-collapse:collapse; border:1px; } table.pro_extra_fields_02 td{ padding:10px 20px; border:0px solid #ddd; font-size:18px; background-color:#FFF; } div.k2_page{ display:block; } div.k2_page ul{ display:block; margin:0; padding:0; float:right; } div.k2_page ul li{ display:block; float:left; padding:0px 3px; } div.k2_page ul li span,div.k2_page ul li a{ display:block; padding:4px 8px; font-size:12px; background-color:#F6F6F6; border:1px solid #eee; color:#111; text-decoration:none; } div.k2_page ul li a:hover{ background-color:#06F; color:#fff; } div.k2_page ul li span.pagenav{ background-color:#06F; color:#fff; } div.k2_page ul li.pagination-next span,div.k2_page ul li.pagination-start span,div.k2_page ul li.pagination-prev span,div.k2_page ul li.pagination-prev span,div.k2_page ul li.pagination-end span{ display:block; padding:4px 8px; font-size:12px; background-color:#F6F6F6; border:1px solid #eee; color:#111; text-decoration:none; } /*===========k2tabberpro======*/ div.simpleTabs{ } div.simpleTabs ul{ } div.simpleTabs ul li span.pro_img{ } div.simpleTabs div.simpleTabsContent{ } div.simpleTabs div.simpleTabsContent div.itemImageBlock{ } div.simpleTabs div.simpleTabsContent div.itemFullText{ } div.simpleTabs div.simpleTabsContent div.itemExtraFields{ } div.simpleTabs div.simpleTabsContent div.itemImageGallery{ display:block; height:200px; } div.simpleTabs div.simpleTabsContent div.itemComments{ } div.pro_class_list_img_title_info{ margin:5px; border:1px dotted #ddd; padding:10px; text-align:center; } div.pro_class_list_img_title_info div.pro_list_img{ padding-right:10px; float:left; } div.pro_class_list_img_title_info div.pro_list_img a img{ border:1px solid #eee; padding:4px; background-color:#fff; margin-bottom:8px; } div.pro_class_list_img_title_info div.pro_list_img a:hover img{ background-color:#36C; } div.pro_class_list_img_title_inf div.pro_list_info{ float:left; width:auto; text-align:left; } div.pro_title_01{ display:block; text-align:left; border-bottom:1px solid #eee; padding-bottom:6px; margin-bottom:8px; } div.pro_title_01 a{ display:block; line-height:20px; font-size:14px; text-align:left; text-decoration:none; } div.Item_IntroText{ display:block; font-size:12px; line-height:18px; color:#888; text-align:left; } div.pro_class_list_img_title_inf div.pro_list_info div.Item_ExtraFields{ display:block; } div.pro_class_list_img_title_inf div.pro_list_info div.Item_ExtraFields h4{ display: none; } div.pro_class_list_img_title_inf div.pro_list_info div.Item_ExtraFields ul{ display:block; margin:0; padding:0; } div.Item_ReadMore{ display:block; float:right; margin-top:8px; } div.ItemReadMore a{ background-color:#F30; padding:2px 8px; text-decoration:none; color:#fff; } .itemHeader{ margin:25px 0px 0 0px; background-image:url(../images/line.png); background-repeat:repeat-x; background-position:bottom left; } .itemHeader h2.itemTitle { font-size:18px; line-height:30px; margin:0 0 12px; padding:0; color: #1a1a1a; font-weight:bold; } .item_Header{ margin:25px 0px 25px 0px; padding:15px 10px; border-top:1px dotted #ddd; background-image:url(../images/line_body.jpg); background-repeat:no-repeat; background-position:bottom left; } .item_Header h2.h2_item_Title { font-size:24px; line-height:30px; padding:0; color: #1a1a1a; font-weight:bold; font-family:Verdana, Geneva, sans-serif; } ul.art_moreinfo{ display:block; margin:0; padding:0; list-style:none; } ul.art_moreinfo li{ display:block; float:left; list-style:none; padding:0px 5px; } .item_FullText{ color:#666; font-size:12px; line-height:22px; } .item_FullText p{ text-align:left; margin-bottom:10px; } .itemList{ padding:15px 0px; } a.readon{ display:block; float:right; height:20px; padding:0px 8px; background-color:#F30; background-color:#7F92A0; color:#FFF; text-decoration:none; } a:hover.readon{ color:#fff; background-color:#036; background-color:#F30; } .art_list{ display:block; border-bottom:1px dashed #ddd; overflow:hidden; padding:4px 0px; } .art_list1{ display:block; border-bottom:1px dashed #ddd; padding:4px 0px; } a.list_title { font-size:14px; color:#666; font-family:"Times New Roman", Times, serif; font-family:Verdana, Geneva, sans-serif; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:20px; display:block; } a:hover.list_title{ background-color:#F7F7F7; color:#06C; } span.list_date{ font-size:12px; color:#555; line-height:30px; } div.news_list{ display:block; margin:0; padding:0; } div.news_list ul{ display:block; margin:0; padding:0; list-style:none; list-style-position:inside; } div.news_list li{ display:block; line-height:28px; height:28px; border-bottom:1px dotted #ddd; overflow:hidden; } div.news_list li a{ text-decoration:none; font-size:12px; color:#B7DBEA; font-weight:normal; display:block; float:left; background-image:url(../images/arr_185.gif); background-repeat:no-repeat; background-position:2px 7px; padding-left:14px; } div.news_list li a:hover{ color:#F30; background-color:#F8F8F8; } div.news_list li.clearList{ display:none; } /*=======通用链接样式======*/ a.link_01{ text-decoration:none; color:#333; font-size:12px; } a:hover.link_01{ color:#F30; } .k2_title a{ text-decoration:none; font-size:15px; color:#000; } .k2_title a:hover{ color:#F30; } /*=======新增样式======*/ span.vt_desc{ display:block; font-size:80%; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); line-height:0.8; } div.vtemAccordion{margin-bottom:0px;} div.vtemAccordion ul.vtem_k2_menu, div.vtemAccordion ul.vtem_k2_menu ul { list-style-type:none !important; margin: 0 !important; padding: 0 !important; } div.vtemAccordion ul.vtem_k2_menu a { display: block; text-decoration: none; } div.style1 ul.vtem_k2_menu li{margin-top:1px !important;} div.style1 ul.vtem_k2_menu li a{ height:32px; line-height:32px; padding:0 5px; } div.style1 ul.vtem_k2_menu li ul li ul li a:link,div.style1 ul.vtem_k2_menu li ul li ul li a:visited{ opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); padding-left:15px; } div.style1 ul.vtem_k2_menu li a.unselectedmenu,div.style1 ul.vtem_k2_menu li a.unselected_submenu{ background:url(../images/arrow.gif) right center no-repeat !important; } div.style1 ul.vtem_k2_menu li a.selectedmenu,div.style1 ul.vtem_k2_menu li a.selected_submenu{ background:url(../images/arrow1.gif) 98% center no-repeat !important; } .vt_menu li ul,a.hiddenajaxlink{display:none;} .vt_menu li ul.itemactive{display:block !important;} /* ///////////////////////// VTEM Styles //////////////////////////*/ /*- Menu 1--------------------------- */ .style01 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #000; border-top:1px solid #555; line-height:normal !important; } .style01 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #777; border-top:1px solid #aaa; } .style01 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #bbb; border-top:1px solid #eee; } .style01 ul.vtem_k2_menu li a:link, .style01 ul.vtem_k2_menu li a:visited { color: #ccc; display: block; background: url(../images/menu1.gif)!important; padding: 8px 0 0 18px; } .style01 ul.vtem_k2_menu li a:hover,.style01 ul.vtem_k2_menu li a.active{ color: #FFF; background: url(../images/menu1.gif) 0 -32px !important; padding: 8px 0 0 18px; } .style01 ul.vtem_k2_menu li ul li a:link, .style01 ul.vtem_k2_menu li ul li a:visited { color: #ccc; display: block; background: url(../images/menu1.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style01 ul.vtem_k2_menu li ul li a:hover,.style01 ul.vtem_k2_menu li ul li a.active{ color: #FFF; background: url(../images/menu1.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style01 ul.vtem_k2_menu li ul li ul li a:link, .style01 ul.vtem_k2_menu li ul li ul li a:visited { background:#ccc; color:#666; padding: 8px 0 0 22px; } .style01 ul.vtem_k2_menu li ul li ul li a:hover,.style01 ul.vtem_k2_menu li ul li ul li a.active{ color: #444; background:#bbb; padding: 8px 0 0 22px; } /*- Menu 2--------------------------- */ .style02 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #681e00; border-top:1px solid #8d2901; line-height:normal !important; } .style02 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #bb3400; border-top:1px solid #e84100; } .style02 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #bbb; border-top:1px solid #eee; } .style02 ul.vtem_k2_menu li a:link, .style02 ul.vtem_k2_menu li a:visited { color: #ccc; display: block; background: url(../images/menu2.gif) !important; padding: 8px 0 0 18px; } .style02 ul.vtem_k2_menu li a:hover,.style02 ul.vtem_k2_menu li a.active{ color: #FFF; background: url(../images/menu2.gif) 0 -32px !important; padding: 8px 0 0 18px; } .style02 ul.vtem_k2_menu li ul li a:link, .style02 ul.vtem_k2_menu li ul li a:visited { color: #ccc; display: block; background: url(../images/menu2.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style02 ul.vtem_k2_menu li ul li a:hover,.style02 ul.vtem_k2_menu li ul li a.active{ color: #FFF; background: url(../images/menu2.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style02 ul.vtem_k2_menu li ul li ul li a:link, .style02 ul.vtem_k2_menu li ul li ul li a:visited { background:#ccc; color:#666; padding: 8px 0 0 22px; } .style02 ul.vtem_k2_menu li ul li ul li a:hover,.style02 ul.vtem_k2_menu li ul li ul li a.active{ color: #444; background:#bbb; padding: 8px 0 0 22px; } /*- Menu 3--------------------------- */ .style03 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-top:1px solid #dee4eb; line-height:normal !important; } .style03 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #bad9ff; border-top:1px solid #f4f9ff; } .style03 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #ccdcef; border-top:1px solid #fff; } .style03 ul.vtem_k2_menu li a:link, .style03 ul.vtem_k2_menu li a:visited { color: #5b7b9d; display: block; background: url(../images/menu3.gif)!important; padding: 8px 0 0 18px; } .style03 ul.vtem_k2_menu li a:hover,.style03 ul.vtem_k2_menu li a.active { color: #3a4f64; background: url(../images/menu3.gif) 0 -32px !important; padding: 8px 0 0 18px; } .style03 ul.vtem_k2_menu li ul li a:link, .style03 ul.vtem_k2_menu li ul li a:visited { color: #5b7b9d; display: block; background: url(../images/menu3.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style03 ul.vtem_k2_menu li ul li a:hover,.style03 ul.vtem_k2_menu li ul li a.active{ color: #3a4f64; background: url(../images/menu3.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style03 ul.vtem_k2_menu li ul li ul li a:link, .style03 ul.vtem_k2_menu li ul li ul li a:visited { background:#ecf4fe; color:#666; padding: 8px 0 0 22px; } .style03 ul.vtem_k2_menu li ul li ul li a:hover { color: #444; background:#d2deed; padding: 8px 0 0 22px; } /*- Menu 4--------------------------- */ .style04 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #000; border-top:1px solid #999; line-height:normal !important; } .style04 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #333; border-top:1px solid #666; } .style04 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #aaa; border-top:1px solid #ddd; } .style04 ul.vtem_k2_menu li a:link, .style04 ul.vtem_k2_menu li a:visited { color: #ccc; display: block; background: url(../images/menu4.gif) !important; padding: 8px 0 0 18px; } .style04 ul.vtem_k2_menu li a:hover,.style04 ul.vtem_k2_menu li a.active { color: #ccc; background: url(../images/menu4.gif) 0 -32px !important; padding: 8px 0 0 18px; } .style04 ul.vtem_k2_menu li ul li a:link, .style04 ul.vtem_k2_menu li ul li a:visited { color: #999; display: block; background: url(../images/menu4.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style04 ul.vtem_k2_menu li ul li a:hover,.style04 ul.vtem_k2_menu li ul li a.active{ color: #fff; background: url(../images/menu4.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style04 ul.vtem_k2_menu li ul li ul li a:link, .style04 ul.vtem_k2_menu li ul li ul li a:visited { background:#bbb; color:#666; padding: 8px 0 0 22px; } .style04 ul.vtem_k2_menu li ul li ul li a:hover { color: #333; background:#999; padding: 8px 0 0 22px; } /*- Menu 5--------------------------- */ .style05 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #b55a00; border-top:1px solid #fead5c; line-height:normal !important; } .style05 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #936232; border-top:1px solid #c4a07d; } .style05 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #d1b69b; border-top:1px solid #fbeee0; } .style05 ul.vtem_k2_menu li a:link,.style05 ul.vtem_k2_menu li a:visited { color: #fff; display: block; background: url(../images/menu5.gif) !important; padding: 8px 0 0 18px; } .style05 ul.vtem_k2_menu li a:hover,.style05 ul.vtem_k2_menu li a.active { color: #fff; background: url(../images/menu5.gif) 0 -32px !important; padding: 8px 0 0 18px; } .style05 ul.vtem_k2_menu li ul li a:link, .style05 ul.vtem_k2_menu li ul li a:visited { color: #fff; display: block; background: url(../images/menu5.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style05 ul.vtem_k2_menu li ul li a:hover,.style05 ul.vtem_k2_menu li ul li a.active{ color: #fff; background: url(../images/menu5.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style05 ul.vtem_k2_menu li ul li ul li a:link, .style05 ul.vtem_k2_menu li ul li ul li a:visited { background:#e6d2bd; color:#666; padding: 8px 0 0 22px; } .style05 ul.vtem_k2_menu li ul li ul li a:hover { color: #333; background:#cfb59b; padding: 8px 0 0 22px; } /*- Menu 6--------------------------- */ .style06 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #456800; border-top:1px solid #c7e290; line-height:normal !important; } .style06 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #698a28; border-top:1px solid #8aad44; } .style06 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #9ab16c; border-top:1px solid #dee8c9; } .style06 ul.vtem_k2_menu li a:link,.style06 ul.vtem_k2_menu li a:visited { color: #fff; display: block; background: url(../images/menu6.gif) !important; padding: 8px 0 0 18px; } .style06 ul.vtem_k2_menu li a:hover,.style06 ul.vtem_k2_menu li a.active { color: #fff; background: url(../images/menu6.gif) 0 -32px !important; padding: 8px 0 0 18px; } .style06 ul.vtem_k2_menu li ul li a:link, .style06 ul.vtem_k2_menu li ul li a:visited { color: #fff; display: block; background: url(../images/menu6.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style06 ul.vtem_k2_menu li ul li a:hover,.style06 ul.vtem_k2_menu li ul li a.active{ color: #fff; background: url(../images/menu6.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style06 ul.vtem_k2_menu li ul li ul li a:link, .style06 ul.vtem_k2_menu li ul li ul li a:visited { background:#c5da9c; color:#666; padding: 8px 0 0 22px; } .style06 ul.vtem_k2_menu li ul li ul li a:hover { color: #333; background:#a8bf7c; padding: 8px 0 0 22px; } /*- Menu 7--------------------------- */ .style07 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #003846; border-top:1px solid #44a8c2; line-height:normal !important; } .style07 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #298da5; border-top:1px solid #56b6cd; } .style07 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #75a5b1; border-top:1px solid #9ec3cc; } .style07 ul.vtem_k2_menu li a:link,.style07 ul.vtem_k2_menu li a:visited { color: #fff; display: block; background: url(../images/menu7.gif) !important; padding: 8px 0 0 20px; } .style07 ul.vtem_k2_menu li a:hover,.style07 ul.vtem_k2_menu li a.active { color: #fff; background: url(../images/menu7.gif) 0 -32px !important; padding: 8px 0 0 20px; } .style07 ul.vtem_k2_menu li ul li a:link, .style07 ul.vtem_k2_menu li ul li a:visited { color: #b3e3ef; display: block; background: url(../images/menu7.gif) 0 -64px !important; padding: 8px 0 0 25px; } .style07 ul.vtem_k2_menu li ul li a:hover,.style07 ul.vtem_k2_menu li ul li a.active{ color: #fff; background: url(../images/menu7.gif) 0 -96px !important; padding: 8px 0 0 25px; } .style07 ul.vtem_k2_menu li ul li ul li a:link, .style07 ul.vtem_k2_menu li ul li ul li a:visited { background:#8bb6c1; color:#555; padding: 8px 0 0 22px; } .style07 ul.vtem_k2_menu li ul li ul li a:hover { color: #222; background:#75a0ab; padding: 8px 0 0 22px; } /*- Menu 8--------------------------- */ .style08 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; line-height:normal !important; } .style08 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #bbb; border-top:1px solid #fff; } .style08 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #ddd; border-top:1px solid #fff; } .style08 ul.vtem_k2_menu li a:link,.style08 ul.vtem_k2_menu li a:visited { color: #555; display: block; background: url(../images/menu8.gif) !important; padding: 8px 0 0 28px; } .style08 ul.vtem_k2_menu li a:hover,.style08 ul.vtem_k2_menu li a.active { color: #222; background: url(../images/menu8.gif) 0 -32px !important; padding: 8px 0 0 28px; } .style08 ul.vtem_k2_menu li ul li a:link, .style08 ul.vtem_k2_menu li ul li a:visited { color: #777; display: block; background: url(../images/menu8.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style08 ul.vtem_k2_menu li ul li a:hover,.style08 ul.vtem_k2_menu li ul li a.active{ color: #444; background: url(../images/menu8.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style08 ul.vtem_k2_menu li ul li ul li a:link, .style08 ul.vtem_k2_menu li ul li ul li a:visited { background:#f5f5f5; color:#555; padding: 8px 0 0 22px; } .style08 ul.vtem_k2_menu li ul li ul li a:hover { color: #777; background:#eee; padding: 8px 0 0 22px; } /*- Menu 9--------------------------- */ .style09 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #333; border-top:1px solid #777; line-height:normal !important; } .style09 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #999; border-top:1px solid #ddd; } .style09 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #ddd; border-top:1px solid #fff; } .style09 ul.vtem_k2_menu li a:link,.style09 ul.vtem_k2_menu li a:visited { color: #ccc; display: block; background: url(../images/menu9.gif) !important; padding: 8px 0 0 20px; } .style09 ul.vtem_k2_menu li a:hover,.style09 ul.vtem_k2_menu li a.active { color: #fff; background: url(../images/menu9.gif) 0 -32px !important; padding: 8px 0 0 20px; } .style09 ul.vtem_k2_menu li ul li a:link, .style09 ul.vtem_k2_menu li ul li a:visited { color: #666; display: block; background: url(../images/menu9.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style09 ul.vtem_k2_menu li ul li a:hover,.style09 ul.vtem_k2_menu li ul li a.active{ color: #333; background: url(../images/menu9.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style09 ul.vtem_k2_menu li ul li ul li a:link, .style09 ul.vtem_k2_menu li ul li ul li a:visited { background:#f5f5f5; color:#555; padding: 8px 0 0 22px; } .style09 ul.vtem_k2_menu li ul li ul li a:hover { color: #777; background:#eee; padding: 8px 0 0 22px; } /*- Menu 10--------------------------- */ .style010 ul.vtem_k2_menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; border-bottom:1px solid #8801bb; border-top:1px solid #b303f5; line-height:normal !important; } .style010 ul.vtem_k2_menu li ul li a { border-bottom:1px solid #cf53fe; border-top:1px solid #e49efe; } .style010 ul.vtem_k2_menu li ul li ul li a { border-bottom:1px solid #e08ffe; border-top:1px solid #fff; } .style010 ul.vtem_k2_menu li a:link,.style010 ul.vtem_k2_menu li a:visited { color: #fff; display: block; background: url(../images/menu10.gif) !important; padding: 8px 0 0 20px; } .style010 ul.vtem_k2_menu li a:hover,.style010 ul.vtem_k2_menu li a.active { color: #fff; background: url(../images/menu10.gif) 0 -32px !important; padding: 8px 0 0 20px; } .style010 ul.vtem_k2_menu li ul li a:link, .style010 ul.vtem_k2_menu li ul li a:visited { color: #fff; display: block; background: url(../images/menu10.gif) 0 -64px !important; padding: 8px 0 0 22px; } .style010 ul.vtem_k2_menu li ul li a:hover,.style010 ul.vtem_k2_menu li ul li a.active{ color: #fff; background: url(../images/menu10.gif) 0 -96px !important; padding: 8px 0 0 22px; } .style010 ul.vtem_k2_menu li ul li ul li a:link, .style010 ul.vtem_k2_menu li ul li ul li a:visited { background:#f2ceff; color:#555; padding: 8px 0 0 22px; } .style010 ul.vtem_k2_menu li ul li ul li a:hover { color: #777; background:#ebb7ff; padding: 8px 0 0 22px; } /** * @version $Id: k2.css 1913 2013-02-08 22:35:11Z joomlaworks $ * @package K2 * @author JoomlaWorks http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2013 JoomlaWorks Ltd. All rights reserved. * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html */ /* ### Legend ### Font families used: font-family:Georgia, "Times New Roman", Times, serif; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; font-family:Arial, Helvetica, sans-serif; Colors used: #f7fafe (light blue) used as background on all toolbars, category and user/author boxes */ /*---------------------------------------------------------------------- Common Elements ----------------------------------------------------------------------*/ /* --- Basic typography --- */ a:active, a:focus {outline:0;} img {border:none;} /* --- Global K2 container --- */ #k2Container {padding:0 0 24px 0;} body.contentpane #k2Container {padding:16px;} /* used in popups */ /* --- General padding --- */ .k2Padding {padding:4px;} /* --- Clearing --- */ .clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} /* --- Zebra rows --- */ .even {background:#fffff0;padding:2px;border-bottom:1px dotted #ccc;} .odd {background:#fff;padding:2px;border-bottom:1px dotted #ccc;} /* --- RSS feed icon --- */ div.k2FeedIcon {padding:4px 8px;} div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:16px;height:16px;background:url(../images/feed.png) no-repeat 50% 50%;} div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;} /* --- Rating --- */ .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} div.itemRatingForm .formLogLoading {background:url(../images/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(../images/transparent_star.gif) left -1000px repeat-x;} .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;} .itemRatingList li {display:inline;background:none;padding:0;} .itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;} .itemRatingList a:hover {background-position:left bottom;} .itemRatingList a.one-star {width:20%;z-index:6;} .itemRatingList a.two-stars {width:40%;z-index:5;} .itemRatingList a.three-stars {width:60%;z-index:4;} .itemRatingList a.four-stars {width:80%;z-index:3;} .itemRatingList a.five-stars {width:100%;z-index:2;} .itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;} span.siteRoot {display:none;} /* --- CSS added with Javascript --- */ .smallerFontSize {font-size:100%;line-height:inherit;} .largerFontSize {font-size:150%;line-height:140%;} /* --- ReCaptcha --- */ .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#fff !important;} #recaptcha_table {border-color: #ccc !important;} #recaptcha_response_field {border-color: #ccc !important;background-color:#fff !important;} /* --- Primary lists in modules --- */ div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/ div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/ .clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */ .lastItem {border:none;} /* class appended on last list item */ /* --- Avatars --- */ .k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;} /* --- Read more --- */ a.k2ReadMore {} a.k2ReadMore:hover {} /* --- Pagination --- */ div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;} /* --- Pagination (additional styling for Joomla! 1.6+) --- */ div.k2Pagination ul {text-align:center;} div.k2Pagination ul li {display:inline;} /* --- Extra fields: CSV data styling --- */ table.csvData {} table.csvData tr th {} table.csvData tr td {} /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {background:url(../images/featureditem.png) no-repeat 100% 0;} /*---------------------------------------------------------------------- Component: Item view ----------------------------------------------------------------------*/ a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:4px;background:#F7FAFE;border:1px solid #ccc;text-align:center;color:#555;font-size:13px;} a.itemPrintThisPage:hover {background:#eee;text-decoration:none;} div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */ div.itemIsFeatured {} /* Attach a class for each featured item */ span.itemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.itemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.itemEditLink a:hover {background:#ffffcc;} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h2.itemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:36px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.itemHeader h2.itemTitle span {} div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */ div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} div.itemToolbar {padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;} div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;} div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;} div.itemToolbar ul > li:first-child {border:none;} /* remove the first CSS border from the left of the toolbar */ div.itemToolbar ul li a {font-size:12px;font-weight:normal;} div.itemToolbar ul li a:hover {} div.itemToolbar ul li a span {} div.itemToolbar ul li a.itemPrintLink {} div.itemToolbar ul li a.itemPrintLink span {} div.itemToolbar ul li a.itemEmailLink {} div.itemToolbar ul li a.itemEmailLink span {} div.itemToolbar ul li a.itemVideoLink {} div.itemToolbar ul li a.itemVideoLink span {} div.itemToolbar ul li a.itemImageGalleryLink {} div.itemToolbar ul li a.itemImageGalleryLink span {} div.itemToolbar ul li a.itemCommentsLink {} div.itemToolbar ul li a.itemCommentsLink span {} div.itemToolbar ul li a img {vertical-align:middle;} div.itemToolbar ul li span.itemTextResizerTitle {} div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;background:url(../images/font_decrease.gif) no-repeat;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;background:url(../images/font_increase.gif) no-repeat;} div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {display:none;} div.itemRatingBlock {padding:8px 0;} div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.itemBody {padding:8px 0;margin:0;} div.itemImageBlock {padding:8px;margin:0 0 16px 0;} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {border:1px solid #ccc;padding:8px;} span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;} span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;} div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText img {} div.itemFullText {} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText p {} div.itemFullText img {} div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.itemExtraFields ul {margin:0;padding:0;list-style:none;} div.itemExtraFields ul li {display:block;} div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.itemExtraFields ul li span.itemExtraFieldsValue {} div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;} span.itemHits {float:left;} span.itemDateModified {} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:2px 24px 0 0;} div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemGooglePlusOneButton {} div.itemLinks {margin:16px 0;padding:0;} div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {} div.itemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;} div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.itemTagsBlock ul.itemTags li a {} div.itemTagsBlock ul.itemTags li a:hover {} div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.itemAttachmentsBlock ul.itemAttachments li a {} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Author block */ div.itemAuthorBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;} div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;} /* Author latest */ div.itemAuthorLatest {margin-bottom:16px;padding:0;} div.itemAuthorLatest h3 {} div.itemAuthorLatest ul {} div.itemAuthorLatest ul li {} div.itemAuthorLatest ul li a {} div.itemAuthorLatest ul li a:hover {} /* Related by tag */ div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ div.itemRelated h3 {} div.itemRelated ul {} div.itemRelated ul li {} div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */ div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} a.itemRelTitle {} div.itemRelCat {} div.itemRelCat a {} div.itemRelAuthor {} div.itemRelAuthor a {} img.itemRelImg {} div.itemRelIntrotext {} div.itemRelFulltext {} div.itemRelMedia {} div.itemRelImageGallery {} /* Video */ div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/videoplayer-bg.gif) repeat-x bottom;} div.itemVideoBlock div.itemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;} div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;} div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;} /* Image Gallery */ div.itemImageGallery {margin:0 0 16px 0;padding:0;} /* Article navigation */ div.itemNavigation {padding:4px 8px;margin:0 0 24px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#fffff0;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;} /* Comments */ div.itemComments {background:#f7fafe;border:1px solid #ddd;padding:16px;} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {padding:4px;margin:0;border-bottom:1px dotted #ddd;} div.itemComments ul.itemCommentsList li.authorResponse {background:url(../images/stripes.png) repeat;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li p {padding:4px 0;} div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;} div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;color:#999;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;} div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;} div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../images/searchloader.gif) no-repeat 100% 50%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;} div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;} div.itemCommentsForm form {} div.itemCommentsForm form label.formComment {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;} div.itemCommentsForm form input.inputbox {display:block;width:350px;margin:0;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:4px;border:1px solid #ccc;background:#eee;font-size:16px;} div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} div.itemCommentsForm form .formLogLoading {background:url(../images/loading.gif) no-repeat left center;} /* "Report comment" form */ div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#f7fafe;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;} div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;} div.k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;} div.k2ReportCommentFormContainer blockquote span.theComment {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px;} div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;} div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;} div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;} div.k2ReportCommentFormContainer form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(../images/loading.gif) no-repeat left center;} /* Back to top link */ div.itemBackToTop {text-align:right;} div.itemBackToTop a {text-decoration:underline;} div.itemBackToTop a:hover {text-decoration:underline;} /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.itemListCategoriesBlock {} /* --- Category block --- */ div.itemListCategory {background:#f7fafe;border:1px solid #ddd;margin:4px 0;padding:8px;} span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.catItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;} span.catItemAddLink a:hover {background:#ffffcc;} div.itemListCategory img {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemListCategory h2 {} div.itemListCategory p {} /* --- Sub-category block --- */ div.itemListSubCategories {} div.itemListSubCategories h3 {} div.subCategoryContainer {float:left;} div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */ div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;} div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover {text-align:center;display:block;} div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.subCategory h2 {} div.subCategory h2 a {} div.subCategory h2 a:hover {} div.subCategory p {} /* --- Item groups --- */ div.itemList {} div#itemListLeading {} div#itemListPrimary {} div#itemListSecondary {} div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;} div.itemContainer {float:left;} div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */ /* --- Item block for each item group --- */ div.catItemView {padding:4px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */ /* Additional class appended to the element above for further styling per group item */ div.groupLeading {} div.groupPrimary {} div.groupSecondary {} div.groupLinks {padding:0;margin:0;} div.catItemIsFeatured {} /* Attach a class for each featured item */ span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.catItemEditLink a:hover {background:#ffffcc;} div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.catItemHeader h3.catItemTitle span {} div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */ div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;} div.catItemHeader span.catItemAuthor a {} div.catItemHeader span.catItemAuthor a:hover {} div.catItemRatingBlock {padding:8px 0;} div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.catItemBody {padding:8px 0;margin:0;} div.catItemImageBlock {padding:8px;margin:0 0 16px 0;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;} span.catItemImage img {border:1px solid #CCC;padding:8px;} div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.catItemIntroText img {} div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;} div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;} div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;} div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.catItemExtraFields ul li span.catItemExtraFieldsValue {} div.catItemLinks {margin:0 0 16px 0;padding:0;} div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;} span.catItemHits {} div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;} div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.catItemTagsBlock ul.catItemTags li a {} div.catItemTagsBlock ul.catItemTags li a:hover {} div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;} /* Video */ div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/videoplayer-bg.gif) repeat-x bottom;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */ div.catItemVideoBlock span.catItemVideo {display:block;} /* Image Gallery */ div.catItemImageGallery {margin:0 0 16px 0;padding:0;} /* Anchor link to comments */ div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.catItemCommentsLink a {} div.catItemCommentsLink a:hover {} /* Read more link */ div.catItemReadMore {display:inline;} div.catItemReadMore a {} div.catItemReadMore a:hover {} /* Modified date */ span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;} /*---------------------------------------------------------------------- Component: Itemlist view (user) ----------------------------------------------------------------------*/ /* User info block */ div.userView {} div.userBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;} span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.userItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;} span.userItemAddLink a:hover {background:#ffffcc;} div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.userBlock h2 {} div.userBlock div.userDescription {padding:4px 0;} div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.userURL {font-weight:bold;color:#555;display:block;} span.userEmail {font-weight:bold;color:#555;display:block;} div.userItemList {} /* User items */ div.userItemView {} /* this is the item container for this view */ div.userItemIsFeatured {} /* Attach a class for each featured item */ div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;} span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.userItemEditLink a:hover {background:#ffffcc;} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */ div.userItemBody {padding:8px 0;margin:0;} div.userItemImageBlock {padding:0;margin:0;float:left;} span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.userItemImage img {border:1px solid #ccc;padding:8px;} div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} div.userItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;} div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.userItemTagsBlock ul.userItemTags li a {} div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.userItemCommentsLink a {} div.userItemCommentsLink a:hover {} /* Read more link */ div.userItemReadMore {display:inline;} div.userItemReadMore a {} div.userItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (tag) ----------------------------------------------------------------------*/ div.tagView {} div.tagItemList {} div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */ div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;} div.tagItemHeader h2.tagItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.tagItemBody {padding:8px 0;margin:0;} div.tagItemImageBlock {padding:0;margin:0;float:left;} span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.tagItemImage img {border:1px solid #ccc;padding:8px;} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemIntroText img {} div.tagItemExtraFields {} div.tagItemExtraFields h4 {} div.tagItemExtraFields ul {} div.tagItemExtraFields ul li {} div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.tagItemCategory a {} /* Read more link */ div.tagItemReadMore {display:inline;} div.tagItemReadMore a {} div.tagItemReadMore a:hover {} /*---------------------------------------------------------------------- Component: Itemlist view (generic) ----------------------------------------------------------------------*/ div.genericView {} div.genericItemList {} div.genericItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */ div.genericItemHeader {} div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;} div.genericItemHeader h2.genericItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.genericItemBody {padding:8px 0;margin:0;} div.genericItemImageBlock {padding:0;margin:0;float:left;} span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.genericItemImage img {border:1px solid #ccc;padding:8px;} div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.genericItemIntroText img {} div.genericItemExtraFields {} div.genericItemExtraFields h4 {} div.genericItemExtraFields ul {} div.genericItemExtraFields ul li {} div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {} div.genericItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.genericItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.genericItemCategory a {} /* Read more link */ div.genericItemReadMore {display:inline;} div.genericItemReadMore a {} div.genericItemReadMore a:hover {} /* No results found message */ div#genericItemListNothingFound {padding:40px;text-align:center;} div#genericItemListNothingFound p {font-size:20px;color:#999;} /* --- Google Search (use Firebug or similar tools to inspect the generated HTML, then style accordingly --- */ #k2GoogleSearchContainer .gsc-control {width:auto !important;} #k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area, #k2GoogleSearchContainer .gsc-control .gsc-resultsHeader, #k2GoogleSearchContainer .gsc-control .gsc-url-bottom {display:none !important;} /* Hide unneeded elements of the results page */ /*---------------------------------------------------------------------- Component: Latest view ----------------------------------------------------------------------*/ div.latestItemsContainer {float:left;} /* Category info block */ div.latestItemsCategory {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {} /* User info block */ div.latestItemsUser {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.latestItemsUser h2 {} div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;} div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.latestItemsUserURL {font-weight:bold;color:#555;display:block;} span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;} /* Latest items list */ div.latestItemList {padding:0 8px 8px 0;} div.latestItemView {} /* this is the item container for this view */ div.latestItemHeader {} div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} span.latestItemDateCreated {color:#999;font-size:11px;} div.latestItemBody {padding:8px 0;margin:0;} div.latestItemImageBlock {padding:0;margin:0;float:left;} span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.latestItemImage img {border:1px solid #ccc;padding:8px;} div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.latestItemIntroText img {} div.latestItemLinks {margin:0 0 16px 0;padding:0;} div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;} div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.latestItemTagsBlock ul.latestItemTags li a {} div.latestItemTagsBlock ul.latestItemTags li a:hover {} /* Video */ div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/videoplayer-bg.gif) repeat-x bottom;} div.latestItemVideoBlock span.latestItemVideo {display:block;} /* Anchor link to comments */ div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.latestItemCommentsLink a {} div.latestItemCommentsLink a:hover {} /* Read more link */ div.latestItemReadMore {display:inline;} div.latestItemReadMore a {} div.latestItemReadMore a:hover {} /* Items presented in a list */ h2.latestItemTitleList {font-size:14px;padding:2px 0;margin:8px 0 2px 0;font-family:Arial, Helvetica, sans-serif;border-bottom:1px dotted #ccc;line-height:normal;} /*---------------------------------------------------------------------- Component: Register & profile page views (register.php & profile.php) ----------------------------------------------------------------------*/ .k2AccountPage {} .k2AccountPage table {} .k2AccountPage table tr th {} .k2AccountPage table tr td {} .k2AccountPage table tr td label {white-space:nowrap;} img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;} .k2AccountPage div.k2AccountPageNotice {padding:8px;} .k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/} .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;} /* Profile edit */ .k2AccountPage table.admintable {} .k2AccountPage table.admintable tr td {} .k2AccountPage table.admintable tr td span {} .k2AccountPage table.admintable tr td span label {} /*---------------------------------------------------------------------- Modules: mod_k2_comments ----------------------------------------------------------------------*/ /* Latest Comments */ div.k2LatestCommentsBlock {} div.k2LatestCommentsBlock ul {} div.k2LatestCommentsBlock ul li {} div.k2LatestCommentsBlock ul li.lastItem {} div.k2LatestCommentsBlock ul li a.lcAvatar img {} div.k2LatestCommentsBlock ul li a {} div.k2LatestCommentsBlock ul li a:hover {} div.k2LatestCommentsBlock ul li span.lcComment {} div.k2LatestCommentsBlock ul li span.lcUsername {} div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;} div.k2LatestCommentsBlock ul li span.lcItemTitle {} div.k2LatestCommentsBlock ul li span.lcItemCategory {} /* Top Commenters */ div.k2TopCommentersBlock {} div.k2TopCommentersBlock ul {} div.k2TopCommentersBlock ul li {} div.k2TopCommentersBlock ul li.lastItem {} div.k2TopCommentersBlock ul li a.tcAvatar img {} div.k2TopCommentersBlock ul li a.tcLink {} div.k2TopCommentersBlock ul li a.tcLink:hover {} div.k2TopCommentersBlock ul li span.tcUsername {} div.k2TopCommentersBlock ul li span.tcCommentsCounter {} div.k2TopCommentersBlock ul li a.tcLatestComment {} div.k2TopCommentersBlock ul li a.tcLatestComment:hover {} div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;} /*---------------------------------------------------------------------- Modules: mod_k2_content ----------------------------------------------------------------------*/ div.k2ItemsBlock {} div.k2ItemsBlock p.modulePretext {} div.k2ItemsBlock ul {} div.k2ItemsBlock ul li {} div.k2ItemsBlock ul li a {} div.k2ItemsBlock ul li a:hover {} div.k2ItemsBlock ul li.lastItem {} div.k2ItemsBlock ul li a.moduleItemTitle {} div.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.k2ItemsBlock ul li div.moduleItemAuthor {} div.k2ItemsBlock ul li div.moduleItemAuthor a {} div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd;} div.k2ItemsBlock ul li div.moduleItemExtraFields {} div.moduleItemExtraFields ul {} div.moduleItemExtraFields ul li {} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} div.k2ItemsBlock ul li div.moduleItemVideo {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.k2ItemsBlock ul li span.moduleItemDateCreated {} div.k2ItemsBlock ul li a.moduleItemCategory {} div.k2ItemsBlock ul li div.moduleItemTags {} div.k2ItemsBlock ul li div.moduleItemTags b {} div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;} div.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.k2ItemsBlock ul li div.moduleAttachments {} div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemComments:hover {} div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemReadMore {} div.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.k2ItemsBlock a.moduleCustomLink {} div.k2ItemsBlock a.moduleCustomLink:hover {} /*---------------------------------------------------------------------- Modules: mod_k2_user (mod_k2_login will be removed in v2.6) ----------------------------------------------------------------------*/ div.k2LoginBlock {} div.k2LoginBlock p.preText {} div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;} div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;} div.k2LoginBlock fieldset.input p label {display:block;} div.k2LoginBlock fieldset.input p input {display:block;} div.k2LoginBlock fieldset.input p#form-login-remember label, div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;} div.k2LoginBlock fieldset.input input.button {} div.k2LoginBlock ul {} div.k2LoginBlock ul li {} div.k2LoginBlock p.postText {} div.k2UserBlock {} div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;} div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {} div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;} div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {} div.k2UserBlock ul.k2UserBlockActions {} div.k2UserBlock ul.k2UserBlockActions li {} div.k2UserBlock ul.k2UserBlockActions li a {} div.k2UserBlock ul.k2UserBlockActions li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu {} div.k2UserBlock ul.k2UserBlockRenderedMenu li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */ div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {} div.k2UserBlock form {} div.k2UserBlock form input.ubLogout {} /*---------------------------------------------------------------------- Modules: mod_k2_tools ----------------------------------------------------------------------*/ /* --- Archives --- */ div.k2ArchivesBlock {} div.k2ArchivesBlock ul {} div.k2ArchivesBlock ul li {} div.k2ArchivesBlock ul li a {} div.k2ArchivesBlock ul li a:hover {} /* --- Authors --- */ div.k2AuthorsListBlock {} div.k2AuthorsListBlock ul {} div.k2AuthorsListBlock ul li {} div.k2AuthorsListBlock ul li a.abAuthorAvatar img {} div.k2AuthorsListBlock ul li a.abAuthorName {} div.k2AuthorsListBlock ul li a.abAuthorName:hover {} div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;} div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {} div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {} /* --- Breadcrumbs --- */ div.k2BreadcrumbsBlock {} div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} div.k2BreadcrumbsBlock a {} div.k2BreadcrumbsBlock a:hover {} div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;} /* --- Calendar --- */ div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */ div.k2CalendarLoader {background:#fff url(../images/k2calendarloader.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;} table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;} table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDate {} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} /* --- Category Tree Select Box --- */ div.k2CategorySelectBlock {} div.k2CategorySelectBlock form select {width:auto;} div.k2CategorySelectBlock form select option {} /* --- Category List/Menu --- */ div.k2CategoriesListBlock {} div.k2CategoriesListBlock ul {} div.k2CategoriesListBlock ul li {} div.k2CategoriesListBlock ul li a {} div.k2CategoriesListBlock ul li a:hover {} div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} div.k2CategoriesListBlock ul li a span.catCounter {} div.k2CategoriesListBlock ul li a:hover span.catTitle {} div.k2CategoriesListBlock ul li a:hover span.catCounter {} div.k2CategoriesListBlock ul li.activeCategory {} div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;} /* Root level (0) */ ul.level0 {} ul.level0 li {} ul.level0 li a {} ul.level0 li a:hover {} ul.level0 li a span {} ul.level0 li a:hover span {} /* First level (1) */ ul.level1 {} ul.level1 li {} ul.level1 li a {} ul.level1 li a:hover {} ul.level1 li a span {} ul.level1 li a:hover span {} /* n level (n) - like the above... */ /* --- Search Box --- */ div.k2SearchBlock {position:relative;} div.k2SearchBlock form {} div.k2SearchBlock form input.inputbox {} div.k2SearchBlock form input.button {} div.k2SearchBlock form input.k2SearchLoading {background:url(../images/searchloader.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;} /* Live search results (fetched via ajax) */ div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;} /* --- Tag Cloud --- */ div.k2TagCloudBlock {padding:8px 0;} div.k2TagCloudBlock a {padding:4px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;} /* --- Custom Code --- */ div.k2CustomCodeBlock {} /*---------------------------------------------------------------------- Modules: mod_k2_users ----------------------------------------------------------------------*/ div.k2UsersBlock {} div.k2UsersBlock ul {} div.k2UsersBlock ul li {} div.k2UsersBlock ul li.lastItem {} div.k2UsersBlock ul li a.ubUserAvatar img {} div.k2UsersBlock ul li a.ubUserName {} div.k2UsersBlock ul li a.ubUserName:hover {} div.k2UsersBlock ul li div.ubUserDescription {} div.k2UsersBlock ul li div.ubUserAdditionalInfo {} a.ubUserFeedIcon, a.ubUserFeedIcon:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/feed.png) no-repeat 50% 50%;} a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {display:none;} a.ubUserURL, a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/globe.png) no-repeat 50% 50%;} a.ubUserURL span, a.ubUserURL:hover span {display:none;} span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/mail.png) no-repeat 50% 50%;overflow:hidden;} span.ubUserEmail a {display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px;} div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;} div.k2UsersBlock ul li ul.ubUserItems {} div.k2UsersBlock ul li ul.ubUserItems li {} /* --- END --- */ .inputSub_tj { background-image: url(../images/search_icon.gif); background-repeat: no-repeat; height: 18px; width: 20px; border: 0px solid #FFF; margin-left:-22px; float: left; margin-top: 3px; outline-style:none; } .yj_inputbox { border: 1px #DEDCDC solid; line-height: 14px; font-family: Tahoma; font-size: 14px; color: #999; text-align: left; padding: 2px; float: left; outline-style:none; }