网上银行系统

@charset "utf-8"; body { padding: 0px; margin: 0px; font:normal 12px Tahoma, Geneva, Arial, sans-serif; color:#555; } h1{ font:normal 18px arial; padding:0 0 6px 12px; color:#0a69a5; border-bottom:#ececec 1px solid; font-weight:900} *{ padding: 0px; margin: 0px; } a{ text-decoration:none; color:#555; } a:visited{ outline:none; } a:hover{ text-decoration:underline; } #wrap { width:940px; padding: 0; margin:0 auto; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear {clear:both;} .w100{ width:100%;} .f_l{ float:left;} .f_r{ float:right;} li{ list-style-type:none;} img{ border:none;} /*--header--*/ #header{ position:relative; width:940px; height:72px; background:#fff url(../images/top_shades.png) no-repeat 200px 0;} #header #logo{ position:absolute; top:19px; left:12px; width:188px; height:35px; display:block; } #header .searchWrapper{ position:absolute; top:21px; left:310px; width:292px; height:28px; padding:4px 0 0 12px; background:url(../images/search_bg.png) no-repeat 0 0;} #header .searchWrapper #searchBox{ width:236px; height:20px; padding:3px 0 0 0; border:none; color:#5e5e5e; background-color:transparent; vertical-align:middle;} #header .searchWrapper #searchBtn{ width:45px; height:22px; background:transparent; border:none; cursor:pointer; vertical-align:middle; outline:none;} #header #top_nav{ position:absolute; top:0; right:0; width:300px; height:26px;} #header #top_nav ul{ float:right;} #header #top_nav ul li{ float:left; display:block; height:26px; padding:4px 6px 0 17px; background:url(../images/top_nav_shades.gif) no-repeat 0 0;} #header #top_nav ul li.last{ padding-right:0px;} #header #top_nav ul li a, #header #top_nav ul li a:visited{ font-size:12px; text-decoration:none; color:#868686;} #header #top_nav ul li a:hover{ text-decoration:underline;} #header #top_userArea{ position:absolute; top:38px; right:0px; width:180px; height:20px;} #header #top_userArea ul{ float:right;width:180px;} #header #top_userArea ul li{ float:left; font-size:12px; } #header #top_userArea ul li a, #header #top_userArea ul li a:visited{ height:17px; display:inline-block; color:#808080; text-decoration:none;} #header #top_userArea ul li a:hover{ text-decoration:underline;} #header #top_userArea ul li .a_autentificare{ padding:1px 0 0 19px; margin-right:14px; background:url(../images/autentificare_icon.gif) no-repeat 0 0;} #header #top_userArea ul li .a_creaza_cont{ padding:1px 0 0 18px; background:url(../images/creaza_cont_icon.gif) no-repeat 0 0;} /*--end header--*/ /*--nav--*/ #nav{ width:940px; height:33px; background:#0972ad url(../images/nav_center.png) repeat-x 0 0;} #nav .nav_left_corner{ float:left; width:4px; height:33px; display:block; background:url(../images/nav_left_corner.png) no-repeat 0 0;} #nav .nav_right_corner{ float:right; width:4px; height:33px; display:block; background:url(../images/nav_right_corner.png) no-repeat 0 0;} #nav ul{ width:932px; height:33px; float:left;} #nav ul li{ float:left; height:33px; display:block; padding:0 1px 0 0; background:url(../images/nav_spacer.png) no-repeat right 0;} #nav ul li.last{ background-image:none;} #nav ul li.last a, #nav ul li.last a:visited{ padding-right:18px;} #nav ul li a, #nav ul li a:visited{ height:24px; display:inline-block; padding:9px 21px 0; text-decoration:none; font:bold 12px tahoma; color:#fff;} #nav ul li a:hover{ background:#0972ad url(../images/nav_hover.png) repeat-x 0 0;} #nav ul li a:active{ height:23px; padding-top:10px;} /*--end nav--*/ /*--footer--*/ #footer{ width:940px; font-size:12px; color:#999; float:left;} #footer .footer_row{ width:940px; height:22px; border-bottom:#e4e4e4 1px solid;} #footer .footer_row span{ float:left;} #footer .footer_row .footer_nav{ float:right;} #footer .footer_row .footer_nav li{ float:left; padding:0 8px 0 9px; border-right:#b7b7b7 1px solid;} #footer .footer_row .footer_nav li.last{ border:none; padding-right:0px;} #footer .footer_row .footer_nav li a, #footer .footer_row .footer_nav li a:visited{ text-decoration:none; color:#999;} #footer .footer_row .footer_nav li a:hover{ text-decoration:underline;} #footer .footer_row1{ padding-top:8px;} #footer .footer_row1 .copyright{ float:left;} #footer .footer_row1 .by{ float:right;} #footer .footer_row1 .by a{ width:71px; height:21px; margin-left:3px; display:inline-block; text-indent:-999999px;} /*--end footer--*/ /*--center--*/ #center { width: 100%; float:left; margin-top:10px; } /*--position--*/ .position{ width:770px; height:31px; padding-bottom:10px; background:url(../images/position_bg.png) no-repeat 0 0;} .position ul{ float:left; width:550px; display:block; padding:9px 0 0 1px;} .position ul li{ float:left; display:block; height:17px; padding:0 9px 0 6px; font-size:12px; color:#777; background:url(../images/position_spacer.gif) no-repeat right 5px;} .position ul li.last{ background-image:none; color:#585858; padding-right:0px;} .position ul li a, .position ul li a:visited{ font-size:12px; color:#777; text-decoration:none;} .position ul li a:hover{ text-decoration:underline;} .position ul li .home_icon{ height:17px; display:inline-block; padding:1px 0 0 25px; margin-top:-1px; background:url(../images/home_icon.png) no-repeat 0 0;} .position .cartWrapper{ float:right; height:21px; padding: 9px 7px 0 12px; font-size:12px; color:#575757; background:url(../images/cart_spacer.gif) no-repeat 0 1px;} .position .cartWrapper a, .position .cartWrapper a:visited{ display:inline-block; padding-left:20px; font-size:12px; color:#777; text-decoration:none; background:url(../images/cart_icon.png) no-repeat 0 0;} .position .cartWrapper span{ padding-left:4px;} /*--end position--*/ /*--banner--*/ #banner{ width:770px; height:317px; padding-bottom:10px;} #banner #bannerTop{ position:relative; width:770px; height:274px; overflow:hidden; background:url(../images/banner_top_bg.png) no-repeat 0 0;} #banner #bannerTop ul{ position:absolute; width:2000em; height:274px;} #banner #bannerTop ul li{ float:left; width:770px; height:274px; display:block;} #banner .bannerBottom{ position:relative; width:770px; height:42px; background:url(../images/banner_bottom_bg.png) no-repeat 0 0;} #banner .bannerBottom .bannerThumbs{ padding-left:170px;} #banner .bannerBottom .bannerThumbs li{ float:left; width:35px; height:35px; padding:0 3px;} #banner .bannerBottom .bannerThumbs li a{ display:inline-block; width:35px; height:25px; padding-top:10px; cursor:pointer;} #banner .bannerBottom .bannerThumbs li img{ border:1px solid #CCC;} #banner .bannerBottom .bannerThumbs .current{ background:url(../images/banner_active.png) no-repeat center 0;} #banner .bannerBottom .bannerControls{ position:absolute; top:10px; right:4px; width:62px; height:56px;} #banner .bannerBottom .bannerControls li{ float:left; padding-right:4px;} #banner .bannerBottom .bannerControls li a{ width:25px; height:26px; display:block; text-indent:-999999px; cursor:pointer;} #banner .bannerBottom .bannerControls li a:active{ background-position:0 bottom;} #banner .bannerBottom .bannerControls li .backward{ background:url(../images/banner_prev.png) no-repeat 0 0;} #banner .bannerBottom .bannerControls li .forward{ background:url(../images/banner_next.png) no-repeat 0 0;} /*--end banner--*/ .panelWrapper{ width:160px; padding-bottom:4px; margin-bottom:10px; background:url(../images/panel_bottom.png) no-repeat 0 bottom;} .panelWrapper .panelTop h4{ line-height:31px; text-indent:3px; color: #CCC} .panelWrapper .panelTop{ width:160px; height:31px; background:url(../images/panel_top.png) no-repeat 0 0;} .panelWrapper .panelBody{ width:160px; padding:4px 0 0 0; background:url(../images/panel_body.png) repeat-y 0 0;} .panelWrapper .panelBody .cr_wp li{ margin:0 10px; line-height:20px;} .panelWrapper .panelTop .cr_icon{ background:url(../images/c