/* CSS base document version: 1.0 author: Positiva #####################################################################################################################################################*/ body { font-size: 11px; font-family: Arial; margin: 0px; padding: 0px; background: url(/static/images/eneo_top.jpg) repeat-x top; color:#333333; text-align: center; } .margin-left { float: left; display: inline; } .margin-right { float: right; display: inline; } form { margin:0px; padding:0px; } .width100per { width:100%; } .menu-margin-1 { margin-top:-1px; } .align-center { text-align:center; } .matgin-top-8 { margin-top: 8px; } a, a img { border: 0px; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } ul { padding: 0px; margin: 0px; } ul li { list-style: none; margin: 0px; display: inline; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 13px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #site2, #site { width: 1000px; margin: 0px auto; text-align: left; } #site-header { background: url(/static/images/site_background_top.jpg) repeat-x top; float: left; width: 100%; font-family: Tahoma; font-size: 10px; overflow: hidden; height: 148px; } #site-header .margin-right a { margin-right: 10px; line-height: 18px; margin-top: 10px; height: 18px; color: #FFFFFF; float: left; background: url(/static/images/site_background_right.jpg) no-repeat right } #site-header .margin-right a span { background: url(/static/images/site_background_right_left.jpg) no-repeat left; padding: 0px 11px; cursor: pointer; height: 18px; float: left; } #site-header .margin-right a .login { background: url(/static/images/href_login.jpg) no-repeat left; padding: 0px 11px 0px 22px; } #site-header .margin-right b.login_text { margin:12px 5px 0px 0px; } #site-header .after-top { width: 100%; } #site-header .after-top .margin-right .ads { background: url(/static/images/top_ads_v.jpg) no-repeat left; height: 90px; width: 728px; margin: 11px 6px 0px 0px; display: inline; float: right; padding: 4px } #site-menu { width: auto; height: 130px; overflow: hidden; margin-bottom: 8px; padding: 0px 6px; background: url(/static/images/site_menu_bg.jpg) repeat-x top; } #site-menu ul { width: 988px; background: url(/static/images/site_menu_bg_ul.jpg) repeat-x top; } #site-menu ul li span, #site-menu ul li { width: 197px; float: left; text-align: center; display: inline; background: url(/static/images/site_menu_bg_center.jpg) no-repeat top right; height: 120px; } #site-menu ul .first a { background: url(/static/images/site_menu_bg_center.jpg) no-repeat bottom right;} #site-menu ul li.first { background: url(/static/images/site_menu_bg_left.jpg) no-repeat top left; width: 199px; } #site-menu ul li.last { background: url(/static/images/site_menu_bg_right.jpg) no-repeat top right; width: 198px; } #site-menu ul li a { display: block; line-height: 25px; font-size: 12px; padding-top:95px; color:#4C4C4C; font-weight: bold; height: 25px; } /************************** menu bgcground *********************************************/ #site-menu ul li a.meni_1 { background: url(/static/icon/meni_1.png) no-repeat left top; } #site-menu ul li a.meni_2 { background: url(/static/icon/meni_2.png) no-repeat left top;} #site-menu ul li a.meni_3 { background: url(/static/icon/meni_3.png) no-repeat left top; } #site-menu ul li a.meni_4 { background: url(/static/icon/meni_4.png) no-repeat left top; } #site-menu ul li a.meni_5 { background: url(/static/icon/meni_5.png) no-repeat left top; } /***************************************************************************************/ #section-info-search { width: 988px; margin:0px 0px 6px 6px; } #section-info-search .hot-news { line-height: 21px; background: url(/static/images/hot_news.jpg) no-repeat right; } #section-info-search .hot-news span { background: url(/static/images/hot_news_left.jpg) no-repeat left top; padding: 0px 5px; color:#000000; font-weight: bold;} #section-info-search .hot-news span a { color:#000000; font-weight: bold; } #section-info-search .text { width: 680px; margin-left: 8px; height: 21px; overflow: hidden; line-height: 21px; } #section-info-search .text span { width:680px; display: block;} #section-info-search .text span a { color:black; color: #333333; font-size: 12px; } #section-info-search .margin-right { width: 201px; background: url(/static/images/search.jpg) left no-repeat; } #section-info-search .margin-right .text-field { width: 154px; font-size: 11px; margin: 4px 6px; background: none; border: none; } #section-info-search .margin-right .submit-field { background: none; margin:0 0 0 6px; width:24px; border: 0px } #section-info-search .margin-right div { float: left; } /*Content*/ #content { width: 988px; margin: 0px 6px 40px 6px; } #content .author .text a { color:#4D4D4D; } #content .left { width: 825px; overflow:hidden; } #content .right { width: 160px; } #top-news { margin-bottom: 5px; } #top-news .top { background: url(/static/images/top_news_top.jpg) left no-repeat; } #top-news .bottom { background: url(/static/images/top_news_bottom.jpg) left no-repeat; } #top-news .center { background: url(/static/images/top_news_center.jpg) repeat-y; width: 793px; padding:0px 15px 0px 12px} #top-news .bottom, #top-news .top { height: 14px; width: 820px; font-size: 0px; } #top-news .center .media { width: 420px; } #top-news .center .text { width: 360px; } #top-news .center .text a, #top-news .center .text h1 { color: #ff0000; margin-bottom: 15px;} #top-news .center .text .new { background:#E8E5D6; padding: 13px 18px; } #top-news .center .text .new b { color: #666666; font-size: 14px; line-height: 16px;} #top-news .center .text p { line-height: 18px; font-size: 12px; padding: 0px 3px; } #site-center-ads { margin-bottom: 4px; width: 100%; } #site-center-ads .center, #site-center-ads .bottom, #site-center-ads .top { width: 100%; } #site-center-ads .bottom, #site-center-ads .top { font-size: 0px; width: 820px; height: 12px; } #site-center-ads .top { background: url(/static/images/ads_center_top.jpg) left no-repeat; } #site-center-ads .bottom { background: url(/static/images/ads_center_bottom.jpg) left no-repeat; } #site-center-ads .center { background: url(/static/images/ads_center_center.jpg) left repeat-y; text-align: center; } #site-center-ads .center .ads { margin: 2px auto; width: 468px; text-align: left; padding:11px 22px 11px 12px; display: block; overflow: hidden; background: url(/static/images/ads_center_bg.jpg) left no-repeat; height: 60px; } #news-old { width: 820px; } #news-old .news { background: url(/static/images/c_r_c.jpg) right repeat-y; width: 435px; overflow:hidden; margin-bottom:5px; } #news-old .margin-right { width: 377px; } #news-old .news .top, #news-old .news .top .left, #news-old .news .top .right { height: 10px; font-size: 0px; } #news-old .news .bottom, #news-old .news .bottom .left, #news-old .news .bottom .right { height: 15px; font-size: 0px; } #news-old .news .bottom, #news-old .news .center, #news-old .news .top { width: 100%; } #news-old .news .top { background: url(/static/images/c_t.jpg) left repeat-x; } #news-old .news .bottom { background: url(/static/images/c_b.jpg) left repeat-x; } #news-old .news .top .left, #news-old .news .top .right { width: 10px; } #news-old .news .bottom .left, #news-old .news .bottom .right { width: 10px; } #news-old .news .top .left { background: url(/static/images/c_l_t.jpg) left no-repeat; } #news-old .news .top .right { background: url(/static/images/c_r_t.jpg) right top no-repeat;} #news-old .news .bottom .left { height: 15px; margin-left: -1px; background: url(/static/images/c_l_b.jpg) left bottom no-repeat; } #news-old .news .bottom .right { background: url(/static/images/c_r_b.jpg) right no-repeat;} #news-old .news .center { background: url(/static/images/c_l_c.jpg) left repeat-y; margin-left: -1px; padding-left: 1px; } #news-old .news .center h2 a { color: #808080; } #news-old .news .center h2 { color: #808080; background: url(/static/images/new_title_bg.jpg) bottom repeat-x; margin: 6px 10px 0px 8px; padding: 0px 0px 5px 13px } #news-old .news .center h3 a { color: #4E4E4E; } #news-old .news .center h3 { background: url(/static/images/site_bg_title.jpg) bottom repeat-x; margin: 5px 20px 0px 17px; color: #4E4E4E; padding: 5px 6px } #news-old .news .center h3.news-list { float:left; display:inline; width:386px; margin-top:20px; } #news-old .news .center .content { width: 395px; margin: 10px 20px 0px 18px; } #news-old .margin-right .center .content { width: 330px;} #news-old .news .center .content .img { width: 114px; height: 76px; margin-left: 2px; } #news-old .news .center .content .text { width: 265px; line-height: 18px; font-size: 12px; margin-right: 2px; } #news-old .margin-right .center .content .text { width: 199px; } #news-old .news .center .content .text a { color:red; font-size: 10px; font-weight: bold; } /**** addd new by peter ***/ #hot-news { width:360px; margin-left:-4px; margin-top:10px; } #content #hot-news-ul li { margin-bottom: 6px; float:left; list-style: none; width:340px; margin-bottom:10px; display: inline; padding:0px 10px 15px; background:transparent url(/static/images/site_bg_title.jpg) repeat-x scroll center bottom; } #hot-news-ul li.last { margin-bottom:0px; background:none; padding-bottom:0px; } #hot-news-ul li h4 a, #hot-news-ul li h4 { color:red; clear:both; float:left; padding:3px 0px; font-size:14px; } #hot-news-ul li h4 a { background: none; } #hot-news-ul li h4.hand { background: url(/static/images/hend_yes.jpg) center right no-repeat; padding-right:20px; } #hot-news-ul li h4.stars { background: url(/static/images/stars.jpg) center right no-repeat; padding-right:20px; } #hot-news-ul li a { font-size: 12px; font-weight: bold; clear:both; float:left; padding-left: 12px; background: url(/static/images/point.jpg) center left no-repeat; color: #4D4D4D; } #content .right .ads { margin-bottom: 10px; margin-top: 5px; } #content .right .ads .ads_ { height:20px; text-align:center; width:160px; color:#4D4D4D; font-size:10px; background: url(/static/images/ads_right.jpg) center left no-repeat; line-height:20px; } #content .right .requisition { width: 160px; font-weight:bold; margin-bottom:8px; background: url(/static/images/requisition.jpg) center left no-repeat; height: 81px; } #content .right .requisition span { width: 100%; text-align: center; line-height: 15px; font-size: 12px; margin-top: 7px; color:#FFFFFF; height: 53px; } #content .right .requisition span .small { font-size: 10px; } #content .right .requisition a { line-height: 18px; text-align: center; display: block; color: #4D4D4F; } #player { padding:0px; margin:0px; } /**** Big red button *****/ #news-bottom .bigRedButton, #order-form .add-news-right input.submit, #order-form .order-right input.submit { width:220px; color:#ffffff; font-size:12px; text-align:center; display:block; padding:7px 0px; border:none; background:url(/static/images/send_from_order.jpg) no-repeat; } /****<-- end Big red button -!>******/ #loginFrom { /*background:url(/static/images/login_bg.jpg) repeat-y; */ background-position:0px 2px; margin-left:658px; display: none; color: #ffffff; position:absolute; top:26px; width:249px; } #loginFrom .b1 { width:247px; } #loginFrom .b2 { width:248px; } #loginFrom .b1, #loginFrom .b2, #loginFrom .b3, #loginFrom .b4 { height:1px; float:right; display:inline; background:#424542; font-size:0px } #loginFrom .b3 { width:247px; } #loginFrom .b4 { width:246px; } #loginFrom .b3 { margin-right:1px } #loginFrom .b4 { margin-right:2px } #loginFrom input { width: 120px; font-size: 10px; padding: 2px; border: none; height: auto; } span.label_text { float:left; text-align:right; margin-top: 2px; padding-right: 5px; width:90px; } #loginFrom .submit_login { background: url(/static/images/login.jpg) no-repeat; width: 76px; float:right; margin:0px 10px; padding: 4px 0px 5px; color:#ffffff; border: 0px } #login_post { float: left; font-weight: bold; margin-top: 3px; clear: both; } #loginFrom a { color: #ffffff; float: left; margin-top: 7px; text-decoration: underline; } #frame_imp { width: 795px; background: #E8E5D6 url(/static/images/h_top.jpg) no-repeat top; } #frame_imp .content { width: 747px; padding: 14px 24px; background: url(/static/images/h_bottom.jpg) no-repeat bottom; } #frame_imp .content h1 { color: red; padding-bottom: 14px; } #frame_imp .content h3 { color:#666666; font-size: 14px; } #frame_imp .content h3 span { font-size: 15px; color: red; } span.date { font-size: 10px; } .navigation { background: url(/static/images/nav_bg.jpg) repeat-x top; padding-bottom: 15px; text-align: center; width:795px; } .navigationt { background: url(/static/images/nav_t.jpg) repeat-x bottom; margin-bottom: 15px; } .navigation a { font-size: 11px; color: #6A6A67; } .navigation .left-right { margin: 2px 3px } .navigation div.paging { background: url(/static/images/nav_n_r.jpg) no-repeat top right; } .navigation div.active { background: url(/static/images/nav_a_r.jpg) no-repeat top right; } .navigation div.paging a{ background: url(/static/images/nav_n_l.jpg) no-repeat top left; color: #6A6A67; } .navigation div.active a { background: url(/static/images/nav_a_l.jpg) no-repeat top left; color: #ffffff; } .navigation div.paging a, .navigation div.active a { font-size: 10px; float: left; display: inline; padding: 2px 7px 8px; } .navigation div.paging, .navigation div.active { margin: 0px 1px; height: 18px; } .a-center { margin-top: 21px; width: 100%; } /** select box **/ div.selectbox-wrapper { position:absolute; width:220px; background-color:white; border:1px solid #ccc; border-top: none; margin:0px; margin-top:-15px; padding:0px; font-size:0.8em; text-align:left; max-height:200px; overflow:auto; padding: 2px 4px 0px 4px; background: url(/static/images/select_center.jpg); } div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; } div.selectbox-wrapper ul li.selected { background-color: #EAF2FB; } div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } label { display: block; } .selectbox /* look&fell of select box*/ { margin: 0px 5px 10px 0px; padding-left:2px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.8em; width : 10em; display : block; text-align:left; background: url('/static/images/bg_select.png') right; /*height:18px;*/ cursor: pointer; border:none; color:#333; width: 190px; padding:3px 7px 6px 5px; } select { background: url('/static/images/bg_select.png') right; width: 204px; } #content ul li { display:list-item; margin-left: 12px; list-style-type: disc; } #frame_imp ul li { list-style: none; margin-left: 0px; } #upload_1, #upload_2 { width:63px; height:15px; color:#FFFFFF; background: url('/static/images/upload.jpg') right; text-align:center; float:left; cursor:pointer; margin-top:10px; margin-left:6px; } .loading-upload-1, .loading-upload-2 { width:16px; height:11px; float:left; display:inline; margin-left:8px; margin-top:13px; } .img-file, .flv-file { float:left; clear:both; display:inline; background: url('/static/images/flv-icon.png') left top no-repeat; line-height:20px; padding-left:22px; color:#000000; width:350px; } .img-file { background: url('/static/images/img-icon.png') left top no-repeat; } #top-news .center .text .flv-file a { color:#E53838; font-size:10px; } .upload_txt { margin-top:11px; }