@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;} html {height: 100%; font-size: 62.5%;} body {font: normal 14px/22px Arial, Helvetica, sans-serif; color: #696969; background: #ecf5f7 url(../images/bg-1.png) center top no-repeat; display:table; height: 100%; margin: 0 auto; width: 100%; min-width:1000px !important;} .inner {background-position: center -206px;} img {border: none;} a {cursor: pointer; text-decoration: underline; color:#f57e1d;} a:hover {text-decoration: none;} p {padding-bottom: 22px;} p small {font-size: .8em;} p b {color:#0072b0;} h1, h2, h3, h4, h5, h6 {font: bold 18px Arial, Helvetica, sans-serif; padding-bottom: 15px; color:#0073ae;} h1 {font-size: 24px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} input[type='submit'], input[type='button'] {cursor: pointer;} ul, ol { padding: 0 0 15px 30px; } ul li {list-style: disc outside;} .set {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .fl {float: left;} .fr {float: right;} .rel {position: relative;} #header {display:table-header-group;} #header .cell {height: 1%;} #content {display:table-row; } #footer {display:table-row; height:1px;} .cell {display: table-cell;} .page {overflow: hidden;} .cont-1 {float: left; width: 100%;} .cont-2 {padding: 0 270px 0 270px;} .content {width: 100%; height: 1%;} .nb-1 {float: left; width: 248px; position: relative; margin-right: -100%; left: -100%; _left: 0; _margin-left: -100%;} .nb-1-2 { padding-left:20px;} .nb-2 {float: left; width: 230px; margin-left: -250px; padding-right:20px; } #header {background: url(../images/bg-2.png) center top repeat-x;} #header .cell { background: url(../images/bg-3.jpg) center top no-repeat;} .header {position: relative; height:338px; padding-top:67px; width:1000px; margin:0 auto;} .no_social_2 .header { height:337px;} .inner .header {height:132px;} .logo a {position:absolute; width:167px; height:54px; background: url(../images/logo.png) 0 0 no-repeat; left:36px; top:13px;} .contacts {position:absolute; right:309px; top:8px;font-size:11px; line-height:18px; font-weight:bold; color:#0174ae;} .partn-access {position:absolute; width:277px; right:0; top:3px;} .label {float:left; width:84px; padding: 3px 0 0; font-size:11px; color:#0173b0; line-height:18px; text-shadow: 0px 1px #fff;} .login, .signup {display:inline-block; *display:inline; zoom: 1; position:relative; text-indent:-9999px; overflow:hidden; background: url(../images/login.png) 0 0 no-repeat; width:92px; height:27px;} .login:hover, .signup:hover {background-position: 0 -27px;} .signup {background-image:url(../images/signup.png);} .signup3 {background-image:url(../images/signup2.png);} .partn-access .login, .partn-access .signup {float:left;} .m-1 {width:670px; height:38px; padding-top:4px; position:absolute; background: url(../images/m-1.png) 0 0 no-repeat; right:7px; top:31px; z-index: 20} .m-1 ul {padding:0 0 0 10px; margin:0;} .m-1 li {display:block; float:left; list-style: none; padding:0 16px 0 21px; font-size:12px; line-height:33px; height:33px; color:#c7e0ec; background: url(../images/bl-2.png) 0 center no-repeat; font-weight:bold; position:relative;} .m-1 li:first-child {background:none;} .m-1 li > i {display:none; width:12px; height:7px; background:url(../images/bl-1.png) 0 -1px no-repeat; position:absolute; left:50%; top:0; margin:0 0 0 -6px;} .m-1 li > a {color:#c7e0ec; text-shadow: 0 1px #707070; text-decoration:none;} .m-1 li:hover a {color:#fff;} .m-1 li:hover > i {display:block;} .m-1 li:hover > .submenu {visibility:visible;} .submenu {position:absolute; visibility:hidden; width:393px; height:160px; padding:27px 14px 29px 25px; left: 50%; top:32px; margin-left:-213px; background:url(../images/submenu.png) no-repeat; font-size:10px; color:#c7e0ec; line-height:18px; text-shadow: 0 1px #707070; } .subm-1 {width:187px; float:left;} .subm-2 {width:190px; padding-left:16px; float:left;} .submenu a {color:#fff; text-shadow: 0 1px #707070;} .submenu h3 {color:#fff; font-size:14px; padding-bottom:11px; text-shadow: 0 1px #707070;} .submenu p {padding-bottom:8px;} .arrow-1 {display:inline-block; *display:inline; zoom: 1; width:29px; height: 25px; background: url(../images/arrow-2.png) no-repeat;} .submenu .arrow-1 {float:left; margin: 0 11px 0 44px;} .submenu .signup {float:left; margin-top:5px;} .slider-wrap {width:1000px; position:relative; overflow:hidden; z-index: 10;} .slider {width:927px; position:relative; overflow:hidden; height:338px;} .slider ul {padding:0; margin:0;} .slider li {float:left; display:block; width:927px !important; padding:0; margin:0; position:relative;} .signup-2 {display:block; width:183px; height:51px; background: url(../images/signup3.png) no-repeat; position:absolute; left:346px; top:249px;} .signup-2:hover {background-position:0 -51px;} .learn-more {display:block; width:132px; height:27px; background: url(../images/learn_more.png) no-repeat; position:absolute; left:530px; top:261px;} .learn-more:hover {background-position:0 -27px;} .L, .R {position:absolute; display:block; width:37px; height:37px; background: url(../images/slider-arrow.png) no-repeat; left:0; top: 136px;} .L:hover {background-position:0 -37px;} .R {background-position:-37px -0px; left:auto; right:0;} .R:hover {background-position:-37px -37px;} .logo-3 {position:absolute; display:block; width:118px; height:79px; right:9px; bottom: -37px; background: url(../images/logo-3.png) no-repeat; z-index: 30;} .page {width:1000px; margin:0 auto; padding: 20px 0 0; background: url(../images/page_bg.jpg) center 0 no-repeat;} .front {position:relative;} .table-1 {padding: 0 0 20px 26px;} .table-1 table {border-collapse: collapse; border:none;} .table-1 td {width:230px; padding: 0 10px 0 0; vertical-align:top;} .h201 {font-size:16px; line-height:18px; color:#0073ae; padding: 0 7px;} .h201 {color:#0073ae; } .h401 {font-size:12px; line-height:18px; color:#f57e1d; padding: 0 7px 12px;} .h401 a {color:#f57e1d;} .tr-img td {padding-bottom: 7px;} .img-wrap {background: url(../images/shad-1.png) center bottom no-repeat; padding-bottom: 7px;} .img {border: solid 9px #fff; overflow:hidden;} .img img {border: solid 1px #c0c0c0; float:left;} .tr-desc td {font-size:11px; line-height:18px; color:#696969;} .tr-desc p {padding: 0 8px;} .more {display:inline-block; *display:inline; zoom: 1; width:17px; height:9px; background: url(../images/bl-7.png) no-repeat;} .more:hover {background-position:0 -9px;} .look_plus_bann {padding-bottom: 16px; position:relative; zoom: 1;} .look-wrap {width:734px; float:left;} .bann {width:230px; float:right; margin-right:25px;} .look {background: url(../images/headline.png) no-repeat; float:left; height:44px; padding-left: 30px; font-size:15px; line-height:39px; font-weight:bold; color:#fff; width:589px; text-shadow: 0 1px #707070; margin: 0 0 13px 6px;} .look-wrap .signup3 {float:left; margin-top: 6px;} .look-img {padding:0 0 18px 51px;} .legend-wrap {padding-bottom:7px; background: url(../images/shad-2.png) center bottom no-repeat; margin-left:25px;} .legend {background:#fff; border: solid 1px #c3c3c3; padding:7px 10px 6px; font-size: 11px; font-weight:bold; line-height:20px; color:#797b7b; position:relative; zoom: 1;} .legend ul {padding:0; margin:0 7px 0 0; width: 210px; float:left;} .legend ul.legend-2 {width:250px;} .legend ul.legend-3 {width:200px;} .legend ul li {list-style:none; display:block; padding: 0;} .legend ul li.active {color:#f57e1d;} .bl-3 {position:absolute; width:12px; height:6px; left:50%; top:-7px; margin-left:-6px; background: url(../images/bl-3.png) 0 0 no-repeat;} .traff-off-wrap {padding:0 0 30px 5px; position:relative; zoom: 1;} .traff-off {width:596px; padding-left:174px; float:left; height:39px; background: url(../images/traffic_offers.png) 0 0 no-repeat;} .traff-off dl {float:left; width:190px; padding: 2px 0 0 8px; font-size: 11px; color:#777777; line-height:18px;} .traff-off dt {font-size:12px; font-weight:bold;} .traff-off dt a {text-decoration:none; text-shadow: 0 1px #ffffff;} .traff-off dd {text-shadow: 0 1px #ffffff;} .op {float:left; width:207px; margin: -1px 0 0 -9px; font-size:11px; line-height:21px; font-weight:bold; } .op1 {padding-left: 32px; background: url(../images/bl-4.png) left center no-repeat;} .op2 {padding-left: 43px; background: url(../images/bl-3-14.png) 11px center no-repeat;} .op_2 { float:none; margin:0; padding:10px 0 0;} .op_2 .op1 {padding-left: 32px; background: url(../images/bl-4.png) left center no-repeat;} .op_2 .op2 {padding-left: 32px; background: url(../images/bl-3-14.png) left center no-repeat;} .blog_and_twit {position:relative; zoom: 1; padding: 0 0 27px 28px;} .el-blog {width:230px; margin-right:18px; float:left;} .h301 {font-size:16px; color:#444; padding-bottom:12px;} .el-blog .img-wrap {margin-bottom: 13px;} .p-01 {font-size:11px; line-height:18px; color:#696969; padding:0;} .el-twit {width:209px; float:left; position:relative; margin-right: 19px;} .el-twit-logo {float:left; width:58px; height:51px; background: url(../images/twitter.png) 0 0 no-repeat; margin: -9px 11px 0px -8px;} .el-twit .h401 {padding-bottom: 15px;} .ago {font-size:10px; color:#bdc4c6; font-style:italic; margin:10px 0 15px;} .twitti {height: 16px; border-top: solid 1px #bdc4c6; position:relative;} .twitti i {position:absolute; width:30px; height:10px; background:#ecf5f7 url(../images/twitt.png) center no-repeat; left:50%; top:-6px; margin:0 0 0 -15px;} .bann-2 {float:left; width:230px; padding-top:4px;} .el-stats {float:right; width:230px; margin-right:25px;} .graf {margin-bottom:4px;} .graf .img {border-width: 11px 9px;} #footer {background: #c9cfd0 url(../images/footer-bg.png);} #footer .cell {background: url(../images/footer-shadow.png) center top no-repeat;} .footer {width:927px; margin: 0 auto; padding: 36px 0 24px; font-size:11px; line-height:18px; color:#696969;} .footer address {font-style:normal;} .footer a {color:#696969;} .h302 {font-size:14px; color:#696969; padding-bottom:12px;} .p-02 {padding-bottom:22px;} .footer .signup {float:left;} .arrow-2 {width:17px; height:32px; background: url(../images/arrow.png) no-repeat; float:left;} .footer .arrow-2 {margin-top:-21px;} .footer .more {background-image:url(../images/bl-6.png);} .f-1, .f-2, .f-3, .f-4 {float:left; width: 209px; margin-right:30px;} .f-4 {margin-right:0;} .f-logo {height:76px; margin-top:-3px;} .f-logo a {display:block; width:167px; height:54px; background: url(../images/logo-2.png) no-repeat;} .f-2 .sel {color:#0070ae;} .f-3 .sel {color:#f57e1d;} .feedback {display:block; position:fixed; left:0; top:40%; width:27px; height:122px; background: url(../images/feedback.png) 0 0 no-repeat; z-index: 50;} .head-img {position:relative; text-align:center; padding-top:1px;} .head-img .learn-more {left:auto; right:126px; top:67px;} .title {padding-bottom: 2px;} .title span {color:#f57f1e;} .d-1 {font-size:12px; color:#f57e1d; font-weight:bold; padding-bottom:22px;} .small {font-size:11px; line-height:18px; padding-bottom:12px;} .img-wrap-cont {float:left; margin: -4px 16px 1px -7px;} .div-1-wrap {background: url(../images/shad-2.png) center bottom no-repeat; padding-bottom:7px; margin: 0 -7px 15px;} .div-1 {border: solid 1px #c2c2c3; background: #fff; padding: 8px 14px 0;} .h202 {color:#595a5a; font-size:15px; line-height:18px; padding: 0 0 8px 26px; background: url(../images/bl-8.png) 0 3px no-repeat;} .h202 small {font-size:12px; font-weight:normal;} .content a {font-weight:bold;} .div-2, .div-3 {background: #d7e3e9 url(../images/m-2-li.png); padding:10px 10px; margin: 0 -7px 15px;} .h203 { font-size:18px; padding-bottom:0;} .div-2 p { color:#f57e1d; padding-bottom:0;} .ul-1 { font-size:15px; color:#595a5a; padding:0 0 22px; font-weight:bold;} .ul-1 li { padding:0 0 0 25px; margin:0; background:url(../images/bl-8.png) 0 8px no-repeat; list-style-type:none;} .ul-1 li li { background:url(../images/sub_li.png) 0 8px no-repeat; margin:0; padding:0 0 0 11px; line-height:18px;} .ul-1 li ul { margin:0; padding:4px 5px; font-size:12px; font-weight:normal;} .list_r_im { width:210px; float:right;} .ul-1 .spec_show_more { font-size:12px; background:none; font-weight:normal;} .ul-1 .spec_show_more a, .ul-1 .spec_show_more a:visited, .ul-1 .spec_show_more a:hover { font-weight:normal;} .h501 { color:#595a5a; font-size:12px; padding-bottom:7px; font-weight:normal; background:url(../images/bl-10.png) 0 3px no-repeat; padding-left:25px;} .contact_us {display:block; position:relative; text-indent:-9999px; overflow:hidden; background: url(../images/contact_us.png) 0 0 no-repeat; width:137px; height:27px;} .div-3 .contact_us { margin-left:25px;} /* Left Menu */ .h204 { width:164px; height:40px; background:url(../images/what_we_do.png) 0 0 no-repeat; font-size:14px; color:#fff; line-height:40px; text-shadow:1px 1px 1px #717171; padding-left:30px;} .m-2-ul, .m-2-ul ul { padding:0; margin:0;font-size:12px;} .m-2-ul li { padding:0 0 0 18px; margin:0;list-style-type:none; } .m-2-ul a, .m-2-ul a:visited { color:#0073ae; text-shadow:1px 1px 1px #fff; text-decoration:none;background: url(../images/m-2-li.png) repeat 0 0 #D7E3E9; display:block; padding:3px 10px; position:relative; margin-bottom:2px;} .m-2-ul a:hover {color:#0073ae; text-shadow:1px 1px 1px #fff; text-decoration:none;background: url(../images/m-2-li-a.png) repeat 0 0 #f6e4d5;} .m-2-ul .have_sub span { width:7px; height:7px; position:absolute; background:url(../images/plus.png) 0 0 no-repeat; right:10px; top:11px;} .m-2-ul .active a, .m-2-ul .active a:visited, .m-2-ul .active a:hover { color:#f57f1e;} .m-2-ul .active { background:url(../images/bl-9.png) 0 5px no-repeat;} .m-2-ul li ul { padding:10px; display:none;} .m-2-ul li li { padding-left:11px;} .m-2-ul li .active {background:url(../images/bl-9-sm.png) 0 5px no-repeat;} .m-2-ul li li a, .m-2-ul li li a:visited { color:#696969; background:none; font-size:11px; padding:2px 0; margin:0; line-height:normal;} .m-2-ul li li a:hover { background:none; color:#0073ae; text-decoration:underline;} .m-2-ul { margin-bottom:20px;} .nb-1 .bann { margin:0 0 20px;} .nb-2 .el-blog, .nb-2 .bann-2 { float:none; margin:0 0 20px;} .nb-1-buts { margin-bottom:20px; width:100%; overflow:hidden; zoom: 1; position:relative; } .adverti {display:inline-block; *display:inline; zoom: 1; position:relative; text-indent:-9999px; overflow:hidden; background: url(../images/adverti.png) 0 0 no-repeat; width:133px; height:39px;} .nb-1-buts .adverti { display:block; float:left;} .nb-1-buts .signup { float:left; display:block; top:4px;} .shagi { margin-bottom:20px;} .sxema { width:209px; height:194px; background:#f3f7f9 url(../images/bg-3.png) 0 0 repeat; border:1px solid #c0c0c0; border-bottom:0; margin:0 auto; position:relative; text-align:center; padding-top:15px;} .sxema_ar { width:12px; height:6px; position:absolute; left:50%; bottom:0; margin-left:-6px; background:url(../images/bl-3.png) 0 0 no-repeat;} .learn_more2 { width:84px; height:17px; display:block; text-indent:-9999px; overflow:hidden; background: url(../images/learn_more2.png) 0 0 no-repeat;} .learn_more2:hover { background-position:0 -17px;} .sxema .learn_more2 { position:absolute; right:8px; bottom:8px;} .list_1 { padding:10px; color:#797b7b; font-size:11px; border:1px solid #c3c3c3; background:#fff;} .list_1 ul { margin:0; padding:0;} .list_1 li { margin:0; padding:0; list-style:none;} .list_1 .active {color: #F57E1D; font-weight:bold;} .users { width:100%; margin-bottom:20px;} .user_line { background:#fff; overflow:hidden;width:100%;} .u_ava { float:left; display:inline; } .u_desc { width:138px; float:right; border:1px solid #c3c3c3;background:#f3f7f9 url(../images/bg-3.png) 0 0 repeat; padding:5px 5px 5px 10px; font-size:11px; color:#696969; } .u_desc p { padding:0; margin:0; line-height:15px;} .u_desc h4 { font-size:12px; color:#0173b0; padding:0; margin:0;} .u_desc a, .u_desc a:visited, .u_desc a:hover { color:#0173b0;} .nb-2 .el-stats { width:100%; margin-right:0; float:none; margin-bottom:20px;} .p_desc { font-size:11px; line-height:17px; padding:7px;} .share { position:absolute; right:-80px; top:267px; padding:5px; background:#fff;} .no_social .share { display:none;} /* IE CONTAINER FIX */ .ie7 .m-2-ul li .active, .ie7 .m-2-ul li li a, .ie7 .m-2-ul a, .ie7 .ul-1 li, .ie7 .div-1 { height:1%;} .today { margin:0; padding:0; font-size:11px; line-height:18px;} .today li { list-style-type:none; margin:0; color:#777; text-shadow:1px 1px 1px #fff; text-decoration:none;background: url(../images/m-2-li.png) repeat 0 0 #D7E3E9; display:block; padding:5px 10px; position:relative; margin-bottom:2px; overflow:hidden;} .today li:hover {background: url(../images/m-2-li-a.png) repeat 0 0 #f6e4d5;} .t-1 { float:left; width:80px;} .quote_block { width:211px; float:left; margin-bottom:20px;} .quat_m { background:#fff url(../images/bg-5.png); padding:5px 7px; border:1px solid #c0c0c0; border-bottom:0; font-size:21px; color:#f57e1d; font-style:italic; font-family:"Times New Roman", Times, serif; line-height:30px;} .quat_m span { color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; display:block; text-align:right;} .quat_b { height:17px; font-size:0; line-height:0; background:url(../images/quat_b.png) 0 0 no-repeat;} .r_text { float:right; width:220px; margin-bottom:20px;} .col-1 { float:left; width:233px; margin-left:-7px; margin-bottom:20px;} .col-2 { float:right; width:233px; margin-bottom:20px;margin-right:-7px;} .col-2 .div-2, .col-1 .div-2 { margin-left:0; margin-right:0;} .int_cont { padding:0 7px;} .div-2-wrap { margin-bottom:1px;} .table-2 { width:103%; border:0; border-collapse:collapse; margin-bottom:20px; margin:0 0 20px -7px;} .table-2 th { padding:5px 10px; border:1px solid #c2c2c3; border-left-style:dashed;border-right-style:dashed; color:#fff; background:#0073ae; text-align:left; font-weight:normal; border-left-color:#055882;border-right-color:#055882;} .odd td { background:#fff;} .even td {background:#f6f6f6;} .table-2 td { padding:5px 10px; border:1px solid #c2c2c3; border-left-style:dashed;border-right-style:dashed; } .td-l { border-left-style:solid !important; border-left-color:#c2c2c3 !important;} .td-r { border-right-style:solid !important; border-right-color:#c2c2c3 !important;} .as_list { font-size:12px; padding-bottom:0; line-height:17px; padding-left:40px;} .as_list a, .as_list a:visited, .as_list a:hover { color:#0073ae; font-size:12px; font-weight:normal;} .lm-2 { position:relative; left:0; top:0; float:right; margin-top:5px; display:block; z-index:2;*margin-right:10px;} .la_1 { color:#f57e1d; font-size:12px; font-weight:bold; position:relative; vertical-align:top;*top:4px;} .div-2-a { padding-bottom:4px;*padding-bottom:10px;} .look-wrap2 { float:none; width:auto; margin:0 -7px 20px;} .look-wrap2 .legend-wrap { margin-left:0;} .look-wrap2 .look-img { text-align:center; padding-left:0;} .look-wrap2 .look { width:299px; height:42px; background:url(../images/headline-2.jpg) 0 0 no-repeat; *margin-left:-7px;} .signup4 { width:142px; height:41px; background:url(../images/signup4.png) 0 0 no-repeat;} .signup4:hover { background-position:0 -41px;} .try { width:142px; height:41px; background:url(../images/try.png) 0 0 no-repeat;} .try:hover { background-position:0 -41px;} .look-wrap2 .signup4, .look-wrap2 .try { float:left; margin-left:-7px;} .img2 { text-align:center; background:#fff; } .img2 img { float:none;} /* FORM */ .form { background:#fff; margin:0 -7px; padding:10px; border:1px solid #c5c6c6;} .form-wrap { margin-bottom:20px;} .h601 { font-size:18px; color:#0073ae; font-weight:normal;} .req { float:right; text-shadow:1px 1px 1px #ccc; padding-right:10px;} .req_1 { background:url(../images/req_1.png) 0 50% no-repeat; padding-left:20px; font-size:12px;white-space:nowrap; } .s_line { padding:2px 0;} .s_line label { width:130px; float:left; display:block; padding-top:8px;} .s_col_2 { float:left; width:239px;} .s_zone {background:#f3f7f9 url(../images/bg-3.png) 0 0 repeat; border:1px solid #c0c0c0; padding:3px; position:relative; width:231px; float:left;} .s_line p.small { padding-bottom:0;text-shadow:1px 1px 1px #ccc;} .s_inp { width:190px; height:20px; background:url(../images/inps.png) 0 0 no-repeat; overflow:hidden; padding:5px;} .inp_1 { width:100%; border:0; background:none; height:20px; line-height:20px; margin:0; padding:0;} .req_2 { width:12px; height:11px; font-size:0; line-height:0; display:block; position:absolute; right:12px; top:12px; background:url(../images/req_2.png) 0 0 no-repeat; } .section { padding-bottom:30px;} .sm_label { color:#b7c5cc; font-size:12px;} .error label { color:#f07c1c; font-weight:bold;} .error .s_inp { background-position:0 -30px;} .but_field { padding-left:130px; padding-top:10px;} .but_field .signup { float:left; display:block;} .but_field .cont_f { float:left; margin:0 0 0 15px; font-size:11px; font-weight:normal; color:#696969;text-shadow:1px 1px 1px #ccc; } .h602 { color:#0073ae; font-size:12px; padding-bottom:0;} .hint p { padding:0; font-size:11px; line-height:15px;} .n_no { float:left; width:57px; height:30px; line-height:30px; text-align:center; display:block; color:#696969 !important; text-decoration:none !important; background:url(../images/n_no.png) 0 0 no-repeat; margin-right:5px;} .n_yes, .n_no:hover { float:left; width:57px; height:30px; line-height:30px; text-align:center; display:block; color:#fff !important; text-decoration:none !important; background:url(../images/n_yes.png) 0 0 no-repeat; margin-right:5px;} .hint { position:absolute; z-index:5; width:155px; top:23px; left:10px;} .hint_top { height: 16px; font-size:0; line-height:0; background:url(../images/hint_top.png) 0 0 no-repeat;} .hint_bot { height: 18px; font-size:0; line-height:0; background:url(../images/hint_bot.png) 0 0 no-repeat;} .hint_mid { background:url(../images/hint_mid.png) 0 0 repeat-y; padding:0 20px;} .hint-active { z-index:2;}