/* COMMON STYLE --------------------------------------------------------- */ body { color: #727272; background:url(../images/subtle-pattern-body-bg.jpg) repeat #f1efe0; font-family:Arial, Helvetica, sans-serif; } body#bd { background:url(../images/subtle-pattern-body-bg.jpg) repeat #f1efe0; color: #727272; font-size:12px; } /* Normal links ---*/ a { color: #3B3B3B; text-decoration: none; } a:hover { color:#828282; text-decoration:none;} a:hover, a:active, a:focus { text-decoration: none;} /* Readon links ---*/ a.readon { text-transform: uppercase; } .contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#232323; } h1.componentheading, .componentheading { font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; font-weight: bold; font-size:28px; padding:0; margin:30px 0px 25px 20px; line-height: 1.2; } h2.contentheading, .contentheading { font-weight: normal; } h1{ font-size:24px;} .contentheading { font-size: 200%; } .blog-featured .contentheading { font-size: 150%; } .jitem-title { font-size: 110%; font-weight: bold; } p{margin:15px 0px;} /* Others ---*/ hr { border-top: 1px solid #ccc; } .green_px{ color:#7A8A00;} /* FORM --------------------------------------------------------- */ select, textarea, .inputbox { padding: 2px; font-family:Arial, Helvetica, sans-serif; } .inputbox, input[type=text], input[type=password] { font-family:Arial, Helvetica, sans-serif; padding:6px 5px 6px 5px; width:176px; color:#727272; border:1px solid #dfdcd0; border-top:1px solid #dad6c9; border-bottom:1px solid #e5e1d7; -moz-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); background: #f9f7ef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f7ef), to(#fefefd)); background: -moz-linear-gradient(top, #f9f7ef, #fefefd); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } input[type=button], input[type=submit] { line-height:1.4; } #jac-wrapper li.buttons input[type=button], #jac-wrapper li.buttons input[type=submit]{ line-height:1.4; } #ja-search .inputbox:focus { background: #FFF; } .column { float: left; overflow:visible; } .inputbox:hover, input[type=text]:hover, input[type=password]:hover, .inputbox:focus, input[type=text]:focus, input[type=password]:focus { background: #FFF; } /* Search ---*/ form#searchForm { border-top: 1px solid #ccc; } .searchintro { } .results h4 { text-transform: none; font-size: 110%; } /* Search Ajax ---*/ #ja-search #ajax-search-button127 { display:none;} #ja-search input#search-area127 { font-family:Arial, Helvetica, sans-serif; padding:6px 30px 6px 10px; color:#727272; font-size:12px; border:1px solid #dfdcd0; border-top:1px solid #dad6c9; border-bottom:1px solid #e5e1d7; -moz-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); background: #f9f7ef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f7ef), to(#fefefd)); background: -moz-linear-gradient(top, #f9f7ef, #fefefd); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; line-height:1.4; } #ja-search input#search-area127:focus, #ja-search input#search-area127:hover { background: #FFF; } #ja-search input#suggestion-area127{ padding:6px 30px 6px 10px; } #ja-search #offlajn-ajax-search127 .offlajn-ajax-search-container { background-color:transparent;} #ja-search #offlajn-ajax-search127 .offlajn-ajax-search-container.active{ background-color:transparent; } #search-form127 #search-area-close127 { background: url(../images/close-search.png) no-repeat center center; } .bd #search-results127 { margin-top:15px; } .bd #search-results-moovable127{ border:none; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; -webkit-box-shadow:0px 3px 2px 0px rgba(0,0,0,0.2); box-shadow:0px 3px 2px 0px rgba(0,0,0,0.2); } .bd #search-results127 .plugin-title { border-top:none; line-height:32px;} .bd #search-results-moovable127 { border-top:none;} .bd #search-results127 .pager { cursor:pointer; width: 16px; height: 17px; background: url(../images/dot-search-sprite.png) no-repeat; background-position: 0px -17px; } .bd #search-results127 .pager:hover { background: url(../images/dot-search-sprite.png) no-repeat; background-position: 0px -34px; } .bd #search-results127 .pager.active { background: url(../images/dot-search-sprite.png) no-repeat; background-position: 0px 0px; } .bd #search-results127 .result-element img { padding: 10px 20px 0px 20px; } .bd #search-results127 .result-element { -webkit-box-shadow: inset 0px 1px 0px 0px #fefdfc; box-shadow: inset 0px 1px 0px 0px #fefdfc; } .bd #search-results127 .result-element:hover span { color:#716f6f;} .bd #search-results127 .result-products span { margin-top: 14px; margin-right:0px; margin-left:0; padding-right:14px;} .bd #search-results127 .result-element span.small-desc { margin-top: 2px; margin-left:0;} .bd #search-results127 .seemore { padding-top: 10px; padding-bottom: 10px; cursor: default; border-top: 1px solid #ece7df; -webkit-box-shadow: inset 0px 1px 0px 0px #fefdfc; box-shadow: inset 0px 1px 0px 0px #fefdfc; background-color: #fbf7f2; text-align: center; padding-right: 10px; } /* Contact ---*/ #component-contact #emailForm { border-top: 1px solid #ccc;} /* JOOMLA STYLE --------------------------------------------------------- */ /* Layout Deco ---*/ .items-leading { } .items-row { } /* Meta ---*/ dl.article-info { color: #999; text-transform: uppercase; } .contentdescription { } /*Inline images ---*/ p.img_caption { color: #999; text-transform: uppercase; } /* Tables ---*/ thead tr th { background: #333; color: #fff; padding: 5px; } thead tr th a, thead tr th a:hover, thead tr th a:focus, thead tr th a:active { color: #fff; } .cat-list-row1, .cat-list-row12, tr.cat-list-row1 td, tr.cat-list-row2 td { padding: 5px; } .cat-list-row1:hover, .cat-list-row2:hover { background: #ffffcc; } .cat-list-row2, tr.cat-list-row2 td { background-color: #f6f6f6; } /* Content Toc */ table.contenttoc { border: 1px solid #ccc; } table.contenttoc td { border-bottom: 1px dotted #ccc; } table.contenttoc th { background: #f6f6f6; text-transform: uppercase; } /* Poll */ form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; } dl.poll { border-bottom: 1px dotted #ccc; } table.pollstableborder td { background: #f6f6f6; font-weight: bold; padding: 5px !important; } table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; } /* Pagination */ .pagination ul {padding:0; float:right; margin:0;} .pagination ul li { background: none; display:block; float: left; margin: 0; padding: 0; } .pagination ul li.pagination-prev span { text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; background: url(../images/big-sprite.png) no-repeat -199px 0px; width:6px; height:11px; display:inline-block; cursor:pointer;} .pagination ul li.pagination-prev a{ background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #e5e2d7; border-bottom-color: #dad6c9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); cursor: pointer; padding: 7px 10px 6px 10px; margin:0px 2px 0px 2px; display:block; } .pagination ul li.pagination-prev a:hover, .pagination ul li.pagination-prev a:focus, .pagination ul li.pagination-prev a:active { padding: 7px 10px 6px 10px; margin:0px 2px 0px 2px; } .pagination ul li.pagination-prev span:hover{} .pagination ul li.pagination-prev span.pagenav { width:6px; height:11px; background:url(../images/big-sprite.png) no-repeat -190px 7px #f3efe5; background:url(../images/big-sprite.png) no-repeat -190px 7px -webkit-gradient(linear, left top, left bottom, from(#f3efe5), to(#f3efe5)); background:url(../images/big-sprite.png) no-repeat -190px 7px -moz-linear-gradient(top, #f3efe5, #f3efe5); border: 1px solid #e8e4d9; border-top-color: #e0dcd0; border-bottom-color: #edeae0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); padding: 7px 10px 6px 10px; margin:0px 2px; cursor: default; display: inline-block; } .pagination ul li.pagination-prev { margin:0px 0px 0px 0px; } .pagination ul li.pagination-next span {text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; background: url(../images/big-sprite.png) no-repeat -235px 0px; width:6px; height:11px; display: inline-block; cursor:pointer;} .pagination ul li.pagination-next { margin:0px 0px 0px 0px;} .pagination ul li.pagination-next a{ background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #e5e2d7; border-bottom-color: #dad6c9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); cursor: pointer; padding: 7px 10px 6px 10px; margin:0px 2px; display:block; } .pagination ul li.pagination-next a:hover, .pagination ul li.pagination-next a:focus, .pagination ul li.pagination-next a:active { padding: 7px 10px 6px 10px; margin:0px 2px 0px 2px; } .pagination ul li.pagination-next a:focus, .pagination ul li.pagination-next a:active, .pagination ul li.pagination-prev a:focus, .pagination ul li.pagination-prev a:active { border: 1px solid #e8e4d9; border-top-color: #e0dcd0; border-bottom-color: #edeae0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); padding: 7px 10px 6px 10px; } .pagination ul li.pagination-next span:hover{} .pagination ul li.pagination-next span.pagenav { width:6px; height:11px; background:url(../images/big-sprite.png) no-repeat -225px 7px #f3efe5; background:url(../images/big-sprite.png) no-repeat -225px 7px -webkit-gradient(linear, left top, left bottom, from(#f3efe5), to(#f3efe5)); background:url(../images/big-sprite.png) no-repeat -225px 7px -moz-linear-gradient(top, #f3efe5, #f3efe5); border: 1px solid #e8e4d9; border-top-color: #e0dcd0; border-bottom-color: #edeae0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); padding: 7px 10px 6px 10px; margin:0px 2px; cursor: default; } .pagination ul li a { color:#727272; padding: 2px 8px 1px 8px; font-weight:normal; margin:2px 2px 0px 2px; display:block; } .pagination ul li.pagination-end a { padding: 4px 7px; margin:0px 0px 0px 2px; } .pagination ul li.pagination-end a:hover, .pagination ul li.pagination-end a:focus, .pagination ul li.pagination-end a:active { padding: 3px 6px; margin:0px 0px 0px 2px; } .pagination ul li.pagination-end span.pagenav { padding: 3px 7px; margin:0px 0px 0px 2px; } .pagination ul li a:hover {color: #727272 !important; background: #f9f6ee; padding: 1px 7px 0px 7px; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #e5e2d7; border-bottom-color: #dad6c9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); } .pagination ul li span.pagenav, .pagination ul li a.pagenav, .pagination ul li a:focus, .pagination ul li a:active { padding: 1px 7px 0px 7px; margin:2px 2px 0px 2px; color: #3b3b3b !important; background: #f3efe5; background: -webkit-gradient(linear, left top, left bottom, from(#f3efe5), to(#f3efe5)); background: -moz-linear-gradient(top, #f3efe5, #f3efe5); border: 1px solid #e8e4d9; border-top-color: #e0dcd0; border-bottom-color: #edeae0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,1); display:inline-block; } .pagination ul a.pagenav { } .pagination ul a.pagenav:hover, .pagination ul a.pagenav:active, .pagination ul a.pagenav:focus { color: #222222 !important;} .ja-content-main .counter { float: right; line-height: 1; margin: 15px 0; text-align: right; } .ja-content-main .counter span { } .items-more { } .items-more h3 { font-size: 125%; } /* MODULE STYLES --------------------------------------------------------- */ div.ja-moduletable h3, div.moduletable h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#353936; font-size:24px; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ .main{} #ja-main{ } #ja-container .main { padding:0; } .ja-content-main { margin-bottom: 0px; } .main .main-inner1 { margin-left: 0; margin-right: 0; } /* HEADER --------------------------------------------------------- */ #ja-top-banner{ background: url(../images/banner-bar-bg.gif) repeat-x #575757; position:relative; display:none;} a.close-banner{ background: url(../images/close-btn.png) no-repeat; display:block; width:21px; height:21px; position:absolute; top:14px; right:0px; z-index:1; display:none;} #ja-top-banner a.banner-link{ background: url(../images/banner-top.gif) no-repeat; display:block; width:980px; height:50px;} #ja-top { width:100%; height:32px; } #ja-top li { margin: 0; /* all list items */ padding:0; float: left; background: none; height:32px; line-height:32px; } #ja-top li.item151 { } #ja-top li.item74 a{ -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); } #ja-top li.item74 a:hover { -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.2), inset -5px 0 5px -5px rgba(0,0,0,0.2); } #ja-top li a { color:#878787; padding:0px 13px; font-size:12px; display:block; text-shadow:0px 1px 0px rgba(0,0,0,0.3); border-left:1px solid #1f1f1f; -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); } #ja-top li a:hover, #ja-top li.active a { color: #f2f2ef; text-shadow:0px 1px 0px rgba(0,0,0,0.6); -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.2), inset -5px 0 5px -5px rgba(0,0,0,0.2); } #ja-top li.active a, #ja-top li.active a:active, #ja-top li.active a:focus { background-color: rgba(0,0,0,0.2); color: #f2f2ef; } #ja-top li.item74 a span{ padding-left:16px; background: url(../images/big-sprite.png) no-repeat -489px 2px; } #ja-top li.item74 a:hover span, #ja-top li.active.item74 a span{ background-position: -489px -12px; } #ja-top li.item151 a span{ padding-left:16px; background: url(../images/big-sprite.png) no-repeat -489px -30px; } #ja-top li.item151 a:hover span, #ja-top li.active.item151 a span { background-position: -489px -44px; } a.poplogin span{ padding-left:16px; background: url(../images/big-sprite.png) no-repeat -489px -62px; } a.poplogin:hover span{ background-position: -489px -76px; } #ja-top #menu-toplinks li.active a{ background-position: -55px -177px; } .poplogout:hover, .poplogin:hover { background-position: -55px -192px; } .poplogin { color:#878787; display: block; height:32px; line-height:32px; float:right; font-size:12px; color:#878787; padding:0px 13px; font-size:12px; text-shadow:0px 1px 0px rgba(0,0,0,0.3); border-left:1px solid #1f1f1f; -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); } .poplogin:hover{ border-left:1px solid #1f1f1f; -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.2), inset -5px 0 5px -5px rgba(0,0,0,0.2); } .poplogout { margin:0px; color:#878787; display: block; font-family:Arial, Helvetica, sans-serif; float:right; font-size:12px; color:#878787; padding:8px 13px 7px 16px; font-size:12px; text-shadow:0px 1px 0px rgba(0,0,0,0.3); border:none; border-left:1px solid #1f1f1f; cursor:pointer; background: url(../images/big-sprite.png) no-repeat -283px -349px; -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1); } .poplogout:hover{ border-left:1px solid #1f1f1f; background: url(../images/big-sprite.png) no-repeat -283px -374px; -moz-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.5), inset -5px 0 5px -5px rgba(0,0,0,0.5); box-shadow: 1px 0 1px 0px rgba(255,255,255,0.1), -1px 0 1px 0px rgba(255,255,255,0.1), inset 0 8px 8px -8px rgba(0,0,0,0.5), inset 5px 0 5px -5px rgba(0,0,0,0.2), inset -5px 0 5px -5px rgba(0,0,0,0.2); } .poplogin:hover, .poplogout:hover { color: #f2f2ef; text-shadow:0px 1px 0px rgba(0,0,0,0.3); } #member-menu { padding:0px; } #member-menu li.item81 a span { background: url(../images/big-sprite.png) no-repeat -291px -63px; padding-left:16px; } #member-menu li.item81 a:hover span, #member-menu li.item81 a:focus span, #member-menu li.item81 a:active span, #member-menu li.active.item81 a span {background-position:-291px -78px;} #member-menu li.item147 a span { background: url(../images/big-sprite.png) no-repeat -291px -92px; padding-left:16px; } #member-menu li.item147 a:hover span, #member-menu li.item147 a:focus span, #member-menu li.item147 a:active span, #member-menu li.active.item147 a span {background-position:-291px -106px;} #member-menu li.item163 a span { background: url(../images/big-sprite.png) no-repeat -291px -31px; padding-left:16px; } #member-menu li.item163 a:hover span, #member-menu li.item163 a:focus span, #member-menu li.item163 a:active span, #member-menu li.active.item163 a span {background-position:-291px -47px;} #ja-top ul.menu{ display:inline-block; float:right;} #ja-top #menu-toplinks{ height:32px;} #ja-top #menu-register { height:32px;} #ja-top #menu-register li a { } #ja-top ul.menu li.username_login a{ font-style:italic; font-weight:bold; color:#ffffff; text-shadow:0px 1px 0px #000; padding-left:32px; background: url(../images/big-sprite.png) no-repeat 10px -1409px; } .username_login span{ text-transform:capitalize; } #ja-header { z-index:0; } #ja-login{ background: url(../images/top-bar-bg-pattern.jpg) repeat-x #4c4c4c; height:32px; } /* Social Icon ---*/ #social { float:right; height:32px; } #social ul { } #social ul li a { display: block; margin: 0; padding:0; height:32px; width:32px; } #social ul li { float: left; list-style:none; margin:0; padding: 0; height:32px; } #social_bot { margin:15px 0px 0px 0px; line-height:32px;} #social_bot ul { margin-left:10px;} #social_bot ul li a { display: block; margin: 0; padding:0; height:32px; width:20px; } #social_bot ul li { float: left; list-style:none; margin:0; padding: 0; height:32px; } /* Social Top ---*/ #social li a.facebook_icon { background: url(../images/big-sprite.png) no-repeat 0px 0px; } #social li a.facebook_icon:hover { background-position: 0px -32px; } #social li a.twitter_icon { background: url(../images/big-sprite.png) no-repeat -32px 0px; } #social li a.twitter_icon:hover { background-position:-32px -32px; } #social li a.rss_icon { background: url(../images/big-sprite.png) no-repeat -64px 0px; } #social li a.rss_icon:hover { background-position:-64px -32px; } #social li a.google_plus_icon { background: url(../images/big-sprite.png) no-repeat -306px -1477px; } #social li a.google_plus_icon:hover { background-position:-306px -1509px; } #social li a.pinterest_icon { background: url(../images/big-sprite.png) no-repeat -342px -1478px; } #social li a.pinterest_icon:hover { background-position:-342px -1510px; } #social li a.dribbble_icon { border-right:1px solid #333333; background: url(../images/big-sprite.png) no-repeat -96px 0px; } #social li a.dribbble_icon:hover { background-position:-96px -32px; } /* Social Bot ---*/ #social_bot li a.facebook_icon { background: url(../images/big-sprite.png) no-repeat -5px -1px; } #social_bot li a.facebook_icon:hover { background-position: -5px -33px; } #social_bot li a.twitter_icon { background: url(../images/big-sprite.png) no-repeat -39px -1px; } #social_bot li a.twitter_icon:hover { background-position:-39px -33px; } #social_bot li a.rss_icon { background: url(../images/big-sprite.png) no-repeat -70px -1px; } #social_bot li a.rss_icon:hover { background-position:-70px -33px; } #social_bot li a.google_plus_icon { background: url(../images/big-sprite.png) no-repeat -312px -1478px; } #social_bot li a.google_plus_icon:hover { background-position:-312px -1510px; } #social_bot li a.pinterest_icon { background: url(../images/big-sprite.png) no-repeat -347px -1479px; } #social_bot li a.pinterest_icon:hover { background-position:-347px -1511px; } #social_bot li a.dribbble_icon { background: url(../images/big-sprite.png) no-repeat -101px -1px; } #social_bot li a.dribbble_icon:hover { background-position:-101px -33px; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } #ja-header .main { position:relative; } /* Logo Image ---*/ div.logo, div.logo-text h1 { font-size:normal; line-height: 1; } div.logo { width: 182px; height: 50px; margin:14px 35px 14px 0px; } #ja-mainnav div.searchon { margin: 14px 10px 14px 0px; } div.logo a { background: url(../images/logo.png) no-repeat; display: block; width: 182px; height: 50px; } /* Logo Text ---*/ div.logo-text h1 { font-size: 200%; font-family: Arial, sans-serif; font-weight: bold; } div.logo-text h1 a { text-decoration: none; } p.site-slogan { color: #ccc; display: block; font-size: 85%; margin: 3px 0 0; padding: 0 10px; text-transform: uppercase; } #ja-top-header { margin-top:-5px; position:absolute; right:180px; text-align:right; width:50%; } /* Search Module ---*/ #ja-search { top: 59px; right: 0; position: absolute; z-index:20; } #ja-search,.k2SearchBlock,.k2SearchBlock form{} div.k2SearchBlock { } #ja-search .button { direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; background: url(../images/big-sprite.png) no-repeat -162px 0px; border:none; -moz-border-radius:none; border-radius:none; color: #FFFFFF; cursor: pointer; padding:0px; width:24px; height:12px; position:absolute; top:10px; right:5px; } #ja-search .inputbox { padding:7px 38px 7px 5px; font-family:Arial, Helvetica, sans-serif; width:125px; height:16px; color:#727272; border:1px solid #dfdcd0; border-top:1px solid #dad6c9; border-bottom:1px solid #e5e1d7; -moz-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); background: #f9f7ef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f7ef), to(#fefefd)); background: -moz-linear-gradient(top, #f9f7ef, #fefefd); } #ja-search .searchon{ border-left:none; } #ja-search .button:hover { background-position: -162px -20px; } /* NAVIGATION --------------------------------------------------------- */ /* Main Nav ---*/ #ja-mainnav { line-height: 1; position: relative; z-index: 11; background:url(../images/header-bg-pixel-repeat-css.png) repeat-x; height:80px; -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1); } #ja-mainnav .main { } /* Breadcrumbs ---*/ #ja-navhelper { background: #000; } #ja-navhelper .main { text-transform: uppercase; color: #FFF; } .ja-breadcrums { text-indent: 10px; } /* Extras ---*/ .ja-links { padding-right: 10px; } .ja-links li { padding: 0 10px; } /* Default Joomla! Menu ---*/ #ja-container ul.menu li { } #ja-container ul.menu li li { } /* SLIDER --------------------------------------------------------- */ #ja-slider-block { min-height: 35px; height:auto !important; height: 35px; } #ja-slider-block div.ja-moduletable, div.moduletable { margin:0px; padding:0px; position: relative; } #slider-block h1 { margin:35px 0px 0px 0px; color: #424242; font-size: 30px; font-weight: bold; letter-spacing: -1px; text-shadow: 0 1px 0 #FFFFFF; } #slider-block p { font-size: 15px; text-shadow: 0 1px 0 #FFFFFF; margin:15px 0px 30px 0px; } .sliderWrapper { height: 295px; margin: 0; padding:35px 0px 0px 0px; position: relative; text-shadow: 0 1px 0 #FFFFFF; } #slider_title{ width:460px; margin-bottom:18px; } #slider_title h1 { font-size:56px; font-weight:bold; line-height:48px; letter-spacing:-3px; color:#222222; margin:0px 0px 20px 0px;} #slider_title p { font-size:14px; margin-bottom:15px;} .orslide{ padding:0px 8px; font-style:italic;} #slider_image{ width:516px; height:330px; position:absolute; right:0px; top:0px;} #ja-container ul.menu li a { display: block; padding: 20px 0; } /* MAIN BORDER --------------------------------------------------------- */ #ja-container .main {} #ja-container .main-inner1 {} #ja-container .main-inner1 { border:1px solid #dad6c9; border-bottom:none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -moz-box-shadow: 1px 0px 1px -1px rgba(0,0,0,0.1), -1px 0px 1px -1px rgba(0,0,0,0.1), 0px -1px 1px -1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 0px 1px -1px rgba(0,0,0,0.1), -1px 0px 1px -1px rgba(0,0,0,0.1), 0px -1px 1px -1px rgba(0,0,0,0.1); box-shadow: 1px 0px 1px -1px rgba(0,0,0,0.1), -1px 0px 1px -1px rgba(0,0,0,0.1), 0px -1px 1px -1px rgba(0,0,0,0.1); position:relative; z-index:11; } #ja-container .main-inner2 { border:1px solid #fffefe; border-bottom:none; position:relative; background:#f6f3ef; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; padding-bottom:10px; } /* CONTENTBOT --------------------------------------------------------- */ #ja-contentbot .main-inner1 { border-top:1px solid #e9e5d9; border-right:1px solid #dad6c9; border-left:1px solid #dad6c9; -moz-box-shadow: -1px 0px 1px -1px rgba(0,0,0,0.1), 0px -1px 1px -1px rgba(0,0,0,0.1); -webkit-box-shadow: -1px 0px 1px -1px rgba(0,0,0,0.1), 0px -1px 1px -1px rgba(0,0,0,0.1); box-shadow: -1px 0px 1px -1px rgba(0,0,0,0.1), 0px -1px 1px -1px rgba(0,0,0,0.1); background:#f6f3ef; } #ja-contentbot .main-inner2 { padding:20px 11px 15px 11px; margin:0px; border-top:1px solid #fcfcfb; border-right:1px solid #fffefe; border-left:1px solid #fffefe; position:relative; } /*#newsletter { } .newsletterWrapper{ background:#FFF; border:1px solid #eae8e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.1); } #newsletter_title{float:left; width:520px; padding:30px 0px 30px 85px; margin:0px 0px 0px 25px; background: url(../images/big-sprite.png) no-repeat -428px -133px; } #newsletter_title h3{font-size:15px; font-weight:bold; margin:0; color:#3b3b3b; } #newsletter_title span{ color:#444751;} #newsletter_title p{ color:#727272; font-size:12px; margin:2px 0px 0px 0px; } #newsletter p a{ } #newsletter p a:hover{ } #newsletter div.acymailing_module{ float:right; width:295px; padding:25px 0px 25px 20px !important; background:url(../images/divisor-vertical-repeat-newsletter.gif) repeat-y top left;} */ .news-margin { margin-right:21px; } /* SPOTLIGHT --------------------------------------------------------- */ #ja-topsl .ja-box, #ja-botsl .ja-box { color:#727272; } #ja-botsl .ja-box-left .ja-moduletable { margin:20px 20px 20px 20px;} #ja-botsl .ja-box-center .ja-moduletable {margin:20px 0px 20px 0px;} #ja-botsl .ja-box-right .ja-moduletable {margin:20px 20px 20px 20px;} #ja-topsl .ja-box-right, #ja-botsl .ja-box-right { border:0; } #ja-botsl .ja-box-left .moduletable { } #ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable { margin-top: 10px; margin-bottom: 10px; } #ja-topsl div.ja-moduletable h3, #ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; } #ja-botsl h3 { color:#3b3b3b; font-size:16px; font-weight:bold; } #ja-botsl h3 { margin: 0px 0px 15px 0px; } /* Twitter ---*/ .ja-twitter-text{ font-family:Georgia, "Times New Roman", Times, serif; color:#727272; font-style:italic; font-size:13px; } .ja-twitter a{ color:#73CBD9; font-size:12px;} .ja-twitter a:hover{ color:#73CBD9;} /* latest Blog ---*/ #ja-botsl li.even, #ja-botsl li.odd { padding: 0px; border:none; } #ja-botsl li .post_data_text{ padding:15px 0px 0px 0px;} #ja-botsl li.even a, #ja-botsl li.odd a { color:#3b3b3b; font-weight:bold;} #ja-botsl li.even a:hover, #ja-botsl li.odd a:hover { color:#828282; text-decoration:none;} #ja-botsl li.even img, #ja-botsl li.odd img {} /* Top spotlight ---*/ #ja-topsl { background: #000; color:#CDCDD0;} #ja-topsl .main { padding: 0; position:relative; } #ja-topsl .main-inner1 { padding: 10px 0; } /* Bot spotlight ---*/ #ja-botsl { } #ja-botsl p.total_downloads { position:absolute; bottom:10px; left:18px; font-size:24px; color:#acacac;} #ja-botsl p.total_downloads span { font-size:12px; color:#232323;} #ja-botsl .main { padding: 0;} #ja-botsl .main-inner1 { padding: 0; border-right:1px solid #dad6c9; border-left:1px solid #dad6c9; -moz-box-shadow: 1px 0px 1px -1px rgba(0,0,0,0.1), -1px 0px 1px -1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 0px 1px -1px rgba(0,0,0,0.1), -1px 0px 1px -1px rgba(0,0,0,0.1); box-shadow: 1px 0px 1px -1px rgba(0,0,0,0.1), -1px 0px 1px -1px rgba(0,0,0,0.1); } #ja-botsl .main-inner2 { padding:0; border-right:1px solid #fffefe; border-left:1px solid #fffefe; background:#f6f3ef; position:relative; } #ja-botsl .botWrapper{ } .shadowMain{ background:url(../images/bottom-img-body-contain.png) no-repeat right bottom; height:14px;} /* FOOTER --------------------------------------------------------- */ #ja-footer { clear: both; padding: 0px; line-height:normal; } .ja-copyright{ padding:0; margin:0; position: relative; color:#8F8F8F; font-size:10px; line-height:normal; } #ja-footer .inner { padding: 0; } /* Foot Links ---*/ .ja-footnav{ float:right; width:690px; } .header_footer{ line-height:normal;} .ja-footnav ul { line-height: normal; float:left; padding:25px 0px 30px 0px; } .ja-footnav li { display: inline; padding: 0 15px; } .ja-footnav li.last { border:none; } ul#termsmenu li.last { border:none; padding-right:0px; } ul#hireusmenu { padding: 25px 0px 30px 0px; } ul#hireusmenu li { margin:0px 0px 0px 0px; padding: 0px;} ul#hireusmenu li a { margin:0px; background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #e5e2d7; border-bottom-color: #dad6c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); padding:12px 15px 12px 15px; } ul#hireusmenu li a:hover { color: #3e3e3e !important; text-shadow: 0 1px 0px #fff; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f9f7f4)); background: -moz-linear-gradient(top, #fefefe, #f9f7f4); border: 1px solid #d8d4c8; border-top-color: #d6d3c8; border-bottom-color: #dad6c9; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); } ul#hireusmenu li a:focus, ul#hireusmenu li a:active, ul#hireusmenu li.active a { margin:0px; text-shadow: 0 1px 0px #fff; background: #f1ede1; background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3efe6)); background: -moz-linear-gradient(top, #f1ede1, #f3efe6); border: 1px solid #dfdbcf; border-top-color: #dad6c9; border-bottom-color: #e5e2d7; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); } ul#hireusmenu li a { font-weight:14px; font-weight:bold; color:#3b3b3b; } ul#hireusmenu li a span { padding: 0px 0px 0px 25px; background: url(../images/big-sprite.png) no-repeat -0px -398px; } ul#hireusmenu li.focus a span, ul#hireusmenu li.active a span { background-position:-0px -398px; } ul#hireusmenu li a:hover span { } .ja-footnav li a { } .ja-footnav li.active a {color:#828282; } .ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { } /* Copyright Info. ---*/ .ja-copyright{ float:left; width:240px; margin-left:20px;} .ja-copyright p {margin:0px; padding:25px 0px 30px 0px; position:relative;} .ja-copyright span { padding-right:92px;} .ja-copyright span.logo_footer{ background: url(../images/big-sprite.png) no-repeat -216px -249px; display: inline-block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; width:82px; height:21px; margin:0px; padding:0px; position:absolute; left:36px; top:20px; } /* MAIN COLUMN --------------------------------------------------------- */ #ja-mainbody { } #ja-main .inner { padding:0;} #ja-contentwrap { } #system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul { margin: 0; padding: 0; } #system-message { margin: 10px 10px 0px 10px; padding: 0px; } #system-message dd { font-weight: normal; margin: 0; text-indent: 50px; line-height:32px; } #system-message dd ul { border:none; color: #232323; list-style: none outside none; margin: 0px; padding: 10px; } #system-message dd.notice ul, #system-message dd.message ul { background: #e3eef5; border:1px solid #c0d2db; border-top:1px solid #b3c5ce; border-bottom:1px solid #d0e1e9; } #system-message dd.error ul{ background: #f5e3e3; border:1px solid #dec1c1; border-top:1px solid #d3b3b3; border-bottom:1px solid #ead0d0; } #system-message dd.message ul li { background: url(../images/info-icon.png) no-repeat #e3eef5; margin: 0; padding: 0; } #system-message dd.error ul li{ background: url(../images/alert-icon.png) no-repeat #f5e3e3; margin: 0; padding: 0; } #system-message dd.error ul, #system-message dd.notice ul, #system-message dd.message ul { color: #3b3b3b; font-weight:bold; font-size:14px; list-style: none outside none; margin: 0px; padding: 0px; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.3), 0px 1px 0px 0px #FFF; box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.3), 0px 1px 0px 0px #FFF; } /* RIGHT CONTENT ----------------------------------------------------------- */ #ja-right2 { margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; } #ja-right2 .ja-moduletable h3{ font-size:24px; font-weight:bold; color:#3b3b3b; margin:0px; padding:0px 0px 0px 0px; text-align:center; } #ja-right2 #Mod37 h3, #ja-right2 #Mod78 h3{ display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; background: url(../images/big-sprite.png) no-repeat 0px -1446px; height:118px; } #ja-right2 #Mod37, #ja-right2 #Mod78 { padding:0px; border:none; } #ja-right2 #Mod37 .ja-box-ct, #ja-right2 #Mod78 .ja-box-ct { padding: 0px 20px 20px 20px; border:1px solid #eae8e5; border-top:none; } #ja-right2 #Mod37 .ja-box-ct { padding: 0px 0px 20px 0px; border:1px solid #dad6c9; border-top:none; background: #f4f1ec; background: -webkit-gradient(linear, left top, left bottom, from(#f4f1ec), to(#FFF)); background: -moz-linear-gradient(top, #f4f1ec, #FFF); } #ja-right2 .ja-moduletable .ja-box-ct{ padding:0px 20px 0px 20px; } #ja-right2 #Mod49 .ja-box-ct, #ja-right2 #Mod40 .ja-box-ct{ padding:0px 0px 0px 0px; } #ja-right2 .ja-moduletable { border:1px solid #eae8e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background:#FFF; -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.1); padding:20px 0px; margin:0px 20px 20px 13px; } #ja-right2 #Mod37 p, #ja-right2 #Mod78 p{ margin:0px;} #ja-right2 #Mod37 p.margin, #ja-right2 #Mod78 p.margin { padding:10px 0px 0px 0px; text-align:center;} #ja-right2 .ja-moduletable h3 span { } #ja-right2 .button{ text-transform:uppercase; color:#FFF; padding:7px 15px; } #ja-right2 .register_list { margin:0;} #ja-right2 .register_list li{background:none; font-size:14px; font-style:italic; font-weight:bold; padding-left:0px; color:#62625f; margin:10px 0px 10px 0px; height:22px; line-height:22px;} #ja-right2 .register_list { margin:0; text-align:center;} #ja-right2 .register_list li span{padding-left:32px;} #ja-right2 .register_list li.freebies_register span{background: url(../images/big-sprite.png) no-repeat 0px -1103px;} #ja-right2 .register_list li.ask_register span{background: url(../images/big-sprite.png) no-repeat 0px -1135px;} #ja-right2 .register_list li.premium_register span{background: url(../images/big-sprite.png) no-repeat 0px -1162px;} #ja-right2 .register_list li.support_register span{background: url(../images/big-sprite.png) no-repeat 0px -1195px;} .free_account_ads_wrapper{ border-bottom:1px solid #d3cfc2; padding-bottom:20px; position:relative;} .premium_account_ads_wrapper{ border-top:1px solid #FFF; padding-top:15px; position:relative;} .plus_icon_account_box{ position:absolute; z-index:10; bottom:-17px; left:50%; background: url(../images/big-sprite.png) no-repeat 0px -1224px; width:32px; height:33px; margin-left:-16px; } #ja-right2 #Mod37 .more_register{ font-size:14px; font-style:italic; font-weight:bold; color:#3b3b3b; margin:0px 0px 10px 74px;} #ja-right2 #Mod37 .register_action a strong{ } #ja-right2 #Mod37 .register_action a:hover strong{color:#828282; text-decoration:none;} #ja-right2 .register_action p{ margin:0px; text-align:center;} #ja-right2 #Mod78 .more_register{ font-size:14px; font-style:italic; font-weight:bold; color:#3b3b3b; margin:0px 0px 10px 74px;} #ja-right2 #Mod78 .register_action p{margin:0px; text-align:center;} #ja-right2 .filter_list { margin:15px 0px 5px 0px;} #ja-right2 .filter_list li { margin:0px 5px 0px 0px; display:inline;} #ja-right2 .filter_list li.first { } #ja-right2 .filter_list li.last { margin:0px 0px 0px 0px;} #ja-right2 .filter_list li a{ margin:0px 0px 0px 0px; padding:8px 11px; color:#3b3b3b; font-size:14px; font-weight:bold; display:inline-block; line-height: normal; text-decoration: none; } #ja-right2 .filter_list li a:hover{ color:#828282; padding:7px 10px; margin:0px 0px 0px 0px; background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #e5e2d7; border-bottom-color: #dad6c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); } #ja-right2 .filter_list li a:focus, #ja-right2 .filter_list li a:active { color:#3b3b3b; padding:7px 10px; margin:0px 0px 0px 0px; background: #f3efe5; background: -webkit-gradient(linear, left top, left bottom, from(#f3efe5), to(#f3efe5)); background: -moz-linear-gradient(top, #f3efe5, #f3efe5); border: 1px solid #e8e4d9; border-top-color: #e0dcd0; border-bottom-color: #edeae0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.8); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.8); } .grid1{ width:160px; float:left; margin:28px 28px 0 0; padding-top:39px;} .grid1last{ width:160px; float:left; margin:28px 0 0 0; padding-top:39px;} .grid2{ width:290px; float:left;} .grid2last{ width:290px; float:right;} .grid2 div.first{ border-bottom:1px solid #DEDEDE;} .grid2last div.first{ border-bottom:1px solid #DEDEDE;} .grid3{ width:485px; float:left;} .grid4{ width:640px; float:left; margin-right:20px;} .description_block{padding:0px 0px 0px 40px; position:relative;} .description_block h3{padding:15px 0px 0px 0px; margin:0; font-size:18px; -300px -468px; } .com_content .article-content .description_block p.first{margin:0px 0px 15px 0px;} .description_block .download_register{background: url(../images/big-sprite.png) no-repeat -241px -349px; width:23px; height:18px; display:block; position:absolute; top:14px; left:0px; } .description_block .petition_register{background: url(../images/big-sprite.png) no-repeat -241px -367px; width:23px; height:20px; display:block; position:absolute; top:15px; left:0px; } .description_block .freebies_register{background: url(../images/big-sprite.png) no-repeat -241px -387px; width:19px; height:22px; display:block; position:absolute; top:14px; left:0px; } .description_block .support_register{background: url(../images/big-sprite.png) no-repeat -260px -387px; width:21px; height:19px; display:block; position:absolute; top:15px; left:0px; } .description_block .free_tour{background: url(../images/big-sprite.png) no-repeat -216px -329px; width:21px; height:33px; display:block; position:absolute; top:6px; left:0px; } .description_block .star_tour{background: url(../images/big-sprite.png) no-repeat -216px -362px; width:25px; height:25px; display:block; position:absolute; top:12px; left:0px; } .description_block .easy_tour{background: url(../images/big-sprite.png) no-repeat -216px -387px; width:25px; height:25px; display:block; position:absolute; top:18px; left:0px;} .description_block .love_tour{background: url(../images/big-sprite.png) no-repeat -237px -329px; width:23px; height:20px; display:block; position:absolute; top:18px; left:0px; } .watermark_pixeden{ background: url(../images/big-sprite.png) no-repeat -291px -1579px; padding-left:140px; } #ja-content-main .k2AccountPage { background: url(../images/big-sprite.png) no-repeat -291px -1579px; padding-left:140px; margin:20px 20px 0px 20px; } form#login, .josForm { margin:0px 20px;} /* ABOUT ----------------------------------------------------------- */ .item-page{ padding:0px 20px;} #ja-content .about_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -482px; height:34px; line-height:34px; } .box_about{ padding:0px 20px 10px 20px; margin:50px 0px 0px 0px; border:1px solid #dad6c9; color:#727272; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f1ede1; background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3f0e7)); background: -moz-linear-gradient(top, #f1ede1, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #dad6c9; border-bottom-color: #e5e2d7; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 0px #eae7de; -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 0px #eae7de; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 0px #eae7de; } .box_about p{ padding:0px; margin:0px;} /* FAQs ----------------------------------------------------------- */ #ja-content .faq_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -552px; height:34px; line-height:34px; } #ja-content .question{ cursor:pointer; background: url(../images/big-sprite.png) no-repeat -476px -624px; height:25px; line-height:25px; padding:0 0 0 45px; margin:15px 0; color:#727272; font-weight:bold; font-size:16px; } #ja-content .article-content .active{ background-position: -476px -674px; color:#3b3b3b; } #ja-content .article-content .hover{ background-position: -476px -649px; color:#3b3b3b; } #ja-content .article-content .hoveractive{ background-position: -476px -699px; color:#3b3b3b; } #ja-content .answer p{ margin:0;} #faq_list{ margin-bottom:20px;} /* REGISTER ----------------------------------------------------------- */ #ja-content .register_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -894px; height:34px; line-height:34px; } #ja-content .register_title_account{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 20px 35px 20px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -894px; height:34px; line-height:34px; } /* TAKE A TOUR ----------------------------------------------------------- */ #ja-content .takeatour_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -860px; height:34px; line-height:34px; } /* CONTACT / HIRE ----------------------------------------------------------- */ #ja-content .contact_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -928px; height:34px; line-height:34px; } #ja-content .hire_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -997px; height:34px; line-height:34px; } /* LICENSE ----------------------------------------------------------- */ #ja-content .license_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -962px; height:34px; line-height:34px; } .license_title{ font-size:28px; font-weight:bold; color:#3b3b3b; padding:0px 0px 0px 40px; margin:25px 0px 35px 0px; text-shadow: 0 1px 0 #FFFFFF; letter-spacing:-1px; background: url(../images/big-sprite.png) no-repeat -468px -962px; height:34px; line-height:34px; } /* MISCELLANOUS ----------------------------------------------------------- */ /* Others ---*/ #ja-top-panel .main-inner1 { border: 2px dotted #e2e2b5; padding: 5px 10px; text-align: center; margin-top: 15px; background: #ffffcc; position: relative; } #ja-banner { border-top: 1px solid #ccc; } div.ja-innerdiv { border-bottom: 1px dotted #ccc; } div.ja-innerdiv h4 { font-family:Arial, Helvetica, sans-serif; font-size: 92%; font-weight: normal; text-transform: uppercase; } a.ja-icon-video { background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff; border: 1px solid #ccc; color: #666; display: block; font-weight: bold; position: absolute; padding: 5px 5px 5px 43px; right: 10px; top: 8px; text-decoration: none; width: 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } a.ja-icon-video span { color: #666; } a.ja-icon-video:hover, a.ja-icon-video:focus, a.ja-icon-video:active { border-color: #ddd; text-decoration: none; } a.ja-icon-video:hover span { color: #0F85D8; } #ja-absolute .main { position: fixed; width: auto; height: auto; z-index: 99999; top: 1px; left: 1px; } #ja-absolute .main a { width: 91px; height: 99px; overflow: hidden; display: block; background: url(../images/joomla16.png) no-repeat left top; text-indent: -9999px; } #ja-absolute .main a:hover, #ja-absolute .main a:focus { background-position: left bottom; } .acysubbuttons .button{ position:relative; display:inline-block; margin: 10px 0px; text-decoration:none; font-weight: bold; cursor: pointer; padding: 5px 10px 5px 10px; font-size: 12px; color:#828282; text-shadow: 0 1px 0px #fff; background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #e5e2d7; border-bottom-color: #dad6c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,1); } .acysubbuttons .button:hover { color: #727272 !important; text-shadow: 0 1px 0px #fff; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f9f7f4)); background: -moz-linear-gradient(top, #fefefe, #f9f7f4); border: 1px solid #d8d4c8; border-top-color: #d6d3c8; border-bottom-color: #dad6c9; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); } .acysubbuttons .button:focus, .acysubbuttons .button:active { color: #3e3e3e !important; text-shadow: 0 1px 0px #fff; background: #f1ede1; background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3efe6)); background: -moz-linear-gradient(top, #f1ede1, #f3efe6); border: 1px solid #dfdbcf; border-top-color: #dad6c9; border-bottom-color: #e5e2d7; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); } td.acysubbuttons{ padding:0px 0px 0px 5px;} .acyfield_email .inputbox { width:160px; color:#727272; border:1px solid #dfdcd0; border-top:1px solid #dad6c9; border-bottom:1px solid #e5e1d7; -moz-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1); background: #f9f7ef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f7ef), to(#fefefd)); background: -moz-linear-gradient(top, #f9f7ef, #fefefd); } table.acymailing_form { margin:0;} #jav-email-preference input[type="button"] { position:relative; display:inline-block; margin: 10px 0px; text-decoration:none; font-weight: bold; color:#7C7C7C; text-shadow: 0 1px 0px #fff; background: #fbfbfb; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f3f0e7)); background: -moz-linear-gradient(top, #fbfbfb, #f3f0e7); border: 1px solid #d1d1d1; border-top-color: #d7d7d7; border-bottom-color: #cbcbcb; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,1); cursor: pointer; padding: 5px 10px 5px 10px; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #jav-email-preference input[type="button"]:hover{ color: #3e3e3e !important; text-shadow: 0 1px 0px #fff; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ebebeb)); background: -moz-linear-gradient(top, #efefef, #ebebeb); border-color: #c0c0c0; -moz-box-shadow: 0px 0px 0px, inset 0px 1px 0px #efefef; -webkit-box-shadow: 0px 0px 0px, inset 0px 1px 0px #efefef; box-shadow: 0px 0px 0px, inset 0px 1px 0px #efefef; } #ja-content-main .button, #popup_rss .button { position:relative; display:inline-block; margin: 10px 0px; text-decoration:none; font-weight: bold; color:#7C7C7C; text-shadow: 0 1px 0px #fff; background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #d8d4c8; border-top-color: #d6d3c8; border-bottom-color: #dad6c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.5); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif; cursor: pointer; padding: 5px 10px 5px 10px; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #ja-content-main .button:hover, #popup_rss .button:hover{ color: #727272 !important; text-shadow: 0 1px 0px #fff; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f9f7f4)); background: -moz-linear-gradient(top, #fefefe, #f9f7f4); border: 1px solid #d8d4c8; border-top-color: #d6d3c8; border-bottom-color: #dad6c9; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); } #ja-content-main .button:focus, #ja-content-main .button:active{ color: #3e3e3e !important; text-shadow: 0 1px 0px #fff; background: #f1ede1; background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3efe6)); background: -moz-linear-gradient(top, #f1ede1, #f3efe6); border: 1px solid #dfdbcf; border-top-color: #dad6c9; border-bottom-color: #e5e2d7; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); } /* POPUP ---*/ .mail_popup_wrapper .componentheading { margin: 30px 0px 10px 0px;} .mail_popup_wrapper .componentheading h1.mail_title{ font-size:20px; margin:0px 0px 15px 0px;} .mail_popup_wrapper {padding: 0px 0px 0px 10px;} .mail_popup_wrapper input{ margin:5px 0px;} .reset_password{ padding-left:20px; background: url(../images/big-sprite.png) no-repeat -0px -896px; color:#727272;} .remind_user{ padding-left:20px; background: url(../images/big-sprite.png) no-repeat -0px -896px; color:#727272;} .reset_password:hover{ background-position:-0px -909px; color:#222222; text-decoration:underline;} .remind_user:hover{ background-position:-0px -909px; color:#222222; text-decoration:underline;} #sbox-window #sbox-content { background-color: #f6f3ef; } #sbox-window.phocadownloadpreviewwindow #sbox-btn-close, #sbox-window.licensewindow #sbox-btn-close, #sbox-window.previewwindow #sbox-btn-close { background: url(../images/big-sprite.png) no-repeat -0px -779px; border: medium none; height: 21px; width: 20px; position: absolute; right: 10px; top: 10px; z-index: 10; } #sbox-window.phocadownloadpreviewwindow #sbox-btn-close:hover, #sbox-window.licensewindow #sbox-btn-close:hover, #sbox-window.previewwindow #sbox-btn-close:hover { background-position: -0px -800px; } #sbox-window.phocadownloadpreviewwindow #sbox-btn-close:focus, #sbox-window.phocadownloadpreviewwindow #sbox-btn-close:active, #sbox-window.licensewindow #sbox-btn-close:focus, #sbox-window.licensewindow #sbox-btn-close:active, #sbox-window.previewwindow #sbox-btn-close:focus, #sbox-window.previewwindow #sbox-btn-close:active { background-position: -0px -821px; } #sbox-window.licensewindow { background-color: #f6f3ef; border:1px solid #FFF; padding: 20px; } #sbox-window.previewwindow { background-color: #f6f3ef; border:1px solid #FFF; padding:2px; } .com_content .article-content p{ margin:15px 0px;} /* end ---*/ /* COMMENTS ---*/ #comments_pixeden h3{ border-bottom: 1px solid #E1E3E2; font-size: 24px; margin: 15px 0px 0px 0px; padding: 0 0 10px;} #comments_pixeden h3 span { border-bottom: 3px solid #E1E3E2; padding: 0 12px 7px 0; margin:0; } div.itemBody #comments_pixeden h3 span { border-bottom: 3px solid #E1E3E2; padding: 0 12px 7px 0; margin:0; } .comments_wrapper { } .blog .itemCommentsLink{ background: url(../images/comment.png) no-repeat left top; padding-left:20px; display:block; height:18px; float:right; } .blog .itemCommentsLink:hover{ background: url(../images/comment.png) no-repeat left top; background-position:0px -18px; } .itemCommentsLink{ background: url(../images/comment.png) no-repeat left top; padding-left:20px; display:block; height:18px; } .itemCommentsLink:hover{ background: url(../images/comment.png) no-repeat left top; background-position:0px -18px; } /* DOWNLOAD CENTER ---*/ .componentheadingdownload-page { background: url(../images/big-sprite.png) no-repeat scroll -468px -517px transparent; color: #3B3B3B; font-size: 28px; font-weight: bold; height: 34px; letter-spacing: -1px; line-height: 34px; margin: 25px 20px 35px 20px; padding: 0px 0px 0px 40px; text-shadow: 0 1px 0 #FFFFFF; } #ja-right2 #Mod39 h3, #ja-right2 #Mod40 h3, #ja-right2 #Mod49 h3{ text-align:left; font-size:18px; font-weight:bold; color:#3b3b3b; background:url(../images/divisor-repeat-blog.gif) repeat-x bottom left; margin:0px; padding:0px 0px 15px 0px;} #ja-right2 #Mod39 h3 span, #ja-right2 #Mod40 h3 span, #ja-right2 #Mod49 h3 span{ margin-left: 20px; } #ja-right2 #Mod39, #ja-right2 #Mod40, #ja-right2 #Mod49 { padding: 15px 0px 15px 0px; } #ja-right2 #Mod39 { padding: 15px 0px 5px 0px; } #phoca-dl-sections-box h3 small, #phoca-dl-section-box .pd-section h3 small, #phoca-dl-category-box .pd-category h3 small, #phoca-dl-file-box .pd-file h3 small { color: #727272; font-weight:normal; font-size:14px; } /* sections, section */ #phoca-dl-sections-box .pd-category, #phoca-dl-section-box .pd-category { padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; } #phoca-dl-sections-box .pd-category a, #phoca-dl-section-box .pd-category a { display:inline-block; padding: 7px 0px 7px 25px; color:#727272; font-weight:bold; } #phoca-dl-sections-box .pd-category a:hover, #phoca-dl-section-box .pd-category a:hover { color:#3b3b3b; } #phoca-dl-sections-box .pd-category small, #phoca-dl-section-box .pd-category small { font-size:100%; color:#727272;} #phoca-dl-most-viewed-box .pd-documents h3 { font-size:21px; margin:20px 0px 10px 0px; } #phoca-dl-most-viewed-box .pd-document16 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom:1px solid #DEDEDE; } #phoca-dl-most-viewed-box .pd-document16 a { display:inline-block; color:#727272; font-weight:bold; padding: 7px 0px 7px 25px; } #phoca-dl-most-viewed-box .pd-document16 a:hover { color:#3b3b3b; } #phoca-dl-category-box .pd-category .title_product h3{margin:0; padding:0; color:#3b3b3b; font-size:18px; font-weight:bold; -0px -992px } span.details_download_title{ color:#727272; cursor:pointer; font-weight:bold; padding:0px 0px 0px 25px; background: url(../images/big-sprite.png) no-repeat 0px -1266px; height:19px; line-height:19px; margin:0px; display:inline-block;} .pd-c-download-item2 span.hover{ color:#3b3b3b; background-position: 0px -1285px;} .pd-c-download-item2 span.hover:focus{ color:#3b3b3b; background-position: 0px -1304px;} .pd-c-download-item2 span.active{ color:#3b3b3b; background: url(../images/big-sprite.png) no-repeat -0px -1327px; } .pd-c-download-item2 span.hoveractive{ color:#3b3b3b; background: url(../images/big-sprite.png) no-repeat -0px -1346px; } .pd-c-download-item2 span.hoveractive:focus{ color:#3b3b3b; background: url(../images/big-sprite.png) no-repeat -0px -1365px; } .pd-c-download-box{ margin-top:15px;} .pd-c-pdfile{ padding-top:5px;} .top_download_icon { width:18px; height:19px; background: url(../images/big-sprite.png) no-repeat 0px -1327px; } .top_download_icon:hover { background-position: 0px -1346px; } .top_download_icon:focus, .top_download_icon:active { background-position: 0px -1365px; } .title_product{} .title_product a{ color:#3b3b3b; font-weight:bold;} .title_product a:hover{ text-decoration:underline;} .title_product small{ font-size:12px; color:#727272;} /* JA VOICE ---*/ #javtabs-main { margin:0px 20px 0px 20px;} .javtabs-mainwrap ul.javtabs-title li.active a span { color: #222222; } .javtabs-mainwrap ul.javtabs-title li.active a:hover span {color: #222222; } #javtabs-main h1{ background: url(../images/big-sprite.png) no-repeat scroll -468px -587px transparent; color: #3B3B3B; font-size: 28px; font-weight: bold; height: 34px; letter-spacing: -1px; line-height: 34px; margin: 25px 0px 5px 0px; padding: 0px 0px 0px 40px; text-shadow: 0 1px 0 #FFFFFF; } #jav-col-left-4 .jav-welcome{ background: url(../images/big-sprite.png) no-repeat -468px -1137px; padding-left:45px; } #jav-col-left-2 .jav-welcome{ background: url(../images/big-sprite.png) no-repeat -468px -1224px; padding-left:45px; } #jav-col-left-3 .jav-welcome{ background: url(../images/big-sprite.png) no-repeat -468px -1065px; padding-left:45px; } .jav-list-options ul li { display: inline; margin: 0 10px 0 0 !important; padding: 0 0 0 0; } .jav-user-login{ margin:0px 0px 15px 20px; padding:0px; font-size:18px; color:#3b3b3b; font-weight:bold; } .jav-user-login a{ text-transform:capitalize; } .jav-has-votes .jav-help li a { font-size:12px; text-align:center; font-weight:bold; display:block; height:22px; margin:0px 10px 0px 10px; line-height:22px; } .jav-box .moduletable_menu h3 {font-size:18px; font-weight:bold; margin:0px; padding:0px 0px 10px 0px; color:#3b3b3b;} .jav-box .moduletable_menu h3 span { margin-left:20px; } .jav-innerpad .jav-box-cat ul.jav-menu { margin:15px 0px 0px 0px;} .jav-innerpad .jav-box ul.jav-menu { margin:0px 0px 0px 0px !important; padding:0px 0px 10px 0px !important; } .jav-box-cat ul.jav-menu li { padding-left:15px; margin:15px 0px 15px 0px;} .jav-box-cat ul.jav-menu li a { padding-left:20px; display:block; height:18px; color:#3B3B3B; font-weight:bold; font-size:14px; background: url(../images/big-sprite.png) no-repeat 0px -550px;} .jav-box-cat ul.jav-menu li a.current { color:#828282; background: url(../images/big-sprite.png) no-repeat 0px -528px; } .jav-box-cat ul.jav-menu li a:hover { color:#828282; background: url(../images/big-sprite.png) no-repeat 0px -528px;} ul.jav-menu li.jav-your-box-item a.value-3 { background: url(../images/icons-sprite.png) no-repeat 0px -1060px; padding-left:37px !important; color:#3B3B3B; display:inline-block; height:11px; } ul.jav-menu li.jav-your-box-item a.value-3:hover{ background-position:0px -1071px; color: #828282; } ul.jav-menu li.jav-your-box-item a.value-2 { background: url(../images/icons-sprite.png) no-repeat 0px -1038px; padding-left:27px !important; color:#3B3B3B; display:inline-block; height:11px; } ul.jav-menu li.jav-your-box-item a.value-2:hover{ background-position:0px -1049px; color: #828282; } ul.jav-menu li.jav-your-box-item a.value-1 { background: url(../images/icons-sprite.png) no-repeat 0px -1016px; padding-left:13px !important; color:#3B3B3B; display:inline-block; height:11px; } ul.jav-menu li.jav-your-box-item a.value-1:hover{ background-position:0px -1027px; color: #828282; } div.jav-moderation .pop-in ol li a.jav-spend-1{ background: url(../images/big-sprite.png) no-repeat 0px -579px; padding-left:13px !important; border:none; display:inline-block; height:11px; color:#3B3B3B; line-height:1; margin:0px; } div.jav-moderation .pop-in ol li a.jav-spend-2{ background: url(../images/big-sprite.png) no-repeat 0px -601px; padding-left:27px !important; border:none; display:inline-block; height:11px; color:#3B3B3B; line-height:1; margin:0px; } div.jav-moderation .pop-in ol li a.jav-spend-3{ background: url(../images/big-sprite.png) no-repeat 0px -623px; padding-left:37px !important; border:none; display:inline-block; height:11px; color:#3B3B3B; line-height:1; margin:0px; } div.jav-moderation .pop-in ol li a.jav-spend-1:hover{ background-position:0px -590px; color: #828282; } div.jav-moderation .pop-in ol li a.jav-spend-2:hover{ background-position:0px -612px; color: #828282; } div.jav-moderation .pop-in ol li a.jav-spend-3:hover{ background-position:0px -634px; color: #828282; } span.jav-comment a { background: url(../images/big-sprite.png) no-repeat 0px -417px; padding-left:18px; display:block; height:14px; line-height:14px; margin: 0; margin-top:4px; float:right; } .javtabs-mainwrap { margin:0px 20px; } .voiceitem_menu{ margin:0px 20px;} span.jav-comment a:hover{ background-position: 0px -444px; color: #828282; } #submenu ul.menu li.dashboard a span{ } #submenu ul.menu li.dashboard a:hover span{ } .voiceitem_menu ul.menu{ border-bottom: 1px solid #e2ded3;} a.user{ text-transform:capitalize; color:#222222; font-weight:bold;} #jav-dialog a#jav-dialog-close, #jav-firsttime-voting a#jav-dialog-close-1 { background: url(../images/big-sprite.png) no-repeat -0px -779px; border: medium none; height: 21px; width: 20px; position: absolute; right: 10px; top: 10px; z-index: 10; } #jav-dialog a#jav-dialog-close:hover, #jav-firsttime-voting a#jav-dialog-close-1:hover { background-position: -0px -800px; } #jav-dialog a#jav-dialog-close:focus, #jav-firsttime-voting a#jav-dialog-close-1:focus, #jav-dialog a#jav-dialog-close:active, #jav-firsttime-voting a#jav-dialog-close-1:active { background-position: -0px -821px; } img.jav-avatar { float: left; margin:0px 10px 10px 0px; background: url(../images/big-sprite.png) no-repeat -398px -249px; padding: 13px 7px 11px 7px; } .jav-reponse-text p { padding:0px 0px 0px 64px; margin:0px 0px 10px 0px;} /* PHOCA ---*/ .phoca-dl-file-box-mod .pd-document16, #phoca-dl-file-box .pd-document16, #phoca-dl-category-box .pd-document16{ padding:0px 0px 0px 20px; margin:5px 0px 5px 0px; background: url(../images/big-sprite.png) no-repeat -490px -463px; height:20px; line-height:20px; } .date_download, .download_hits { color:#3b3b3b; font-weight:bold;} #phoca-dl-category-box .pdpreview div a { margin:0px 10px 0px 0px; line-height:1; } #phoca-dl-category-box .pddownload div a { position:relative; display:inline-block; margin: 0px; line-height:1; text-decoration:none; font-weight: bold; color:#FFF; text-shadow: 0 -1px 0px #5c5e1f; background: #b8d857; background: -webkit-gradient(linear, left top, left bottom, from(#b8d857), to(#90af24)); background: -moz-linear-gradient(top, #b8d857, #90af24); border: 1px solid #8a9d44; border-top-color: #95ad42; border-bottom-color: #7e8d46; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); cursor: pointer; padding: 7px 12px 7px 12px; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #phoca-dl-category-box .pddownload div a .a-btn-icon-left { width:30px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } #phoca-dl-category-box .pddownload div a:hover { background: #c0e258; background: -webkit-gradient(linear, left top, left bottom, from(#c0e258), to(#9abc24)); background: -moz-linear-gradient(top, #c0e258, #9abc24); border: 1px solid #91aa38; border-top-color: #9db83f; border-bottom-color: #83982e; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); color:#FFF !important; } #phoca-dl-category-box .pddownload div a:focus, #phoca-dl-category-box .pddownload div a:active { background: #809d1e; background: -webkit-gradient(linear, left top, left bottom, from(#809d1e), to(#84a121)); background: -moz-linear-gradient(top, #809d1e, #84a121); border: 1px solid #718330; border-top-color: #65791a; border-bottom-color: #7e8d45; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); color:#FFF !important; } .contentdescriptiondownload-page p{ font-size:14px;} #phoca-dl-category-box .pddownload div a:hover .a-btn-icon-left { } #phoca-dl-category-box .pddownload div a .a-btn-icon-left span { height: 14px; left: 50%; margin: -7px 0 0 -7px; position: absolute; top: 50%; width: 13px; } .pd-c-pdfile p{ margin:0;} .contentpane p{ margin:0;} .contentdescription p { margin: 0px 0px 15px 0px; font-size:14px; } #phoca-dl-category-box{margin:0px 20px 0px 20px;} #phoca-dl-sections-box{ margin:10px 0px 0px 20px; } .pd-category{ margin-top:10px; } #phoca-dl-section-box .contentdescription{ padding:0;} #phoca-dl-section-box{ margin:10px 20px 0px 20px;} .pd-category .contentdescription{ padding:0;} #phoca-dl-most-viewed-box { margin: 0px 20px 0px 20px; } .phoca-dl-hr { margin: 0px 20px 0px 20px; border-bottom: 1px solid #eae8e5; } #sbox-window.phocadownloadpreviewwindow { background-color: #FFFFFF !important; padding: 2px; } .pd-down16{ float:right;} .pd-down16 .xsmall_green{ margin:0px 0px 5px 0px;} span.more_info_latest{ cursor:pointer; float:left; color:#3B3B3B; font-weight:bold; margin-top:5px;} .pdfile span.active{color:#828282;} .pdfile span.hover{ color:#828282;} .pdfile span.hoveractive{ color:#3B3B3B;} #phoca-dl-section-box h3 { font-size:180%;} .downloads_num_top{ font-size:12px; color:#3b3b3b; font-weight:bold;} .downloads_text_top{ font-size:12px; color:#727272;} .top_download_details small { color: #a9a9a9; font-size: 10px; font-style:italic; } .top_download_details a { color: #3B3B3B; font-weight:bold; } .top_download_details a:hover { color: #828282; } .top_download_details{ position:relative; padding:10px 20px 10px 45px; border-bottom:1px solid #eae8e5;} .top_download_details_number_1{ padding:15px 20px 10px 45px; } .top_download_details_number_5{ padding:10px 20px 0px 45px; border-bottom:none;} .top_download_top_number{ font-size:28px; font-weight:bold; color:#424242; position:absolute; left:20px; top:15%; } .blog div.itemFullText h3 a{ font-size:21px; color:#232323;} .blog div.itemFullText h3 a:hover{ color:#232323; text-decoration:underline;} .blog div.itemFullText h3 span.top{ padding:0px; clear:both; font-size:24px; padding:0px; background:none; } /* MEMBERSHIP ---*/ .category-products{ margin:0px 20px; } .category-title{ margin:0px 20px; text-align:center; } .category-title h2{ color:#696862; font-weight:bold; font-size:30px; margin:30px 0px 25px 0px; text-shadow:0px 1px 0px #FFF; } .membership_list{ background:#FFF; border:1px solid #eae8e5; border-bottom:none; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } .shadowMembership { background: url(../images/bottom-membership-view.png) no-repeat; height: 6px; } .membershipItem { float:left; width:233px; text-align:center; background:url(../images/divisor-vertical-repeat-newsletter.gif) repeat-y top right #FFF; } .membershipItemLast{ background:none; } .membershipItem_box{ padding:20px 0px;} .price_box{ height:150px; width:150px; margin:0 auto; border:1px solid #eeebe3; background:#f6f3ef; position:relative; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; -webkit-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, 0.1); } .hover_membership .free_membership_color .price_box{ border:1px solid #ecab3d; background:#feca5c; } .hover_membership .premium_membership_color .price_box{ border:1px solid #1867bf; background:#1c96e4; } .price_box span{ display:inline-block;} .price_membership{ color:#424242; font-weight:bold; font-size:62px; letter-spacing:-3px; padding-top:28px;} .price_membership .currency{ color:#424242; font-weight:bold; font-size:42px; position:absolute; top:43px; left:17px;} .hover_membership .price_membership{ color:#FFF; text-shadow:0px -1px 0px rgba(0, 0, 0, 0.4);} .hover_membership .price_membership .currency{ color:#FFF; text-shadow:0px -1px 0px rgba(0, 0, 0, 0.4);} h2.membership_name { font-size:24px; font-weight:bold; color:#3b3b3b;} ul.membership_list_includes li { font-size:14px; } ul.membership_list_includes li span{ background: url(../images/big-sprite.png) no-repeat -0px -652px; padding-left:18px; } ul.membership_list_includes li span.crossed{ background: url(../images/big-sprite.png) no-repeat -0px -1392px; padding-left:18px; } .details_list_icons{ width:20%; margin:0 auto; text-align:center;} .faq_memberWrapper h2 { background: url(../images/divisor-repeat-blog.gif) repeat-x left bottom; margin: 0px 0px 10px 0px; padding: 20px 20px; } .faq_memberWrapper{ padding:0px 0px 20px 0px; margin:15px 20px; font-size:14px; background:#FFF; border:1px solid #eae8e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.1); } .grid_left{ float:left; width:45%; padding:0px 0px 0px 20px;} .grid_right{ float:right; width:45%; padding:0px 20px 0px 0px;} .ui-datepicker { padding:0; line-height:normal; border:none; } #footer_membership{ margin:0px 20px; } #footer_membership h2{ font-size:24px; font-weight:bold; color:#3b3b3b; text-align:center; margin:40px 0px 30px 0px; } #slider-block{ text-shadow:0px 1px 0px #FFF;} #slider_membership { text-align:center; margin:0px 0px 40px 0px;} #slider_membership h1{ font-size:52px; color:#424242; margin:30px 0px 0px 0px;} #slider_membership h2{ font-size:26px; color:#424242; margin:0;} #resources_box{ margin:0 auto;} .resource_count{ float:left; width:170px; line-height:1; margin:0px; padding:40px 0px 40px 140px; } .resource_count span{ color:#393939; font-size:36px; font-weight:bold;} .resource_count h3{ color:#696862; font-size:14px; font-weight:bold; margin:0px;} .resource_count_total{ float:left; width:280px; margin:0px; padding:20px 0px 20px 30px; } .resource_count_total span.total_count_number{ height:94px; background:#ecf3e5; padding:0px 15px; display:block; float:left; font-size:50px; color:#393939; font-weight:bold; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; border-top:1px solid #dae3d0; border-right:1px solid #e1e8d9; border-bottom:1px solid #e8ede1; border-left:1px solid #e1e8d8; line-height:94px; -webkit-box-shadow: 0px 1px 0px 0px #FFF, inset -3px 0px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px #FFF, inset -3px 0px 4px -2px rgba(0, 0, 0, 0.1); } .resource_count_total h3 { font-size:14px; color:#393939; font-weight:bold; text-transform: uppercase; float:left; margin:0; padding:28px 20px 10px 20px; background:#f3efe5; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; border-top:1px solid #e0dccf; border-right:1px solid #e6e3d8; border-bottom:1px solid #edeae1; border-left:1px solid #fcfbf8; height:56px; line-height:1; -webkit-box-shadow: 0px 1px 0px 0px #FFF; box-shadow: 0px 1px 0px 0px #FFF; } .resource_count_total h3 span{ font-size:26px; color:#393939; font-weight:bold; display:block;} .print_icon_join{ background:url(../images/print-icon-join-now.png) no-repeat left center; } .webs_icon_join{ background:url(../images/webs-icons-join-now.png) no-repeat left center; } .icons_icon_join{ background:url(../images/icons-icon-join-now.png) no-repeat left center; } .vectors_icon_join{ background:url(../images/vectors-icons-join-now.png) no-repeat left center; } .graphics_icon_join{ background:url(../images/graphics-icon-join-now.png) no-repeat left center; } .total_icon_join{ background:url(../images/total-icon-join-now.png) no-repeat left center; } .content_register{ margin:0px 20px;} .content_register legend{ display:block;} #regForm .content_register label, #regForm .content_register label.required { width: 230px; margin:13px 0px 5px 0px; } #regForm .inputbox, #regForm input[type="text"], #regForm input[type="password"] { width:230px;} #regForm .content_register .input-box { padding-bottom:5px;} .vanadium-advice, .vanadium-invalid{ display:block; color: #FF0000; font-style: italic; margin-top:2px; } #regForm .content_register label.required em { color: #424242; font-variant: bold; margin-right: 3px; } .content_register_box{ margin:20px 60px 0px 60px; padding:20px; background:#FFF; border:1px solid #eae8e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.1); } .content_register h2{ font-size:18px; color:#727272; font-weight:normal; text-align:center; margin:30px 0px 25px 0px;} .content_register h2 a{ font-size:18px; color:#424242; font-weight:bold;} .content_register .reg_form{ border-right:1px solid #e7e4db; width:275px; float:left;} .content_register .membership_info_form { width:498px; float:right; } .membership_plans_price, .membership_payments { padding:0px 0px 0px 20px; } .membership_plans_price legend, .membership_payments legend { margin:0px 0px 0px 0px; } .membership_payments { padding:20px 0px 0px 20px; border-top:1px solid #e7e4db; } .register_membership_button{ padding:0px 0px 0px 20px; margin:20px 0px 0px 0px;} .paypal_logos{ background: url(../images/paypal-logos.gif) no-repeat; display:block; width:209px; height:48px; } #payments{ position:relative;} .member_plan_selection{ float:left; text-align:center; margin:15px 15px 0px 15px;} .member_plan_selection span{ display:block;} .membership_name{ font-weight:bold; color:#3b3b3b; font-size:24px; margin:10px 0px 0px 0px;} .membership_price_detail{ font-size:14px; color:#424242; font-weight:bold;} .membership_payments span{ display:block;} .membership_payment_platform{font-weight:bold; color:#3b3b3b; font-size:24px; margin:10px 0px 0px 0px;} .membership_price_detail span.nobold{ color:#727272 !important; font-weight:normal !important; display:inline !important;} .user_registered_upgrade{ font-size:14px; padding-bottom:225px;} #ui-datepicker-div{ display:none;} .dashboard{ margin:0px 10px;} .dashboard .welcome-msg p{margin:0px 10px;} p.subinfo-details {padding:0px 10px;} .dashboard .page-title{margin:0px 10px;} .dashboard .page-title h1{ background: url(../images/big-sprite.png) no-repeat -467px -1031px; color: #3B3B3B; font-size: 28px; font-weight: bold; height: 34px; letter-spacing: -1px; line-height: 34px; margin: 25px 0 30px; padding: 0 0 0 40px; text-shadow: 0 1px 0 #FFFFFF; } .dashboard .welcome-msg p.hello { font-size:14px; font-weight:bold; color:#424242;} .box-account { padding:20px 0px; margin:0px 0px 20px 0px; background:#FFF; border:1px solid #eae8e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.1); } .box-account .box-head{ text-align:left; border:none; padding:0px 20px 20px 20px; margin:0px 0px 20px 0px; background: url(../images/divisor-repeat-blog.gif) repeat-x scroll left bottom transparent; } .dashboard .box-recent .box-head h2 { background: url(../images/big-sprite.png) no-repeat -486px -1327px; } .dashboard .box-info .box-head h2 { background: url(../images/big-sprite.png) no-repeat -486px -1350px; } .dashboard .welcome-msg { margin: 0px 0px 20px 0px; } .box-account .box-head h2 { background-position: 0 0; background-repeat: no-repeat; color: #3b3b3b; float: none; font-size: 18px; font-weight: bold; margin: 0; padding-left: 25px; text-transform: capitalize; } .box-table{ padding:0px 20px;} .data-table { border: 1px solid #dfdbd0; border-top: 1px solid #d1cdc0; border-bottom: 1px solid #e5e2d7; width: 100%; } .data-table .odd { background:#F8F7F5; } .download-table ul li{ float:left;} .download-table ul li a {color: #727272; margin: 2px 10px 2px 0; padding: 0; text-decoration: underline;} #ja-content-main .data-table .button { margin:5px 0px;} .data-table tr.last th, .data-table tr.last td { border-bottom:none !important; } #contactTable tr{ border-bottom:1px solid #eae8e5;} #contactTable tr.last{ border-bottom:none;} #contactTable td{ padding:10px 5px;} .dashboard .box-info h4 { font-size: 14px; font-weight: bold; text-transform: capitalize; margin:10px 0px 0px 0px; } #billinginfo .inputbox, #billinginfo input[type="text"], #billinginfo input[type="password"] { width: 500px; } .data-table thead th { background: #ece8e4; } .data-table thead th { border-right: 1px solid #dad6c9; color: #424242; font-weight: bold; padding: 2px 8px; vertical-align: middle; white-space: nowrap; } .data-table tbody th, .data-table tbody td { border-bottom: 1px solid #e5e2d7; border-right: 1px solid #dad6c9; color: #5a5a5a; height: 40px; } .data-table td { padding: 3px 8px; } /* POPUP ---*/ #popup_rss{ display:none; } .popup_rss_wrapper{ width:350px; margin:0 auto; } .popup_rss_wrapper h3.titlerss{ background: url(../images/big-sprite.png) no-repeat 130px -1585px; padding-top:100px; } .popup_rss_buttons{ position:relative; border-bottom:1px solid #cdcbc9; margin-bottom:20px; } .popup_rss_buttons .fl, .popup_rss_buttons .fr { margin-top:10px; padding:20px 0px 20px 0px; } .popup_rss_buttons .fl{ border-right:1px solid #cdcbc9; padding-right:29px; } .or_rss{ font-style:italic; display:block; padding-top:5px; height:25px; width:40px; position:absolute; top:28px; left:156px; background:#F6F3EF; } input.mailfield{ width:200px; } #popup_rss .popup_rss_wrapper .button{ margin-left:10px; } /* Overlay */ #simplemodal-overlay {background-color:#000;} /* Container */ #simplemodal-container { color:#727272; background-color:#f6f3ef; padding:12px; text-align:center; border:1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container p { margin:15px 0px 15px 0px;} #simplemodal-container a.modalCloseImg { background: url(../images/big-sprite.png) no-repeat -0px -779px; height: 21px; width: 20px; display:block; z-index:3200; position:absolute; top:10px; right:10px; cursor:pointer; } #simplemodal-container a.modalCloseImg:hover { background-position: -0px -800px; cursor:pointer;} #simplemodal-container a.modalCloseImg:focus, #simplemodal-container a.modalCloseImg:active { background-position: -0px -821px; cursor:pointer;} .simplemodal-close{ cursor:pointer;} #jaForm #javoice_ar { background: url(../images/big-sprite.png) no-repeat -0px -779px; height: 21px; width: 20px; display:block; z-index:3200; position:absolute; top:5px; right:5px; cursor:pointer; } #jaForm #javoice_ar:hover { background-position: -0px -800px; cursor:pointer;} #jaForm #javoice_ar:focus, #jaForm #javoice_ar:active { background-position: -0px -821px; cursor:pointer;} .greenpx{ color:#7A8A00;} .sign-in{ font-size: 24px; text-align: center!important; font-family:Arial, Helvetica, sans-serif; color:#424242; font-weight:bold; background: url(../images/big-sprite.png) no-repeat 24px -854px; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; height:32px; } #simplemodal-container .simplemodal-data {padding:8px;} #popup_notice{ display:none;} #simplemodal-container #popup_notice{width:460px; padding:110px 8px 40px 8px; margin:0 auto; position:relative;} #popup_notice span.update_item{ width:83px; height:83px; position:absolute; top:30px; left:197px; background: url(../images/big-sprite.png) no-repeat -393px -626px; } #popup_notice h3{ font-size:20px; margin:20px 0px 0px 0px; color:#727272; font-weight:normal;} #popup_notice h3 span{font-weight:bold;} #popup_notice p{ margin:0px 0px 0px 0px; color:#727272;} #popup_social_notice{ position:relative; padding:85px 0px 100px 0px; width:312px; margin:0 auto;} .facebook_notice{ background: url(../images/big-sprite.png) no-repeat -0px -680px; width:18px; height:41px; position:absolute; left:93px; top:25px;} .facebook_notice:hover{ background-position:-0px -721px;} .twitter_notice{background: url(../images/big-sprite.png) no-repeat -101px -680px; width:42px; height:30px; position:absolute; right:85px; top:28px;} .twitter_notice:hover{ background-position:-101px -710px;} .rss_notice{ background: url(../images/big-sprite.png) no-repeat -18px -680px; width:42px; height:40px; position:absolute; left:90px; bottom:42px;} .rss_notice:hover{ background-position:-18px -720px;} .mail_notice{ background: url(../images/big-sprite.png) no-repeat -60px -680px; width:41px; height:28px; position:absolute; right:85px; bottom:42px;} .mail_notice:hover{ background-position:-60px -708px;} .or_social{ background: url(../images/big-sprite.png) no-repeat -73px -745px; position:absolute; left:0px; top:70px; width:313px; height:25px; line-height:25px; text-align:center;} #popup_notice .buttongrey{ margin:0px;} #popup_download{ display:none;} #simplemodal-container #popup_download{ padding:30px 8px 0px 8px; width:450px; margin:0 auto;} #popup_download h3{ font-size:20px; padding-bottom:65px; margin-bottom:50px; color:#727272; position:relative; border-bottom:1px solid #e5e1d7; font-weight:normal; } span.share_icon{ width:126px; height:84px; background: url(../images/big-sprite.png) no-repeat -326px -779px; position:absolute; left:249px; top:112px; } .thankyou_popup{ font-size:18px; font-style:italic; color:#727272; font-family:Georgia, "Times New Roman", Times, serif; line-height:22px;} #popup_share_download{ padding-left:42px; margin:0px 0px 15px 0px;} #linkit_blog { padding:0px 0px 15px 0px; background:#f3f0ec; border:1px solid #e7e4d9; border-top:1px solid #e0dccf; border-bottom:1px solid #edeae1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 0px -1px #fdfcfb; -moz-box-shadow: 0px 2px 0px -1px #fdfcfb; box-shadow: 0px 2px 0px -1px #fdfcfb; } #linkit_blog p{ font-style:italic; font-size:14px; color:#424242; margin:0px auto 5px auto; padding:15px 0px 0px 0px; background: url(../images/big-sprite.png) no-repeat right -1297px; width:231px; } #linkit_blog span{ font-size:12px;} #share_social_follow p{font-size:18px; font-style:italic; color:#232323; font-family:Georgia, "Times New Roman", Times, serif; margin:20px 0px 5px 0px;} #popup_newsletter{ display:none;} #simplemodal-container #popup_newsletter{ padding:40px 8px 0px 8px; width:460px; margin:0 auto;} #popup_newsletter h3{ font-size:20px; margin-bottom:15px; color:#727272; background: url(../images/big-sprite.png) no-repeat 9px -853px; width:350px; margin:0px auto 15px auto; font-weight:normal; } #popup_newsletter p{ font-size:14px; color:#727272; margin:15px 0px 0px 0px; padding:5px 0px 10px 0px; border-bottom:1px solid #e5e1d7;} #popup_newsletter .inputbox{ width:210px;} #popup_newsletter .acymailing_module{ float:none; padding-left:68px !important; } #popup_newsletter p.privacy_popup{ font-size:12px; margin:5px 0px; padding:0px; border:none; font-style:italic;} #popup_newsletter p.privacy_popup a{ color:#3B3B3B; font-style:normal;} #popup_newsletter p.privacy_popup a:hover{ } #popup_newsletter .maillink{ background: url(../images/big-sprite.png) no-repeat 19px -1008px; width:350px; margin:15px auto 0px auto; } #newsletter_subscribe{ padding:10px 0px; width:460px; } #popup_member, #popup_premium{ display:none;} #simplemodal-container #popup_member,#simplemodal-container #popup_premium{ padding:40px 8px 0px 8px; width:447px; margin:0 auto;} #popup_member h3{ font-size:20px; margin-bottom:15px; color:#727272; background: url(../images/big-sprite.png) no-repeat 0px -960px; width:314px; margin:0px auto 15px auto; font-weight:normal; } #popup_premium h3{ font-size:20px; margin-bottom:15px; color:#727272; background: url(../images/big-sprite.png) no-repeat 0px -960px; width:333px; margin:0px auto 15px auto; font-weight:normal; } #popup_member p, #popup_premium p{ font-size:14px; color:#727272; margin-top:15px;} #popup_member .loginpopup, #popup_premium .loginpopup { color:#222222; } #popup_member .loginpopup:hover strong, #popup_premium .loginpopup:hover strong { color:#828282; text-decoration:none;} #popup_member .pop_member_freebies, #popup_premium .pop_member_freebies{ background: url(../images/big-sprite.png) no-repeat 3px -924px; width:255px; margin:15px auto 0px auto; } input.embed_link { background: #e5e1d7; border:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #232323; font-size: 10px; font-family:Arial, Helvetica, sans-serif; margin: 0px; text-align:right; padding:8px 5px; width: 180px; margin-left:15px; } /* end ---*/ /* BUTTONS ---*/ .buttongrey { position:relative; display:inline-block; margin: 10px 0px; text-decoration:none; font-weight: bold; color:#7C7C7C; text-shadow: 0 1px 0px #fff; background: #f9f6ee; background: -webkit-gradient(linear, left top, left bottom, from(#f9f6ee), to(#f3f0e7)); background: -moz-linear-gradient(top, #f9f6ee, #f3f0e7); border: 1px solid #d8d4c8; border-top-color: #d6d3c8; border-bottom-color: #dad6c9; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.5); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.5), inset -1px 0 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.5); cursor: pointer; line-height: 1; } .buttongrey:hover { color: #727272 !important; text-shadow: 0 1px 0px #fff; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f9f7f4)); background: -moz-linear-gradient(top, #fefefe, #f9f7f4); border: 1px solid #d8d4c8; border-top-color: #d6d3c8; border-bottom-color: #dad6c9; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4); } .buttongrey:focus, .buttongrey:active { color: #3e3e3e !important; text-shadow: 0 1px 0px #fff; background: #f1ede1; background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3efe6)); background: -moz-linear-gradient(top, #f1ede1, #f3efe6); border: 1px solid #dfdbcf; border-top-color: #dad6c9; border-bottom-color: #e5e2d7; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.4), inset -1px 0 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 1px -1px rgba(0,0,0,0.2); } .small_grey { padding: 5px 10px 5px 6px; font-size: 12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .big_grey { padding: 12px 15px 10px 15px; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .buttongrey span{ display:block; height:16px; line-height:16px;} .noicon_small_grey{ padding: 5px 10px 5px 10px; } .takeatour span{ padding-left: 26px; background: url(../images/big-sprite.png) no-repeat 0px -362px; } .takeatour:focus span, .takeatour:active span { background-position: 0 -348px; } .documentation_web span{ padding-left: 23px; background: url(../images/big-sprite.png) no-repeat -484px -826px; height: 18px; line-height: 18px; } .documentation_web { border-radius: 5px 5px 5px 5px; font-size: 14px; padding: 12px 10px 10px; } .psd_gallery span{ padding-left: 23px; background: url(../images/big-sprite.png) no-repeat -481px -786px; height: 16px; line-height: 16px; } .demo_web span{ padding-left: 23px; background: url(../images/big-sprite.png) no-repeat -481px -785px; height: 17px; line-height: 17px; } .gallery_web span{ height: 17px; line-height: 17px; } .fullpreview span{ padding-left: 23px; background: url(../images/big-sprite.png) no-repeat -486px -247px; } .fullpreview:focus span, .fullpreview:active span { background-position: -486px -263px; } .gallery_box_web{ display:none;} .license span{ padding-left: 23px; background: url(../images/big-sprite.png) no-repeat -487px -280px; } .license:focus span, .license:active span { background-position: -487px -295px; } .rss_link span{ padding-left: 20px; background: url(../images/big-sprite.png) no-repeat -487px -148px; } .closepopup{ font-weight:normal; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .closepopup span{ padding-right: 26px; background: url(../images/big-sprite.png) no-repeat right -1377px; } .closepopup:hover span, .closepopup:focus span { background-position: right -1393px; } .buttonorange { position:relative; display:inline-block; text-decoration:none; font-weight: bold; color:#FFF; text-shadow: 0 -1px 0px #b4862b; background: #f5ce63; background: -webkit-gradient(linear, left top, left bottom, from(#f5ce63), to(#f3b141)); background: -moz-linear-gradient(top, #f5ce63, #f3b141); border: 1px solid #dfa034; border-top-color: #f3b142; border-bottom-color: #ce9028; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); cursor: pointer; line-height: 1; } .buttonorange .a-btn-icon-left{ position:absolute; left:0px; top:0px; height:100%; line-height: 1; } .buttonorange:hover { background: #feda70; background: -webkit-gradient(linear, left top, left bottom, from(#feda70), to(#febc4b)); background: -moz-linear-gradient(top, #feda70, #febc4b); border: 1px solid #edac3e; border-top-color: #ffbb49; border-bottom-color: #d7992f; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); color:#FFF !important; } .buttonorange:focus, .buttonorange:active { background: #f0a021; background: -webkit-gradient(linear, left top, left bottom, from(#f0a021), to(#f1aa33)); background: -moz-linear-gradient(top, #f0a021, #f1aa33); border: 1px solid #bc8221; border-top-color: #ab751a; border-bottom-color: #cd9028; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); color:#FFF !important; } .buttonorange:hover .a-btn-icon-left, .buttonorange:focus .a-btn-icon-left{ } .big_orange { padding: 11px 29px 11px 70px; font-size: 24px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 15px 0px 10px 0px; } .big_orange small { font-size:12px; font-style:italic; display:block; font-weight:normal; padding-top:2px; color:#FFF; } .medium_orange{ padding: 11px 10px 11px 8px; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 10px 0px; } .rss_link span{ } .buttonblue { position:relative; display:inline-block; text-decoration:none; font-weight: bold; color:#FFF; text-shadow: 0 -1px 0px #285990; background: #2a9ce5; background: -webkit-gradient(linear, left top, left bottom, from(#2a9ce5), to(#1d7ab6)); background: -moz-linear-gradient(top, #2a9ce5, #1d7ab6); border: 1px solid #2064af; border-top-color: #1d67ba; border-bottom-color: #265e9c; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); cursor: pointer; line-height: 1; } .buttonblue .a-btn-icon-left{ position:absolute; left:0px; top:0px; height:100%; line-height: 1; } .buttonblue:hover { background: #1fa6fb; background: -webkit-gradient(linear, left top, left bottom, from(#1fa6fb), to(#1988d0)); background: -moz-linear-gradient(top, #1fa6fb, #1988d0); border: 1px solid #1867bf; border-top-color: #116bcf; border-bottom-color: #1e63b1; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); color:#FFF !important; } .buttonblue:focus, .buttonblue:active { background: #156699; background: -webkit-gradient(linear, left top, left bottom, from(#156699), to(#196fa7)); background: -moz-linear-gradient(top, #156699, #196fa7); border: 1px solid #114d91; border-top-color: #0c407b; border-bottom-color: #1658a1; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); color:#FFF !important; } .buttonblue:hover .a-btn-icon-left, .buttonblue:focus .a-btn-icon-left{ } .buttonblue { padding: 11px 29px 11px 70px; font-size: 24px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 15px 0px 10px 0px; } .buttonblue small { font-size:12px; font-style:italic; display:block; font-weight:normal; padding-top:2px; color:#FFF; } .buttongreen { position:relative; display:inline-block; text-decoration:none; font-weight: bold; color:#FFF; text-shadow: 0 -1px 0px #5c5e1f; background: #b8d857; background: -webkit-gradient(linear, left top, left bottom, from(#b8d857), to(#90af24)); background: -moz-linear-gradient(top, #b8d857, #90af24); border: 1px solid #8a9d44; border-top-color: #95ad42; border-bottom-color: #7e8d46; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); cursor: pointer; line-height: 1; } .buttongreen:hover { background: #c0e258; background: -webkit-gradient(linear, left top, left bottom, from(#c0e258), to(#9abc24)); background: -moz-linear-gradient(top, #c0e258, #9abc24); border: 1px solid #91aa38; border-top-color: #9db83f; border-bottom-color: #83982e; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2); color:#FFF !important; } .buttongreen:focus, .buttongreen:active { background: #809d1e; background: -webkit-gradient(linear, left top, left bottom, from(#809d1e), to(#84a121)); background: -moz-linear-gradient(top, #809d1e, #84a121); border: 1px solid #718330; border-top-color: #65791a; border-bottom-color: #7e8d45; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0 4px 4px -4px rgba(0,0,0,0.5); color:#FFF !important; } .a-btn-icon-left{ position:absolute; left:0px; top:0px; height:100%; line-height: 1; } .big_download .a-btn-icon-left { width:65px; } .big_download .a-btn-icon-left span { background: url(../images/big-sprite.png) no-repeat 0px -64px; height: 34px; left: 50%; margin: -16px 0 0 -16px; position: absolute; top: 50%; width: 33px; } .a-btn-text{ display:block;} .buttongreen:hover .a-btn-icon-left, .buttongreen:focus .a-btn-icon-left{ } .big_download:hover .a-btn-icon-left span, .big_download:focus .a-btn-icon-left span { background: url(../images/big-sprite.png) no-repeat 0px -64px; } .big_green { padding: 11px 29px 11px 70px; font-size: 24px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 15px 0px 10px 0px; } .big_green small { font-size:12px; font-style:italic; display:block; font-weight:normal; padding-top:2px; color:#FFF; } .register_action .medium_green{ padding: 14px 18px 14px 20px; } .medium_membership{ padding: 10px 18px 10px 18px; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 10px 0px; } .medium_green{ padding: 11px 18px 9px 45px; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 10px 0px; } .medium_green .a-btn-text{ line-height:16px; height:16px;} .medium_green .a-btn-icon-left { width:38px; } .joinnow .a-btn-icon-left span { background: url(../images/big-sprite.png) no-repeat -112px -293px; height: 19px; left: 50%; margin: -9px 0 0 -6px; position: absolute; top: 50%; width: 20px; } .joinnow:hover .a-btn-icon-left span, .joinnow:focus .a-btn-icon-left span { background: url(../images/big-sprite.png) no-repeat -112px -312px; } .register .a-btn-icon-left span { background: url(../images/big-sprite.png) no-repeat -112px -312px; height: 19px; left: 63%; margin: -9px 0 0 -10px; position: absolute; top: 50%; width: 20px; } .small_green{ padding: 8px 12px 8px 42px; font-size: 12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 10px 0px; } .small_green .a-btn-icon-left { width:30px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .addgreen .a-btn-icon-left span { background: url(../images/icons-sprite.png) no-repeat -55px -96px; height: 11px; left: 50%; margin: -6px 0 0 -5px; position: absolute; top: 50%; width: 10px; } .small_download { padding: 7px 12px 7px 42px; } .small_download .a-btn-icon-left span { background: url(../images/icons-sprite.png) no-repeat -65px -96px; height: 14px; left: 50%; margin: -7px 0 0 -7px; position: absolute; top: 50%; width: 13px; } .xsmall_green{ padding: 10px 15px 10px 15px; font-size: 12px; font-weight:normal; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 0px; } .xsmall_green .a-btn-icon-left { width:24px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .xsmall_download .a-btn-icon-left span { height: 14px; left: 50%; margin: -7px 0 0 -6px; position: absolute; top: 50%; width: 13px; } .xsmall_download .a-btn-text { font-weight:bold;} .buttongreenfull { position:relative; display:inline-block; margin: 10px 0px; text-decoration:none; font-weight: bold; color:#FFF; text-shadow: 0 -1px 0px #5c5e1f; background: #a8af3f; background: -webkit-gradient(linear, left top, left bottom, from(#a8af3f), to(#999f3c)); background: -moz-linear-gradient(top, #a8af3f, #999f3c); border: 1px solid #8e942a; border-top-color: #949b2b; border-bottom-color: #858b28; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(185,191,76,1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(185,191,76,1); box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(185,191,76,1); cursor: pointer; line-height: 1; } .accepted { padding: 8px 10px 8px 10px; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .accepted span { background: url(../images/icons-sprite.png) no-repeat 0px -158px; height: 14px; padding-left:18px; line-height:14px; } .noicon_green{ padding: 8px 14px 8px 14px; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .buttonblackfull { position:relative; display:inline-block; margin: 10px 0px; text-decoration:none; font-weight: bold; color:#e3e1e1; text-shadow: 0 -1px 0px #2f2d2c; background: #4a4a4a; background: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#3d3d3d)); background: -moz-linear-gradient(top, #4a4a4a, #3d3d3d); border: 1px solid #282828; border-top-color: #2c2c2c; border-bottom-color: #2c2c2c; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 0px #5a5a5a; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 0px #5a5a5a; box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 0px #5a5a5a; cursor: pointer; line-height: 1; } .buttonblackfull:hover { color:#FFF; } .big_black { border-radius: 5px 5px 5px 5px; font-size: 14px; padding: 12px 11px 10px; } .small_black { padding: 5px 10px 5px 6px; font-size: 12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .created { padding: 8px 10px 8px 10px; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .created span { background: url(../images/icons-sprite.png) no-repeat 0px -172px; height: 10px; padding-left:18px; line-height:14px; } /* Product Hover ---*/ .boxgrid{ width: 302px; height: 200px; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxcaption{ position: absolute; background: url(../images/divisor-repeat-hover-view-product.gif) repeat-x bottom left #FFF; padding:0px 0px 15px 0px; height: 23px; width: 100%; top: 200px; left: 0px; } .productinfo_caption{ margin-top:10px; padding:0px 18px; } .free_product{ font-weight:bold; font-style:italic; text-shadow:0px -1px 0px rgba(0,0,0, 0.5); color:#FFF; border: 1px solid #829737; border-top-color: #7c9036; border-bottom-color: #879d3a; background: #9fbd36; background: -webkit-gradient(linear, left top, left bottom, from(#9fbd36), to(#90b024)); background: -moz-linear-gradient(top, #9fbd36, #90b024); padding:2px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); } .free_product_account{ font-weight:bold; font-style:italic; text-shadow:0px -1px 0px rgba(0,0,0, 0.5); color:#FFF; border: 1px solid #d69931; border-top-color: #ce9028; border-bottom-color: #dc9f37; background: #f4c356; background: -webkit-gradient(linear, left top, left bottom, from(#f4c356), to(#f3b243)); background: -moz-linear-gradient(top, #f4c356, #f3b243); padding:2px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); } .premium_product{ font-weight:bold; font-style:italic; text-shadow:0px -1px 0px rgba(0,0,0, 0.5); color:#FFF; border: 1px solid #1e63ad; border-top-color: #1f5ea5; border-bottom-color: #1d66b9; background: #248bce; background: -webkit-gradient(linear, left top, left bottom, from(#248bce), to(#1e7cb8)); background: -moz-linear-gradient(top, #248bce, #1e7cb8); padding:2px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); } .blog_product{ font-weight:bold; font-style:italic; text-shadow:0px -1px 0px rgba(0,0,0, 0.5); color:#FFF; border: 1px solid #363636; border-top-color: #353534; border-bottom-color: #363636; background: #5a5959; background: -webkit-gradient(linear, left top, left bottom, from(#5a5959), to(#434343)); background: -moz-linear-gradient(top, #5a5959, #434343); padding:2px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1), inset 1px 0 1px 0px rgba(255,255,255,0.1), inset -1px 0 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 1px -1px rgba(0,0,0,0.6); } .product_rating_count{ font-weight:normal; color:#696862; padding:0px 15px 0px 5px; background: url(../images/big-sprite.png) no-repeat right -115px; } .product_download_hits{ font-weight:normal; color:#696862; padding:0px 17px 0px 7px; background: url(../images/big-sprite.png) no-repeat right -96px; } #login .contentdescription { padding:10px 0px;} #login .contentdescription p { margin:0px;} .print_icon{ background: url(../images/print-icon.png) no-repeat left center; padding:10px 0px 10px 250px; } .webs_icon{ background: url(../images/webs-icon.png) no-repeat left center; padding:10px 0px 10px 250px; } .icons_icon{ background: url(../images/icons-icon.png) no-repeat left center; padding:10px 0px 10px 250px; } .vectors_icon{ background: url(../images/vectors-icon.png) no-repeat left center; padding:10px 0px 10px 250px; } .graphics_icon{ background: url(../images/graphics-icon.png) no-repeat left center; padding:10px 0px 10px 250px; } /* End ---*/ /* BLOG contant layout*/ ul.notice { color: #3b3b3b; font-weight:bold; font-size:14px; list-style: none outside none; margin: 15px 0px; padding: 0px; height:33px; line-height:32px; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.3), 0px 1px 0px 0px #FFF; box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.3), 0px 1px 0px 0px #FFF; background:#F5E3E3; } ul.notice li.error{ background: url(../images/big-sprite.png) no-repeat -468px -1480px #F5E3E3; margin: 0; padding: 0; padding-left:45px; } ul.infonotice { color: #3b3b3b; font-weight:bold; font-size:14px; list-style: none outside none; margin: 15px 0px; padding: 0px; height:33px; line-height:32px; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.3), 0px 1px 0px 0px #FFF; box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.3), 0px 1px 0px 0px #FFF; background:#E3EEF5; } ul.infonotice li.info{ background: url(../images/big-sprite.png) no-repeat -468px -1516px #E3EEF5; margin: 0; padding: 0; padding-left:45px; } ul.infonotice li.info a { font-weight:normal; text-decoration:none;} blockquote, pre { white-space: normal; display:block; margin: 1em 3em !important; color: #999; border-left: 2px solid #E2DED3; padding-left: 1em !important; } .box_content{ padding:15px 20px 15px 20px !important; margin:15px 0px 15px 0px !important; border:1px solid #dad6c9; color:#727272; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f1ede1; background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3f0e7)); background: -moz-linear-gradient(top, #f1ede1, #f3f0e7); border: 1px solid #e0ddd1; border-top-color: #dad6c9; border-bottom-color: #e5e2d7; -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 0px #eae7de; -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 0px #eae7de; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.2), inset 0px 1px 0px #eae7de; } h2.template_catchphrase{ font-size:16px; margin:15px 0px 25px 0px;} .features_wrapper{ margin-top:35px;} .features_left{ width:50%; float:left;} .features_right{ width:50%; float:right;} .features_box{ margin-bottom:50px;} .features_box h3{ padding-left:25px; background: url(../images/checkbox-features.png) no-repeat left center; font-size:14px; margin:0px 0px 20px 0px;} .features_box p{ padding-left:25px;} #recaptcha_widget{margin-top:15px;} .fr { float:right;} .fl { float:left;} strong{ font-weight:bold; color:#424242;} .clear{ clear:both;} .pxblack{ color:#3b3b3b;} .textcenter { text-align:center;} p.nomargin{ margin:0;} .italic{ font-style:italic;} .font10{ font-size:10px;} .font12{ font-size:12px;} .font14{ font-size:14px;} .font16{ font-size:16px;} .font18{ font-size:18px;} .font21{ font-size:21px;} .font24{ font-size:24px;} .font30{ font-size:30px;} .underline{ text-decoration:underline;} .colorblack{ color:#3B3B3B;} .colorgreen{ color:#9cbe27;} .greybold{ font-weight:bold; color:#4e4e4e;} /** * How To Clear Floats Without Structural Markup * http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; /* NEW! See http://drupal.org/node/281106#comment-1345134 */ } /* IE Mac/Win fixes below */ .clearfix { display: inline-block; /* For IE/Mac */ } /* Hides from IE/Mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE/Mac */