/***************/ /* 1. GLOBAL /***************/ @charset "utf-8"; body { direction:rtl; font-size:62.5%; font-family: 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0 auto; /* background: #fff;*/ background:#f8f8f8; } html { overflow-y: scroll; } #body1 { clear:both; width: 980px; margin: 0 auto; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; position: relative; } /**************/ /* header */ /**************/ .page_header { width: 100%; height: 200px; background: #fff url(../../resource/img/gpc_banner.jpg) center no-repeat; } .div_right{ float: right; width: 25%; } .div_right .icons { color:#fff; float:right; margin:0 10px 0 0; } .div_right .icons img { border: 0; } .div_right .icons a:hover { background-color:#fff; } .div_left{ float: left; width: 25%; } .div_center{ float: right; width:60%; } .div_right,.div_left,.div_center{height:25px;color:#fcfcfc; text-align:center;font:10px tahoma,verdana,arial,sans;} .header { width: 100%; height: auto; margin: 0; background: #fff; } .site_name {clear: both;float:right;position: absolute; z-index: 1; width: 500px; top: 35px;right:250px; margin: 10px;text-align:center; background-color: transparent; color:#e1e1e1;} .site_name h1 { font : bold 1.5em Arial, Sans-Serif; margin : 0; letter-spacing : 1px; color:#000; } .site_name h2 { font : bold 1.9em Arial, Sans-Serif; color:#000; margin : 0; } .sitelogo {float:right; width:60px; height:40px; z-index:2; margin:25px 10px 0 0; background:url(../../resource/img/img_logo.jpg); } #body2 { clear:both; width: 980px; margin: 0 auto; padding-top:10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; position: relative; } #right_side{ width: 220px; } .right_side { float: none; width: 220px; padding: 0px; margin-bottom: 10px; } .right_side p { margin: 10px; } .right_side-top { background: url(../../resource/img/right_side-top.gif) no-repeat; float: left; height: 5px; width: 220px; line-height: 5px; font-size: 1px; } .right_side-body { background: url(../../resource/img/right_side-body.gif) repeat-y; padding: 0px 10px; float: right; width: 200px; } .right_side-footer { background: url(../../resource/img/right_side-footer.gif) no-repeat bottom; float: left; height: 15px; width: 220px; margin-bottom: 5px; } #body2 .rightcol{ position: relative; float: right; } #right_side ul{ margin:0 1em 0.2em 0; list-style: none; } #right_side dt{padding:0 5px 1px 0;} #right_side dt a, #right_side dt a:visited {display: block;text-align:justify;line-height:1.2em; padding:0 10px 0; background:url(../../resource/img/bullet1.gif) no-repeat right; text-decoration:none;} #right_side dd a, #right_side dd a:visited {text-align:justify;background:url(../../resource/img/bullet1.gif) no-repeat right; text-decoration:none;} #right_side dt a:hover {background:url(../../resource/img/bullet1.gif) no-repeat right;} #right_side dd a:hover {background:url(../../resource/img/bullet1.gif) no-repeat right;} #left_side{ width: 220px; } .left_side { float: none; width: 220px; padding: 0px; margin-bottom: 10px; } .left_side p { margin: 10px; } .left_side-top { background: url(../../resource/img/left_side-top.gif) no-repeat; float: left; height: 5px; width: 220px; line-height: 5px; font-size: 1px; } .left_side-body { background: url(../../resource/img/left_side-body.gif) repeat-y; padding: 0px 10px; float: right; width: 200px; } .left_side-footer { background: url(../../resource/img/left_side-footer.gif) no-repeat bottom; float: left; height: 15px; width: 220px; margin-bottom: 5px; } #left_side dt{padding:0 5px 1px 0;} #left_side dt a, #left_side dt a:visited {display: block;text-align:justify;line-height:1.2em; padding:0 10px 0; background:url(../../resource/img/bullet1.gif) no-repeat right; text-decoration:none;} #left_side dd a, #left_side dd a:visited {text-align:justify;background:url(../../resource/img/bullet1.gif) no-repeat right; text-decoration:none;} #left_side dt a:hover {background:url(../../resource/img/bullet1.gif) no-repeat right;} #left_side dd a:hover {background:url(../../resource/img/bullet1.gif) no-repeat right;} #body2 .leftcol{ position: relative; float: right; } #page_content{ float: right; width:528px !important /*Non-IE6*/;width:526px /*IE6*/; margin:0px 5px; } #right_side,#left_side,#page_content{font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} #news{ width: 100%; } /* #news1{ width: 100%; background:url('../../resource/img/circle.gif') no-repeat right; } .news1{ width:96%; padding:0 20px 0 0; } */ #news1{ width: 100%; margin:5px 0px; padding-top:10px; height:40px; background:url(../../resource/img/news1_bg.gif) no-repeat right; } .news1{ width:100%; } #last_decision{ float:none; width:490px; padding:0px; } .last_decision li { padding-right: 20px; background-image: url(../../resource/img/bullet-orange.gif); background-repeat: no-repeat; background-position: right top; font:12px tahoma,verdana,arial,sans; } #last_decision a{ font:12px tahoma,verdana,arial,sans; } #news,#news1,#last_decision{clear:both;font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} .box0_1 { float: none; width: 528px; padding: 0px; margin-bottom: 10px; background:#fff; font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .box0_1 a{font:12px tahoma,verdana,arial,sans;} .box0_1 p { margin: 10px; } .box0_1-top { background: url(../../resource/img/box0-top.gif) no-repeat; float: left; height: 5px; width: 528px; line-height: 5px; font-size: 1px; } .box0_1-body { background: url(../../resource/img/box0-body.gif) repeat-y; padding: 0px 10px; float: right; width: 508px; height: 170px; } .box0_1-footer { background: url(../../resource/img/box0-footer.gif) no-repeat bottom; float: left; height: 15px; width: 528px; } .box0_2 { float: none; width: 528px; padding: 0px; margin-bottom: 10px; background:#fff; font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .box0_2 a{font:12px tahoma,verdana,arial,sans;} .box0_2 p { margin: 10px; } .box0_2-top { background: url(../../resource/img/box0-top.gif) no-repeat; float: left; height: 5px; width: 528px; line-height: 5px; font-size: 1px; } .box0_2-body { background: url(../../resource/img/box0-body.gif) repeat-y; padding: 0px 10px; float: right; width: 508px; height: auto; } .box0_2-footer { background: url(../../resource/img/box0-footer.gif) no-repeat bottom; float: left; height: 15px; width: 528px; } .box10px { width: 10px; float: right; height: 10px; } .dev-center {clear:both;float:none;height:165px;width:100%;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .dev-center img{float:left;width:auto;height:130px;padding:2px;margin:0 0 0 5px;border:1px solid #e5e5e5;} .dev-right {clear:right;float:right;height:auto;width:48%;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .dev-right img{float:right;width:70px;height:55px;padding:2px;margin:0 0 0 5px;border:1px solid #e5e5e5;} .dev-left {float:left;height:auto;width:48%;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} .dev-left img{float:left;width:70px;height:55px;padding:2px;margin:0 3px 0;border:1px solid #e5e5e5;} .important_doc,.important_form{padding:0 0 5px;text-align:right;font:13px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} /********************/ /* FOOTER SECTION */ /********************/ .footer {clear:both;width: 100%; padding:1px 0 20px;background: url(../../resource/img/bg_footer1.png) top no-repeat;} .footer p {margin:5px 0 0 !important;margin:10px 0 0; line-height:1.3em; text-align:center; color:#fff;font-size:90%;} .footer p._footer {font-weight:400;color:#009;} .footer a {text-decoration:none; color:#009;} .footer a:link {color: #009;} .footer a:hover {text-decoration:none; color:#FF0900;} .footer a:visited {color:#FF0900;} #top {position:absolute; top:55px; left:550px;} #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;} #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("../design/ico_top.gif") 0 0 no-repeat; cursor:pointer;} #top a:hover span {background:url("../design/ico_top.gif") -30px 0 no-repeat;} #fixpic {display:block; width:108px height:145px; position:fixed; bottom:0; left:0;} * html #fixpic {position:absolute;}