/* --~---~-- RESET --~---~-- */ body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} input, select {font-family: Arial, Tahoma, sans-serif; font-size:11px;padding:2px;} fieldset {border:0;} /* --~---~-- LAYOUT --~---~-- */ body, html {padding:0; margin:0;} body {background:#fff; font-family: Tahoma,Arial,sans-serif; font-size:12px; color:#000; text-align:left; } #wrapper {width:960px; margin:0 auto;} #header {margin:0 auto;overflow:hidden; height:52px;background:url(/img/header-bcg.png) no-repeat 0 0; padding:0 25px;} .clear {clear: both;margin: 0;padding: 0;} #footer {clear: both; width:930px; height:46px; color:#525252; padding:27px 15px 0 15px; margin: 0 auto; background: #303030 url(/img/footer-bcg.png) no-repeat 0 100%; margin:0 0 20px 0;} /* --~---~-- GENERIC STYLES --~---~-- */ h1, h2 {font-size:24px;font-family:Tahoma, Arial, serif; padding-bottom:3px; margin-bottom:8px;font-weight:400; } h1 a, h2 a {color:#000;} h2 a:hover {text-decoration:none;color:#000;} h3 {font-weight:bold;color:#333;padding-bottom:10px; font-size:14px;} /* headers end*/ object {outline: none;} p {margin: 12px 0; display:block; text-align:justify;} p.error {color:#ff0000;margin:0;} a {text-decoration:underline;color:#000;} a:hover {text-decoration:underline;color:#000;} a:active {outline: none;} a:focus {-moz-outline-style: none;} a img {border:0;} a.btn {cursor: pointer; text-decoration:none;} a.btn.gray {background: url(/img/user-gray-btn.png) no-repeat 0 0; padding:0 0 0 10px;display:block; height:26px; float:left;margin:5px 8px 0 0; color:#797979;} a.btn.gray span {background: url(/img/user-gray-btn.png) no-repeat 100% 0; padding:5px 10px 0 0; display:block; height:21px; float:left;} a.btn.gray:hover {background: url(/img/user-gray-btn.png) no-repeat 0 -26px; text-decoration:none;} a.btn.gray:hover span {background: url(/img/user-gray-btn.png) no-repeat 100% -26px;} a.btn.gray:active {background: url(/img/user-gray-btn.png) no-repeat 0 100%;} a.btn.gray:active span{background: url(/img/user-gray-btn.png) no-repeat 100% 100%;} /* --~---~-- GENERIC FORM --~---~- */ form {overflow:hidden;display:block;} form fieldset {display: block;} form fieldset legend {font-style:italic;} input, form select {margin: 0} input {padding: 3px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;} textarea {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;font-family:Arial;font-size:12px;} form label {clear:left; float:left; display:block; font-weight:bold; width: 150px;} form label input, form label textarea, form label select {float: right;} select {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;} fieldset select optgroup{ font-style: normal; font-weight: bold } form ul {list-style-type: none; margin: 0; padding: 0; } /* --~---~-- HEADER --~---~-- */ #header h1 {float:left; color:#fff; font-size:13px; font-weight:bold;padding:20px 0 0 6px;} #header a img.logo {border:0; padding:17px 0 0;float:left;} #header #top-nav {float:right; width:auto; color:#d2d2d2; padding-top:20px; text-align:right} #header #top-nav a {color:#d2d2d2; text-decoration: none;} #header #top-nav a.lock {background: url(/img/lock.png) no-repeat 0 0; padding:0 0 3px 20px;} #header #top-nav a.play {background: url(/img/play.png) no-repeat 0 0; padding:0 0 3px 20px;} /* --~---~-- BODY TOP --~---~-- */ #body-top {height:427px; border-top:1px solid #fff; padding:0 35px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;border-left:1px solid #ccc;background: url(/img/bodytop-bcg.png) repeat-x 0 100%;} #body-top .welcome {width:250px;float:left; margin:65px 0 0 0; font-size:11px; text-align:left;} #body-top .welcome p span {font-weight:bold; font-size:14px; display:block;} #body-top.info {height:auto; border-bottom:1px solid #ccc;} #body-top.info h2 {margin:20px 0;} #body-top .title {width:600px; height:50px; margin:16px 0 0 156px; float:left;} #body-top .player {width:468px; height:246px; margin:39px 0 0 156px; float:left;} #body-top .player-blog .player h2 {float:left; color:#383838; margin:0 0 53px 35px;} #body-top .player-blog .player span {float:left; color:#383838; font-size:14px;padding:8px 0 0;} #body-top .player-product {background: url(/img/player-product.jpg) no-repeat 0 0; width:781px; height:385px;margin:21px auto 0;} #body-top .player-product .ss {width:573px; height:300px; clear:both; margin:0 0 0 17px;} #body-top .player-product a.video {text-align:center; width:573px;display:block;padding-left:18px;} #body-top .player-browse a.video {text-align:center; width:534px;display:block; height:300px; background-repeat:no-repeat;} #body-top .player-product h2 {float:left; color:#383838; font-size:24px; margin:15px 0 23px 25px;} #body-top .player-product span, #body-top .player-browse span {color:#383838; font-size:14px; float:left; margin:22px 0 0 5px;} #body-top .player-browse {background: url(/img/mateusz.jpg) no-repeat 100% 0; width:631px; height:375px;margin:21px auto 0; padding:0 150px 0 0;} #body-top .player-browse h2 {float:left; color:#383838; font-size:24px; margin:15px 0 5px 55px;} #body-top .player-container {background: url(/img/player-browse.png) no-repeat 0 0; width:571px; padding:18px 0 0 19px;margin:0 0 0 37px; height:333px; clear:both;} /* --~---~-- BODY CONTENT --~---~-- */ #body-content {margin-top:7px; overflow:hidden;background:url(/img/pagenav-bcg.png) no-repeat 100% 0;border-bottom:1px solid #ccc;} #body-content.promo {background:url(/img/promopagenav-bcg.png) no-repeat 100% 0;} #body-content-plain {margin-top:15px; overflow:hidden;border-bottom:1px solid #ccc;} #content {float:right;width:757px;background:url(/img/border.gif) repeat-y 100% 68px;} #nav {width:203px;background:url(/img/nav-bcg.png) no-repeat 0 0;float:left;} #nav .search {height:19px; padding:15px; background:url(/img/nav-bcg.png) no-repeat 0 -49px; border-bottom:1px solid #ccc;} #nav .search fieldset {border:0;} #nav .search label {height:19px;width:180px;} #nav .search label input {background: url(/img/search-bcg.png) repeat-x 0 0; border:0; width:143px; float:left; padding:2px 11px 0 26px; height:17px;} #nav .title {height:35px; font-size:14px;padding:15px 0 0 15px;} #nav ul.nav {list-style-type:none;margin:0;padding:0;border-bottom:1px solid #ccc;} #nav ul.nav li a {font-size:14px;color:#000; background:url(/img/navitem-bcg.png) no-repeat 0 0; display:block; width:170px; height:24px; padding:7px 0 0 34px;} #nav ul.nav li a:hover, #nav ul.nav li a.s {background:url(/img/navitem-bcg.png) no-repeat 0 100%;} #nav ul.nav li.newest a {font-weight: bold; text-decoration: none; color:white; background:url(/img/navitem-newest-bcg.png) no-repeat 0 0; } #nav ul.nav li.newest a:hover, #nav ul.nav li.newest a.s {background:url(/img/navitem-newest-bcg.png) no-repeat 0 100%;} #nav ul.nav li.l2 a {background:url(/img/navitem-bcg-l2.png) no-repeat 0 0; padding:7px 0 0 44px; } #nav ul.nav li.l2 a:hover, #nav ul.nav li.l2 a.s {background:url(/img/navitem-bcg-l2.png) no-repeat 0 100%;} #nav .seealso {padding:25px 26px 0 34px; border-left:1px solid #ccc; overflow:hidden;} #nav .seealso p.title {padding:0;margin:0 0 18px;font-size:13px; font-weight:bold;} #nav .seealso ul {list-style-type:none;margin:0; padding:0;} #nav .seealso ul li {margin-bottom:15px;} #nav .seealso ul li p {font-size:11px;margin:0;} #nav .seealso ul li a {font-size:11px;font-weight:bold;color:#000;} /* --~---~-- PAGE CONTENT --~---~-- */ #page-nav {width:735px; min-height:25px; padding:0 0 0 20px; overflow:hidden;} #page-nav ul {list-style-type:none; margin:0;padding:0;} #page-nav ul li {float:left;} #page-nav ul li.active {background:url(/img/pagenav-active.png) no-repeat 50% 0;} #page-nav ul li a {font-size:14px; font-weight:bold;color:#000; display:block; height:50px; margin:0 10px; padding:15px 0 0 0;} #page-nav span.title {font-size:14px; font-weight:bold; padding:15px 0 0 10px; background:url(/img/pagenav-active.png) no-repeat 10px 0; float:left; display:block; height:50px;} #page-nav a.more {float:right; display:block; background: url(/img/bullet-black.png) no-repeat 0 17px; padding:15px 25px 0 12px; font-size:11px; color:#000;} #page-content {border-left:1px solid #ccc; overflow:hidden; width:746px; padding:0 0 10px 10px; position:relative;} #page-content.user {padding:10px 24px 0 30px; width:690px;} #page-content ul.thumbs {list-style-type:none;margin:20px 0 12px; width:500px;} #page-content ul.thumbs li {overflow:hidden;margin-bottom:15px;} #page-content ul.thumbs .player {float:left; width:223px; height:171px; background: url(/img/product-thumb-bcg.png) no-repeat 0 0; padding: 12px 0 0 12px;} #page-content ul.thumbs .player img {width:200px; height:148px;} #page-content ul.thumbs ul {list-style-type:none;margin:12px 0 0 238px; padding:0;} #page-content ul.thumbs ul li {margin:0;} #page-content ul.thumbs ul li.title {margin:0 0 10px 0;} #page-content ul.thumbs ul a.title {font-size:22px; color:#000; text-decoration:underline;} h2.titlel {float:left; width:330px; padding-left:20px; padding-top: 8px;} h2.titler {float:right; width:350px; padding-top: 8px;} #page-content.browse .bundle {width:672px;margin:20px 20px 10px;} #page-content.browse .bundle td { height:120px; background: url(/img/bundle.jpg) no-repeat 0 0; padding:0 0 0 52px; vertical-align:top;} #page-content.browse .bundle td img {float:left; margin:21px 30px 0 0; width:120px; height:87px;} #page-content.browse .bundle td p.title {margin:10px 0 8px;} #page-content.browse .bundle td p.title a{font-size:16px; font-weight:bold; text-align:left; color:#383838;} #page-content.browse .bundle p.time { color:#999; font-size:12px; margin:0;} #page-content.browse .bundle p.descr {float:left; width:300px;} #page-content.browse .bundle td p.save {color:#fff; font-size:12px; float:right;margin:30px 0 0; width:140px; padding-left:10px; text-align:left;} #page-content .product-thumb {float:left; width:350px; margin:10px 0 20px 0;} #page-content .product-thumb td {padding:10px 20px 0 20px; vertical-align:top; width:350px;} #page-content .product-thumb a.preview {float:left; margin:0 10px 0 0; background: url(/img/product-thumb-bcg.png) no-repeat 0 0; padding:8px; position:relative;} #page-content .product-thumb a.preview img {width:110px; height:80px;} #page-content .product-thumb p.title {font-size:14px; font-weight:bold; margin:5px 0; text-align:left;} #page-content .product-thumb p.time { color:#999; font-size:11px; margin:0 0 5px;} #page-content .product-thumb span.liveSticker { display: inline; color:#999; margin:5px 0 5px 0; color: white; background-color: #B61600; font-size:10px; font-weight: bold; padding: 2px 5px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;} /*{ width: 100px; height: 20px; color: white; background-color: #B61600; font-size:10px; font-weight: bold;margin-left: 15px; padding: 1px 5px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}*/ #page-content.browse .product-thumb p.descr {font-size:11px; margin:0 0 5px 136px; text-align:left;} #page-content.browse .product-thumb p.cat {font-size:11px; font-weight:bold; text-align:left; margin:0;} #page-content.browse .product-thumb p.cat a {color:#000;} .purchased {margin:20px 0 0 20px; width:100%;border-collapse: separate; border-spacing: 15px;} .purchased td {padding:0 0 15px; border-bottom:1px solid #ccc;} .purchased a {text-decoration:none;} .purchased a.preview {float:left; margin:0 10px 0 0; background: url(img/product-thumb-bcg.png) no-repeat 0 0; padding:8px;} .purchased a.preview img {width:110px; height:80px;} .purchased td p.title {font-size:14px; font-weight:bold; margin:5px 0; text-align:left;} .purchased td p.time { color:#999; font-size:11px; margin:0 0 24px;} .purchased td a.blue {background:url(img/user-blue-btn.png) no-repeat 0 0; display:block; height:26px; padding:0; float:left; margin: 0 10px 0 0; width:164px; text-indent:-2000px;} .purchased td a.grey {background:url(img/user-gray-btn.png) no-repeat 0 0; display:block; height:26px; padding:0 0 0 10px; float:left; margin: 0 10px 0 0;} .purchased td a.grey span {background:url(img/user-gray-btn.png) no-repeat 100% 0; padding: 5px 10px 0 0; height:21px; display:block;} .purchased td a.grey:hover {background-position: 0 -26px;} .purchased td a.grey:hover span {background-position: 100% -26px;} /* preview page */ #page-content h2.product {margin:25px 0 0 20px;clear:both;width:450px;} #page-content h2.product span {display: inline; color:#fff; margin:5px 0 5px 0; color: white; background-color: #83c906; font-size:10px; font-weight: bold; padding: 2px 5px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;} #page-content .det {min-height:80px; list-style-type:none; padding: 0 0 0 20px; margin:auto 0; position:absolute; top:60px;} #page-content .set {padding:0 0 0 20px; margin-top:10px;} #page-content .set ol {margin:0;padding:0 0 0 20px;} #page-content .set ol li {margin:3px 0;} #page-content .prod-descr {padding:115px 75px 0 20px;} #page-content .prod-descr.p {padding-top:140px;} #page-content .prod-descr.b {padding-top:140px;} #page-content .buy {float:right; width:200px; position:absolute; top:20px;right:75px; text-align:center;} #page-content .buy p.price {font-size:32px; text-align:center; margin:0;} #page-content .buy p.price.p {color:#ff0000;} #page-content .buy p.promo { text-align:center;font-size:14px;margin:0;} #page-content .buy p.promo span {text-decoration: line-through;font-size:18px;} #page-content .buy span {display:block; text-align:center; margin:0 auto 12px;} #page-content .buy a {background: url(/img/buy-btn.png) no-repeat 0 0; margin:0 auto 3px; display:block; height:31px; width:158px; text-align:center; font-size:14px; font-weight:bold; color:#000; padding-top:13px;} #page-content .buy span.info {font-weight:bold; font-size:11px;} #page-content .comments {padding-right:75px;} #page-content .comments h3 {padding:8px 0 3px 0; font-size:16px;} #page-content .comments ol {padding-left:20px;} #page-content .bundlethumb-outer {background:url(/img/bundlethumb-bcg.png) no-repeat 0 0;padding-top:15px;width:647px;margin: 0 0 10px 0;} #page-content .bundlethumb-inner {background:url(/img/bundlethumb-bcg.png) no-repeat 0 100%; overflow:hidden; padding:0 15px 15px; color:#373737;} #page-content .bundlethumb-inner .preview {float:right; display:block; width:250px; height:188px; padding:10px 0 0 10px; background:url(/img/bundlethumb.gif) no-repeat 0 0;} #page-content .bundlethumb-inner h3 {font-weight:normal; font-size:18px;} #page-content .bundlethumb-inner .ss{width:240px; height:178px;} #page-content .bundlethumb-inner .ss a.video{text-align:center; width:240px;display:block;} #page-content .bundlethumb-inner ul.dets {padding:0; margin:0;} #page-content .bundlethumb-inner div.descr {width:340px; overflow:hidden;} #page-content .bundlethumb-inner a.more {font-weight: bold; color:#333;} div.media, div.comments {padding:0 75px 0 20px;} ul.media {width:410px; text-align:left; margin:0 0 10px 20px; padding:0;} ul.media li { border-bottom:1px solid #e5e5e5;} ul.media li span {font-size:11px; color:#666; float:right;} ul.media li {background: url(/img/icons/default_doc.png) no-repeat 0 0;padding-left:25px;} ul.media li.word {background-image: url(/img/icons/word.png);} ul.media li.excel {background-image: url(/img/icons/excel.png);} ul.media li.ppt {background-image: url(/img/icons/ppt.png);} ul.media li.pdf {background-image: url(/img/icons/pdf.png);} ul.media li.zip {background-image: url(/img/icons/zip.png);} ul.media li.jpg, .extras td.png, .extras td.gif {background-image: url(/img/icons/img.png);} /* --~---~-- BODY BOTTOM --~---~-- */ #body-bottom {background:#303030 url(/img/header-bcg.png) no-repeat 0 0; margin:7px 0 0 0; padding:0 0 35px 0; border-bottom:1px solid #000;} .footNotes td {padding:0 15px; width:210px; vertical-align:top;} .footNotes p.title {font-size:13px; font-weight:bold; margin:18px 0;} .footNotes p {font-size:11px; color:#fff; margin-top:40px; text-align:left;} .footNotes a.more {background: url(/img/bullet.png) no-repeat 0 50%; padding:0 0 0 12px; color:#fff; font-size:11px;} /* --~---~-- FOOTER --~---~-- */ #footer .nav {margin:0; padding:0; list-style-type:none;} #footer .nav li {float:left;} #footer .nav li a {display:block; padding:0 5px; color:#5f5f5f; font-size:13px; font-weight:bold;} #footer p.copy {float:right; margin:0; font-size:13px; font-weight:bold; text-align:right;} #footer p.copy a {color:#525252; text-decoration:none; font-weight:normal;} /* --~---~-- BLOG --~---~-- */ #body-top .player-blog {background: url(/img/player-home.jpg) no-repeat 0 0; overflow:hidden; min-height:370px; margin:20px 0 0 11px;} #body-top .player-blog .details {float:right; width:250px;margin-top:32px;} #body-top .player-blog ul {list-style-type:none; margin:0; padding:0;} #body-top .player-blog ul li {margin-bottom:5px;} #body-top .player-blog ul li.comment {margin:20px 0 0; width:250px;} #body-top .player-blog ul li.comment i{display:block; margin:0 0 10px;} #body-top .player-blog ul li a {font-weight:bold; color:#000;} #page-content.blog {background:url(/img/blognav-bcg.png) no-repeat 100% 0; border:0;} #page-content.blog #body-nav {height:30px;} #page-content.blog #page-content {border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; width:710px; padding:0 35px 0 10px;} #page-content.blog #page-content ul.thumbs {list-style-type:none;} #page-content.blog #page-content ul.thumbs li {overflow:hidden;margin-bottom:40px;} #page-content.blog #page-content ul.thumbs .player {float:left; width:334px;} #page-content.blog #page-content ul.thumbs ul {list-style-type:none;margin:0 0 0 353px; padding:0;} #page-content.blog #page-content ul.thumbs ul li {margin:0;} #page-content.blog #page-content ul.thumbs ul a.title {font-size:24px; color:#000;} #page-content.blog #page-content ul.paging {list-style-type:none;float:right;} #page-content.blog #page-content ul.paging li {float:left;padding: 0 2px; font-weight:bold;} #page-content.blog #page-content ul.paging li a {color:#000;} #body-content.blog { background:url("/img/blog/blognav-bcg.png") no-repeat scroll 100% 0 transparent; border:0 none; } #body-content.blog #body-nav { height:25px; } #body-content.blog #page-content { border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:0 35px 0 10px; width:710px; } #body-content.blog #page-content ul.thumbs { list-style-type:none; margin:20px 0 12px; } #body-content.blog #page-content ul.thumbs li { margin-bottom:15px; overflow:hidden; } #body-content.blog #page-content ul.thumbs .player { background:url("/img/blog/thumb-border.png") no-repeat scroll 0 0 transparent; float:left; height:135px; padding:12px 0 0 12px; width:220px; } #body-content.blog #page-content ul.thumbs ul { list-style-type:none; margin:12px 0 0 238px; padding:0; } #body-content.blog #page-content ul.thumbs ul li { margin:0; } #body-content.blog #page-content ul.thumbs ul li.title { margin:0 0 10px; } #body-content.blog #page-content ul.thumbs ul a.title { color:#000000; font-size:22px; } #body-content.blog #page-content .paging ul { float:right; list-style-type:none; } #body-content.blog #page-content .paging ul li.active_page { font-weight:normal; } #body-content.blog #page-content .paging ul li { float:left; font-weight:bold; padding:0 2px; } #body-content.blog #page-content .paging ul li a { color:#000000; } #body-content.blog #page-content .postnav { font-weight:bold; margin:30px 0 20px; overflow:hidden; } #body-content.blog #page-content .postnav .alignleft { float:left; } #body-content.blog #page-content .postnav .alignright { float:right; } #body-content.blog #page-content .comments { clear:both; margin:20px 0 0; padding:0 0 0 20px; } #body-content.blog #page-content .comments h2 { padding-left:0; } #body-content.blog #page-content h2 { margin: 5px 0; } /* --~---~-- MESSAGE --~---~- */ div.message {position: relative;margin: 10px 0 15px 0;padding: 0;border: 1px solid;background-position: 10px 11px !important;background-repeat: no-repeat !important;font-size: 13px;width: 99.8%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;} div.message.attention {background: #fffbcc url('http://www.ementor.pl/img/author/icons/exclamation.png') 10px 11px no-repeat;border-color: #e6db55;color: #666452;} div.message.information {background: #c0f2ff url('http://www.ementor.pl/img/author/icons/information.png');border-color: #97d9eb;color: #585b66;} div.message.success {background: #d5ffce url('http://www.ementor.pl/img/author/icons/tick_circle.png');border-color: #9adf8f;color: #556652;} div.message.error {background: #ffcece url('http://www.ementor.pl/img/author/icons/cross_circle.png');border-color: #df8f8f;color: #665252;} div.message div {display:block;font-style:normal;padding: 10px 10px 10px 36px;line-height: 1.5em;} div.message .close {color:#990000;font-size:9px;position:absolute;right:5px;top:5px;} div.message.error a {color: #000;} div.message a {font-weight: bold} ul.message { list-style-type: disc;margin-left:20px;} ul.message li {margin-bottom:5px} /* --~---~-- USER PANEL --~---~- */ /* tab pane */ div.css-panes div.pane {display:none;border-top:1px solid #666;border-width:0 1px 1px 1px;min-height:150px;padding-left:1px;background-color:white;} /* --~---~-- Tooltips --~---~- */ form p.description { display:none; background:url(http://www.ementor.pl/img/tooltip/bubble.png) no-repeat 0 0; height:71px; /* 109 */ padding:10px 10px 10px 20px; width:176px; /* 209 */ font-size:11px; color:#fff; line-height:1.2em; } /* --~---~-- LIVE TEST --~---~- */ #body-content.blog #page-content div.livetest { margin: 10px 0 15px 0; border: 1px solid; padding: 10px 15px 10px 43px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; line-height: 120%; } #body-content.blog #page-content div.livetest.ok{ background: #d5ffce url(http://www.ementor.pl/img/icons/clean.png) 5px 3px no-repeat scroll; border-color: #9adf8f; color: #556652; } #body-content.blog #page-content div.livetest.warning{ background: #fffbcc url(http://www.ementor.pl/img/icons/warning_32.png) 5px 3px no-repeat scroll; border-color: #e6db55; color: #666452; } #body-content.blog #page-content div.livetest.wait{ background: #F0F0F0 url(/img/icons/loader.gif) 5px 4px no-repeat scroll; border-color: #ccc; color: black; }