/*============================================= NAME : CSS FRAME WORK DATE CREATE : 05.02.2012 DATE MODIFY : 29.04.2012 BY : JIM ===============================================*/ /*--------------------------------------------- RESET UPDATE 02.2012 -----------------------------------------------*/ /*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}li,p,div,span,strong,small{line-height:20px;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;*outline:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}a:focus{outline:none;}button{cursor:pointer;}button:focus{outline:none;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden;}.clearfix{display:inline-block;}*html.clearfix{height:1%;}.clearfix{display:block;}span.hide_text{visibility:hidden;}.clear_right{clear:right;}.clear_left{clear:left;}.clear{clear:both;}hr{position:relative;width:100%;padding:0px;clear:both;border-top:1px solid #ddd;border-bottom:1px solid #fff;border-left:none;border-right:none;clear:both;height:0px;margin:0px auto 28px;*height:2px;*margin:0px auto 14px;}*/ /*--------------------------------------------- ALL TEXT SIZE UPDATE 04.2012 -----------------------------------------------*/ body,input,textarea{font-family:Tahoma;font-size:11px;}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;margin-bottom:0px;line-height:20px;}h1{font-size:23px;line-height:40px;}h2{font-size:17px;line-height:30px;}h3{font-size:15px;}h4{font-size:13px;}h5{font-size:11px;margin-bottom:0;}h6{font-size:11px;margin-bottom:0;font-weight:bold;} a:focus{outline:0px dashed;}a{color:#1C62B9;text-decoration:none;}a:hover{text-decoration:underline;} p,dl,pre,address{margin-bottom:20px;line-height:20px;-webkit-text-size-adjust:none;} .line{background:url(./img/bg/bg-line.jpg) repeat-x center bottom;padding-bottom:10px;margin-bottom:10px;} .border{border:1px solid #ddd;border-bottom:1px solid #fff;padding:0px 4px;background:url(./img/bg/bg-header.png) repeat-x left bottom;text-shadow:0 1px 0 #fff;line-height:38px;} h1 small, h2 small, h3 small, h4 small {font-size:11px;text-shadow:0 1px 0 #fff;color:#777;font-weight:normal;letter-spacing:1px;} h1 small {font-size:12px;margin-left:5px;letter-spacing:1px;} h2.sponsor {text-shadow:0 1px 0 #fff;text-transform:uppercase;font-size:10px;} h2.sponsor a {color:#aaa;} h2.sponsor a:hover {text-decoration:none;border-bottom:1px dotted;} #keydesign {background:url(img/ico/pix.png) no-repeat center center #f9f9f9;width:600px;margin:0 auto;position:relative;height:600px;border:1px solid #ddd;padding:10px;} /*--------------------------------------------- MAIN LAYOUT UPDATE 04.2012 -----------------------------------------------*/ html {background:url(./img/bg/bg-main.png) repeat;} body {position:relative;float:left;width:100%;color:#666;} #nav {position:relative;float:left;width:100%;height:35px;z-index:1;background:url(./img/bg/bg-header-line.png) repeat-x center bottom;} #header {position:relative;float:left;width:100%;z-index:1;} #main {position:relative;float:left;width:100%;} #pre-footer {position:relative;float:left;width:100%;background:url(./img/bg/bg-line.jpg) repeat-x center top;} #footer {position:relative;float:left;width:100%;background:url(./img/bg/bg-line.jpg) repeat-x center top;z-index:2;} .wrapper {position:relative;margin:auto;max-width:960px;width:100%;z-index:0;} .area {position:relative;margin-top:10px;margin-bottom:10px;} .box {position:relative;background:url(./img/bg/shadow-4x4.png) repeat;float:left;width:100%;} .box .block {position:relative;padding:6px;overflow:auto;border:1px solid #e0e0e0;background:#fff;margin:3px;} .box_head {margin:3px 3px -2px;} /*--------------------------------------------- HEADER UPDATE 04.2012 -----------------------------------------------*/ #logo {} a.logo {display:block;height:95px;width:225px;z-index:10;background:url(./img/logo.png) no-repeat left center;} a:hover.logo {text-decoration:none;} a.logo span {visibility:hidden;} #user_box {position:absolute;right:0;top:25px;/*width:250px;*/} .user_box {float:right;height:34px;width:150px;margin:5px 0 0;padding:0;background:none;border:none;-moz-box-shadow:none;} .user_box img {border:1px solid #ddd;float:right;margin-left:10px;padding:1px;display:block;background:url(./img/bg/bg-user.png) no-repeat center center;width:32px;height:32px;text-align:center;} .user_box a {text-align:right;margin-bottom:0;float:right;width:60px;font-size:11px;line-height:18px;} .user_box a:hover {color:#1C62B9;text-decoration:underline;} .search {width:200px;position:absolute;z-index:2;top:2px;right:0;} .search #searchForm {position:relative;float:right;margin:3px 0;height:25px;} .search fieldset {margin:0;height:100%;} /*LANGUGES*/ /*#lang{position:absolute;right:0;top:1px;width:60px;height:25px;font-family:Arial;z-index:5;} #lang a{width:100%;float:right;text-align:right;visibility:hidden;padding:1px 5px 2px 0;border:1px solid;border-color:#fff #ddd #ddd #ddd;background:url(img/bg/bg-main.png) repeat left top;position:relative;top:25px;} #lang a.current {visibility:visible;border:none;position:absolute;top:0;} #lang a:hover {text-decoration:none;background:#eee;} #lang form:hover {top:-1px;right:-6px;*right:1px;*top:-1px;position:relative;} #lang form:hover a.current {position:absolute;top:0;right:0;} #lang form:hover a {visibility:visible;border:1px solid;border-color:#fff #ddd #ddd #ddd;*margin-top:-1px;top:0px;position:relative;top:25px;} #lang a img{float:right;margin:3px 0 0 5px ;}*/ /*--------------------------------------------- PRE-FOOTER UPDATE 02.2012 -----------------------------------------------*/ #pre-footer .wrapper {padding-top:20px;} #pre-footer p a {text-shadow:none;} #pre-footer .hover-slide a {transition:0.3s ease-in-out 0s;-webkit-transition:0.3s ease-in-out 0s;-moz-transition:0.3s ease-in-out 0s;} #pre-footer a.icon {background:url(./img/bt/bt-social.png) no-repeat left top;text-indent:-999999px;width:40px;height:40px;overflow:hidden;position:relative;float:left;margin:1px;} #pre-footer a.icon.yt {background-position:left top;} #pre-footer a.icon.yt:hover {background-position:left -40px;} #pre-footer a.icon.fb {background-position:-40px top;} #pre-footer a.icon.fb:hover {background-position:-40px -40px;} #pre-footer a.icon.tw {background-position:-80px top;} #pre-footer a.icon.tw:hover {background-position:-80px -40px;} #pre-footer a.icon.gp {background-position:-120px top;} #pre-footer a.icon.gp:hover {background-position:-120px -40px;} #subscribe-form input#email {font-style:italic;letter-spacing:2px;font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;text-shadow:0 1px 0 #fff;} /*--------------------------------------------- FOOTER UPDATE 02.2012 -----------------------------------------------*/ #footer .wrapper {height:40px;} #footer p img {float:none;margin:auto;} #footer .mfooter ul{float:left;width:100%;margin:0;} #footer .mfooter li {list-style:none;float:left;margin:0 15px 0 0;border:none;} #footer .copyr {float:right;width:200px;} #footer .copyr p {color:#999;text-align:right;margin:0;text-shadow:0 1px 0 #fff;font-size:10px;letter-spacing:1px;text-transform:uppercase;width:100%;white-space:nowrap;} .live-chat {position:fixed;bottom:3px;right:42px;background:url(./img/bt/live-chat.png) right top no-repeat;width:146px;height:72px;z-index:3;} .live-chat a {text-indent:-99999px;float:left;} /*--------------------------------------------- ALL ELEMENT UPDATE 06.2012 -----------------------------------------------*/ input#s {/*background:url(./search-icon.png) no-repeat right center #e9e9e9;*/background:url(./img/ico/pix.png) -139px -330px no-repeat #ececec;} input#s:focus {background:url(./img/ico/pix.png) -33px -330px no-repeat #ececec;} /*--------------------------------------------- CONTAINER UPDATE 02.2012 -----------------------------------------------*/ .box .block .input_group{margin-bottom:15px;} .dashed_placeholder{ float:left; display:block; border:1px dashed #aaa; background-color:#ddd; margin-bottom:13px !important; margin-left:1%; margin-right:0.6%; } .fullsize{ padding:0 !important; } .fullsize .box{ width:100% !important; margin:0 !important; } /*SIDE SECTION*/ .sidebar {margin-bottom:50px;position:relative;background:url(./img/bg/bg-line-ver.jpg) repeat-y 15px top;padding-left:4.167%;width:28.126%;} .sidebar h3 {font-size:11px;font-weight:bold;line-height:20px;} .sidebar li h5 {font-size: 12px;line-height: 20px;margin:0;} .sidebar div.tag, .sidebar .feature {margin-bottom:20px;float:left;} .advertise {float:left;width:100%;margin-bottom:20px;} .ads {position:relative;float:left;width:98.966%;height:auto;overflow:hidden;background:url(./img/bg/bg-inset.png) repeat;text-align:center;margin-bottom:1px;margin-left:0.5209%;margin-right:0.5209%; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 1px 0 #FFFFFF, 0 1px 2px #AFA89C inset; -moz-box-shadow:0 1px 0 #FFFFFF, 0 1px 2px #AFA89C inset; -webkit-box-shadow:0 1px 0 #FFFFFF, 0 1px 2px #AFA89C inset; } .ads img {margin:5px auto;max-width:95%;} .ads a {display:block;} .ads p {padding:0 5px 5px;margin:0;position:relative;line-height:15px;} .ads p a {display:inline;} .advertise.c2 .ads {height:auto;width:48.22%;} .advertise.c3 .ads {height:auto;} a.edit {background:url(./img/bt/edit.png) left top no-repeat;text-indent:-999px;width:18px;height:18px;overflow:hidden;position:absolute;right:0px;top:0px;} a.edit:hover {background:url(./img/bt/edit-hover.png) left top no-repeat;text-indent:-999px;width:18px;height:18px;overflow:hidden;} a.edit.admin {background:url(./img/bt/admin.png) left top no-repeat;top:20px;} a.edit.admin:hover {background:url(./img/bt/admin-hover.png) left top no-repeat;} /*--------------------------------------------- MAIN UPDATE 02.2012 -----------------------------------------------*/ /*#main .wrapper {background:url(./img/bg/bg-main.png) repeat;}*/ .banner {height:350px;overflow:hidden;margin-bottom:10px;} .banner img {width:100%;} .banner /*--------------------------------------------- ALL PAGE UPDATE 05.2012 -----------------------------------------------*/ #toTop {display:none;text-decoration:none;position:fixed;bottom:0;right:0px;overflow:hidden;border:none;text-indent:-999px;background:url(./img/ico/pix.png) no-repeat 3px -378px;width:40px;height:40px;z-index: 9999;} #toTopHover {background:url(./img/ico/pix.png) no-repeat 3px -378px;width:40px;height:40px;display:block;overflow:hidden;float:left;opacity:0; -moz-opacity: 0; filter:alpha(opacity=0);} #toTop:active, #toTop:focus {outline:none;} /*--------------------------------------------- BANNER UPDATE 02.2012 -----------------------------------------------*/ #news .banner-lof.type2 ul.sliders-wrap-inner {background:25% 50%;} #news .banner-lof.type2 ul.sliders-wrap-inner h4.title {top:250px;text-shadow:none;} #news .banner-lof.type2 ul.sliders-wrap-inner li img {height:auto!important;width:364px!important;} #news .banner-lof.type2 .navigator-wrapper {left:0!important;width:258px!important;} #news .banner-lof.type2 .slider-description {width:344px;bottom:1px;height:78px;} #news .banner-lof.type2 ul.navigator-wrap-inner {width:258px!important;} #news .banner-lof.type2 ul.navigator-wrap-inner li {height:70px!important;width:258px!important;} #news .banner-lof.type2 ul.navigator-wrap-inner li img {height:auto;margin:5px 5px 5px 0} #news .banner-lof.type2 ul.navigator-wrap-inner li div h3 {text-shadow:none;font-size:11px;} #news .banner-lof.type2 ul.navigator-wrap-inner li div span {position:absolute;bottom:0;left:5px;font-size:10px;} #news .banner-lof.type2 ul.navigator-wrap-inner li > div {padding-left:5px;} #news .banner-lof.type2 .slider-description .slider-meta {padding-top:20px;position:relative;z-index:1;} #news .banner-lof.type2 .navigator-content {width:278px;} /*--------------------------------------------- INC LINK UPDATE 02.2012 -----------------------------------------------*/ #inc_link {width:100%;clear:both;margin-top:10px;} #inc_link a.hint{margin:25px auto;padding:10px;display:block;text-align:center;text-decoration:none;background:#E4E4E4;-moz-border-radius: 30px 30px 30px 30px;} #inc_link a:hover.hint {color:#666;background:#ddd;} #inc_link h5 {color:#777;font-weight:bold;text-transform:uppercase;} #inc_link a {color:#999;} #inc_link a:hover {text-decoration:underline;} #inc_link .grid_4 {min-height:140px;padding-left:30px;} #inc_link ul {margin-top:15px;list-style:none;} #inc_link ul.qlink {float:left;margin:10px 60px 0 0;} #inc_link ul li strong {color:#999;} .footer-addons li {list-style:none;} .footer-addons li a {display:block;padding:7px 0 5px 35px;font-size:13px;background:url(./img/bt/footer-sprite.png) no-repeat;} .footer-addons li#footer_nav_iphone-app a {background-position: -127px 0;} .footer-addons li#footer_nav_iphone-app a:hover {background-position: -127px -35px;} .footer-addons li#footer_nav_android-app a {background-position: -130px -70px;margin-top:10px;} .footer-addons li#footer_nav_android-app a:hover {background-position: -130px -103px;} .footer-addons li#footer_nav_desktop-widget a {background-position: -130px -139px;display: block;margin-top:10px;padding-top:0;} .footer-addons li#footer_nav_desktop-widget a:hover {background-position: -130px -163px;} a.trust-e {background:url(../../img/bt/footer-sprite.png) no-repeat left top;float:left;height:39px;text-indent: -5000px;width:114px;} a:hover.trust-e {background:url(../../img/bt/footer-sprite.png) no-repeat left -39px;} ul.footer-social {clear:both;width:100%;float:left;} ul.footer-social li {float:left;margin:0 10px 0 0;list-style:none;} ul.footer-social li a {background-image:url(img/bt/bt-social.png);display:block;text-indent:-5000px;height:40px;width:40px;overflow:hidden;} ul.footer-social li a.twitter {background-position:-80px 0;} ul.footer-social li a:hover.twitter {background-position:-80px -40px;} ul.footer-social li a.facebook {background-position:-40px 0;} ul.footer-social li a:hover.facebook {background-position:-40px -40px;} ul.footer-social li a.gplus {background-position:-120px 0;} ul.footer-social li a:hover.gplus {background-position:-120px -40px;} ul.footer-social li a.utube {background-position:0 0;} ul.footer-social li a:hover.utube {background-position:0 -40px;} /*--------------------------------------------- PAGINATION UPDATE 02.2012 -----------------------------------------------*/ .pagination { position:relative;/*float:right;*/ padding:10px 0; right:-14px; margin:0 auto; } .pagination strong { position:relative;/*float:left;*/ font-weight:bold !important; font:11px/1.5 Tahoma; padding:3px; text-shadow:0 1px 0 #fff; margin:0 0 0 5px; text-decoration:none; /* border-top:1px solid #999; border:1px solid #aaa; border-bottom:1px solid #ccc;*/ color:#555; /* border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; box-shadow:0 1px 2px #AAAAAA inset; -webkit-box-shadow:0 1px 2px #AAAAAA inset; -moz-box-shadow:0 1px 2px #AAAAAA inset; background:#E6E6E6 ; background:-moz-linear-gradient(top, #E6E6E6 0%, #DCDCDC 99%); background:-webkit-gradient(linear, left top, left center, color-stop(0%,#E6E6E6 ), color-stop(99%,#DCDCDC ));*/ } .pagination a { position:relative;/*float:left;*/ font-weight:bold; font:11px/1.5 Tahoma; padding:3px; text-shadow:0 1px 0 #fff; margin:0 0 0 5px; text-decoration:none; /*border:1px solid #ccc; border-bottom:1px solid #aaa;*/ color:#555; /* border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;*/ /* background:#F6F6F6; background:-moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 99%); background:-webkit-gradient(linear, left top, left center, color-stop(0%,#FFFFFF), color-stop(99%,#EFEFEF));*/ } .pagination a img {display:inline; line-height:26px; position:relative; top:4px;} .pagination a:hover { text-decoration:none; /* border:1px solid #999; box-shadow:0 0 1px #999; -moz-box-shadow:0 0 1px #999; -webkit-box-shadow:0 0 1px #999;*/ } .pagination a:active {text-decoration:none;/*border:1px solid #1C62B9;*/} /*--------------------------------------------- POP UP UPDATE 04.2012 -----------------------------------------------*/ #loginbox {width:350px;overflow:hidden;} #loginbox #login_inner {padding:10px;margin:0;background:#eee;float:left;width:330px;height:auto;} #loginbox hr {margin:5px 0;*margin-bottom:-10px;} #productbox {width:500px;overflow:hidden;} #productbox #productbox_inner {margin:0;background:#eee;float:left;width:490px;height:auto;padding:5px 5px 0;} /*--------------------------------------------- SECTION FORM UPDATE 04.2012 -----------------------------------------------*/ fieldset {clear:both;margin-bottom:10px;} legend {position:relative;float:left;width:100%;font-size:13px;text-shadow:0 1px 0 #FFF;margin-bottom:5px;padding-bottom:5px;background:url(img/bg/bg-line.jpg) repeat-x left bottom;} label {font-weight:bold;margin-bottom:10px;float:left;width:100%; color:#676767;} label.half {width:50%;} label.third {width:33%;} label.forth {width:25%;} label span {float:left;width:100%;} label.text {width:85px;float:left;} input.small,textarea.small{width:40%;} input.medium,textarea.medium{width:50%;} input.large,textarea.large{width:95%;} input.large.title{font-size:23px;text-shadow:0 1px 3px #bbb;color:#111;font-family:Tahoma;} input,textarea {display:block;margin:0;background:none;border:1px solid;border-color:#BABABA #e7e7e7 #e7e7e7 #BABABA;padding:6px 5px 5px;*padding:5px 5px 5px;line-height:20px;font-size:13px;color:#555;float:left;} textarea{height:97px;width:97.8%;*height:96px;} input:focus,textarea:focus{-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;} input.user {padding-left:30px;background:url(./img/ico/user.png) no-repeat left center;width:292px;} input.pass {padding-left:30px;background:url(./img/ico/key.png) no-repeat left center;width:292px;} /*FIELDSET*/ fieldset.radio_box label, fieldset.check_box label {width:auto;float:left;margin-right:10px;border:none;} fieldset.radio_box label>span, fieldset.check_box label>span {width:auto;float:none;top:3px;position:relative;} fieldset.check_box label div.checker, fieldset.radio_box label div.radio {float:left;} fieldset.booking label {float:left;margin:0;} .sbOptions li {border-bottom:none;border-top:none;} #login_box .LV_validation_message {position:absolute;right:2px;bottom:2px;padding:1px 3px 0;border:1px solid #aaa;background-color:#66f387;} #login_box .LV_invalid{border-color:#a30617;background-color:#f80e27;color:#fff;text-shadow:0px 1px 0px #a30617;} #login_box .LV_validation_message {margin:0;} form .LV_invalid{color:#f80e27;} form .LV_validation_message {clear:both;display:block;font-size:11px;margin:0;color:#1C62B9;} fieldset.thead {border-bottom:1px solid #ddd;} .thead label {margin:0;background:#fefefe;border-top:1px solid #eee;border-left:1px solid #ddd;border-right:1px solid #ddd;} .thead label span {background:url(./img/bg/bg-header.png) repeat;float:left;width:160px;min-height:37px;padding:0 5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .thead label span em {font-size:10px;font-style:italic;font-weight:normal;} .thead label input, .thead label textarea, .thead label div.selector, .thead label div.uploader {margin:4px 3px 3px;} .thead label.textarea span {min-height:116px;} #subscribe-form {position:relative;} #subscribe-form button {position:absolute;right:3px;top:2px;} /*--------------------------------------------- INDEX UPDATE 02.2012 -----------------------------------------------*/ .intro {text-align:center;text-shadow:0 1px 0 #fff;margin:20px auto;float:left;width:100%;padding:20px 0;} #index_page .board ul {float:left;width:100%;display:block;} #index_page .board ul li {float:left;width:96%;} #index_page .board ul li a {float:left;width:90%;} #index_page .board ul li span {float:right;width:10%;text-align:right;} /*--------------------------------------------- ABOUT PAGE UPDATE 02.2012 -----------------------------------------------*/ #about_page ul.gallery li , #about_page ul.gallery li .block, #about_page ul.gallery li .block .img {height:auto!important;} #about_page ul.gallery li .block .img {width:100%!important;} /*--------------------------------------------- ARTICLE PAGE UPDATE 04.2012 -----------------------------------------------*/ .view_list {position:relative;float:left;width:250px;z-index:1;padding:10px 0;} .view_list .selector {float:left;} .view_list ul {position:relative;float:left;margin:0;} .view_list ul li {list-style:none;float:right;position:relative;width:26px;height:26px;margin-left:5px;overflow:hidden;border:1px solid;border-color:#f7f7f7 #DDD #DDD #f7f7f7;} .view_list ul li.hover {border:1px solid;border-color:#DDD #f7f7f7 #f7f7f7 #DDD;} .view_list ul li.active {border:1px solid;border-color:#DDD #f7f7f7 #f7f7f7 #DDD;} .view_list a {text-indent:-9999px;display:block;width:24px;height:24px;} .view_list a.list {background:url(./img/ico/pix.png) no-repeat -138px -384px;} .view_list a.thumb {background:url(./img/ico/pix.png) no-repeat -137px -436px;} .view_list a.view {background:url(./img/ico/pix.png) no-repeat -137px -174px;} .view_list a.date {background:url(./img/ico/pix.png) no-repeat -137px -279px;} ul#breadcrumb {display:block;position:relative;float:left;width:80%;clear:both;margin:0;z-index:1;} ul#breadcrumb li {list-style:none;position:relative;float:left;border:none;margin:0;text-align:left;} ul#breadcrumb li:first-child {padding:0px;} ul#breadcrumb li a {background:url(./img/bg/bg_breadcrumb_arrows.png) right 5px no-repeat;display:block;float:left;padding:0 15px 0 0;font-size:10px;color:#bbb;} ul#breadcrumb li h6 {padding:0 10px 0 5px;font-weight:normal;color:#888;line-height:20px;font-size:10px;} .detail_row {} .detail {margin-top:0;width:640px;margin-right:0;margin-left:0;*width:630px;} .detail h1 {font-size:25px;margin-bottom:0px;} .detail img {max-width:605px;margin-bottom:10px;} .detail h2 a {display:block;} .detail .content {font-size:13px;} .detail .content img {max-width:100%;} .detail .time-stamp {font-size:10px;color:#999;text-shadow:0 1px 0 #fff;float:right;} /*ADD CLASS*/ .detail .box.thumb_view {width:33%;} .detail .box.thumb_view h2 {font-size:11px;font-weight:bold;line-height:20px;} .detail .box.thumb_view .post_meta, .detail .box.thumb_view p{display:none;} .detail .box.thumb_view img {width:100%;margin-bottom:10px;} .entry h2 {margin-bottom:0px;} .post_meta {margin-bottom:5px;} .post_meta p {margin-bottom:0px;font-family:Arial;font-size:11px!important;} .bt_article {position:relative;float:left;clear:both;margin:5px 0;width:auto;text-align:center;width:100%;} .bt_article a.prev {width:50%;float:left;text-align:left;} .bt_article a.next {width:50%;float:right;text-align:right;} .bt_article a:hover {background:#efefef;text-decoration:none;cursor:pointer;} .bt_article a span {position:relative;} .bt_article a img {margin:5px;} .bt_article_social {position:relative;float:left;clear:both;margin:5px 0;width:auto;text-align:center;border:1px solid;border-color:#ddd #eee #ddd #ddd;} .bt_article_social a {position:relative;float:left;width:70px;height:55px;margin:0;border:1px solid;border-color:#fff #ddd #fff #fff;} .bt_article_social a:hover {background:#dfdfdf;text-decoration:none;cursor:pointer;} .bt_article_social a img {position:relative;margin:5px auto 0;clear:both;} .bt_article_social a span {position:relative;margin:0 auto 5px;clear:both;float:left;width:100%;text-align:center;} .signature {float:left;width:100%;margin-top:20px;} .signature .img img {margin-right:10px;} /*--------------------------------------------- CHECK OUT PAGE UPDATE 06.2012 -----------------------------------------------*/ .step .bank {width:50%;float:left;} /*--------------------------------------------- ARTICLE PAGE UPDATE 02.2012 -----------------------------------------------*/ .pop_article .list_thumbnail {top:-10px;} .pop_article .list_thumbnail .img {margin-top:3px;} .pop_article .list_thumbnail p.post_meta {margin-top:0;font-family:Arial;} .blog-3 #box1 {clear:none;height:auto;margin-bottom:10px;} .blog-3 #box2 {width:48.96%;float:left;clear:none;} .blog-3 #box3 {width:48.96%;float:right;clear:none;} .blog-3 #box4 {width:48.96%;float:left;clear:none;} .blog-3 #box5 {width:48.96%;float:right;clear:none;} .blog-3 .box {width:100%;float:left;clear:both;} .blog-3 #box2 .block, .blog-3 #box3 .block, .blog-3 #box4 .block, .blog-3 #box5 .block{height:290px;overflow:hidden;} .blog-3 #box1 .post_meta, .blog-3 #box2 .post_meta, .blog-3 #box3 .post_meta, .blog-3 #box4 .post_meta, .blog-3 #box5 .post_meta, .blog-3 .box .post_meta{margin:0 0 5px;} .blog-3 #box1 h2 {font-size:17px;font-weight:normal;} .blog-3 #box2 h2 , .blog-3 #box3 h2 , .blog-3 #box4 h2 , .blog-3 #box5 h2 {font-size:13px;font-weight:normal;line-height:20px;max-height:40px;overflow:hidden;} .blog-3 .box h2 {font-size:11px;font-weight:bold;margin:0;line-height:20px;} .blog-3 #box2 .entry, .blog-3 #box3 .entry, .blog-3 #box4 .entry, .blog-3 #box5 .entry{max-height:100%;margin:0 0 20px;overflow:hidden;} .blog-3 #box1 .img img {max-width:270px;} .blog-3 #box2 .img img, .blog-3 #box3 .img img, .blog-3 #box4 .img img, .blog-3 #box5 .img img {max-width:150px;} .blog-3 .box .img img {max-width:120px;} .blog-3 #box1 .img+p, .blog-3 #box2 .img+p, .blog-3 #box3 .img+p, .blog-3 #box4 .img+p, .blog-3 #box5 .img+p{margin:0;height:auto;overflow:visible;} .blog-3 .box .img+p {margin:0;height:80px;overflow:hidden;} .blog-3 #box1 p+a {position:absolute;right:0;bottom:0;padding:0px 8px 2px;background:none;} .blog-3 #box2 p+a, .blog-3 #box3 p+a, .blog-3 #box4 p+a, .blog-3 #box5 p+a, .blog-3 .box p+a {position:absolute;right:0;bottom:0;padding:0px 8px 2px;background:url(./img/bg/bg-main.png) repeat;} .blog-3 #box2 img, .blog-3 #box3 img, .blog-3 #box4 img, .blog-3 #box5 img {max-width:120px;} .blog-3 #box2 img.left, .blog-3 #box3 img.left, .blog-3 #box4 img.left {float:none;margin:0 auto;} /*TINYMCE EDIT SECTION*/ #main .o2k7Skin table, #main .o2k7Skin tbody, #main .o2k7Skin tr, #main .o2k7Skin td, #main .o2k7Skin iframe, #main .o2k7Skin .mceText {background:none;box-shadow:none;} #main .o2k7Skin tr.mceLast {background:#f9f9f9;} body.mceContentBody {background:none;} /*--------------------------------------------- BLOGGER PAGE UPDATE 03.2012 -----------------------------------------------*/ #blogger_page #header {position:fixed;z-index:0;background:url(./img/bg/bg-line.jpg) repeat-x center bottom;height:35px;z-index:1;} #blogger_page #header .wrapper {width:100%;max-width:100%;background:url(./img/bg/bg-main.png) repeat;} #blogger_page #nav {z-index:1;width:100%;position:fixed;top:0;left:0;} #blogger_page .search {width:20%;top:35px;} #blogger_page #header .logo {height:33px;width:50px;margin:0 10px 0 0;} #blogger_page #header .logo a.logo {height:33px;margin:0;} #blogger_page #header #user_box {float:right;clear:none;height:32px;} #blogger_page #header .user_box {width:160px;float:right;left:0;right:auto;margin:0;bottom:0;} #blogger_page #header .user_box img {margin:3px 0 0 5px ;float:right;width:24px;height:24px;} #blogger_page .menu, #blogger_page .sidebar{background:none;} #blogger_page #cart, #blogger_page #languages{display:none;} #blogger_page .top-blogger, #blogger_page .winners-blogger{margin-bottom:20px;} #blogger_page .post_meta p {margin-bottom:0;} #blogger_page #main {margin-top:35px;} #blogger_page .blog_update ul li {height:auto;width:50%;float:left;} #blogger_page .blog_update a {position:relative;float:left;width:100%;font-size:12px;} #blogger_page .blog_update a.user {float:left;width:100%;text-align:left;font-size:11px;} #blogger_page .blog_update a.user img {float:left;margin:0 5px 5px 0;padding:2px;border:1px solid #ddd;} /*--------------------------------------------- COMMENT UPDATE 04.2012 -----------------------------------------------*/ #comment_box {margin-bottom:20px;position:relative;/*float:left;width:100%;*/} ul.comment_top {list-style-type:none;padding:0;margin:0;} ul.comment_top li {border:none;padding:0;margin:0;} ul.comment_top ul.children {border-left:1px solid #ddd;list-style-type:none;padding-left:20px;margin:0px;} .comment_body {position:relative;border:1px solid #DDD;margin-bottom:10px;/*float:left;width:100%;*/} ul.comment_top li.deactive {opacity:0.5;} .comment_text {position:relative;border:1px solid #fff;padding-top:4px;} .comment_text:hover .comment_tools{display:block;} .comment_text .content {font-size:14px;padding:5px 0 0 65px;} .reply {position:relative;font-size:10px;letter-spacing:1px;} .reply a {color:#999;padding:0 5px;} .comment_text span.name {float:left;width:auto;font-family:Helvetica,Arial;font-size:13px;padding-right:5px;color:#0A4E98;} .comment_text span.name+span {text-align:left;} #comment_0.comment-reply-link {padding:5px 13px 6px;font-size:11px;font-weight:bold;float:left;} ul.comment_top li .avatar {width:44px;height:44px;position:relative;float:left;margin:5px 10px 5px 5px;} ul.comment_top li .avatar img {width:40px;height:40px;border:1px solid #ddd;padding:1px;background:#eeeeee;} li.comment_form {display: list-item;padding-bottom: 0 !important;padding-top: 0 !important;position: relative;background:#efefef;} li.comment_form .comment_text {min-height:200px;padding:5px;position:relative;} li.comment_form .comment_text textarea {z-index:1;margin:0;position:relative;float:right;width:89%;} div.comment_text_input {height: 60px;position: relative;} div.comment_text_input div {width:46%;float:left;} div.comment_text_input div.input_left {margin-right:4%;} div.comment_text_input div.input_right {margin-left:4%;} div.comment_text .comment_form_foot {height: 34px;width: 100%;position:relative;margin:10px 0 0;float:left;} div.comment_text .comment_error {top:4px;text-shadow:0 1px 0 #fff;color:#FF0000;margin-left:7px;position:absolute;font-style:italic;font-family:Arial;} div.comment_text .btn_reply { background: -moz-linear-gradient(center top , #F2F3F3 0%, #E1E2E2 99%) repeat scroll 0 0 transparent; border-color: #CCCCCC #999999 #999999 #CCCCCC; border-style: solid; border-width: 1px; color: #000000; cursor: pointer; float:right; font-family: Tahoma; font-size: 11px; font-weight: bold; overflow: visible; padding: 5px; position: relative; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; white-space: nowrap; margin:0px; } li.comment_form .ajax_loading {width:100%;height:100%;position:absolute;background:#000;opacity:0.5;top:0;left:0;background: url(../img/skin/ajax-loader.gif) no-repeat scroll center center #000000;} .comment_tools {display:none;padding:0;position:absolute;right:0;top:0;width:100px;} .comment_tools a {margin:0 5px;} div.tags {position:relative;float:left;padding:10px 0;border-top:1px solid #eee;width:100%;} div.tags h3 {margin:3px 0;} div.tags div {padding:3px;float:left;position:relative;margin:2px 2px 0 0;} div.tags div span.i-16 {margin:0;top:1px;} div.tags a {margin:2px 0;} /*--------------------------------------------- GALLERY PAGE UPDATE 02.2012 -----------------------------------------------*/ ul.gallery {position:relative;float:left;width:100%;} ul.gallery li {margin-left:0.5209%;margin-right:0.5209%;float:left;list-style:none;border-top:none;width:98.966%;margin-bottom:10px;} ul.gallery li:first-child {/*padding-top:0px;*/} ul.gallery li .img {float:left;margin:0;height:auto;width:100%;overflow:hidden;background:#fff;} ul.gallery li .img.border {width:97%;} ul.gallery li .img img {width:100%;height:auto;margin:0 auto;} ul.gallery li .img:hover img+.zoom {position:absolute;left:0;top:0;cursor:pointer;width:100%;height:100%;background:url(../../js/fancybox/img/zoom.png) center center no-repeat #000;opacity:0.45;filter: Alpha(Opacity=45);} ul.gallery li .img .zoom {position:relative;z-index:9;} ul.gallery li .detail {position:absolute;margin:0 0 0 20px;width:42%;} ul.gallery li .detail span {position:relative;float:left;clear:both;width:100%;} ul.gallery li .detail span.title {margin:0 0 10px;font-size:15px;font-weight:normal;color:#1C62B9;max-height:40px;overflow:hidden;border-bottom:1px dotted #ddd;} ul.gallery li .detail span.price {margin-bottom:5px;font-size:13px;font-family:Arial;} ul.gallery li .detail span.desc {font-size:11px;max-height:220px;overflow:hidden;} ul.gallery li .detail span.date {font-size:10px;color:#999;text-shadow:none;font-style:italic;} ul.gallery li .detail span.price {line-height:15px;font-size:15px;width:50%;margin:5px 0;} ul.gallery li .detail a.add-cart {position:relative;border-top:1px solid #ddd;width:100%;text-align:right;} ul.gallery li h4 {line-height:20px;} /*GALLERY HAVE SIDEBAR*/ ul.gallery.sidebar {background:none;margin:auto;} ul.gallery li .icon {position:absolute;bottom:5px;right:5px;z-index: 1;} ul.gallery li .icon a {color:#aaa;float:left;margin:0 5px 0 0;} ul.gallery li .icon a:hover {color:#777;} ul.gallery li .icon a span.i {top:2px;} ul.gallery li .icon a:hover span.i {background-image:url(./img/ico/icon-16x16.png);} ul.gallery.no-detail {width:100%;margin:0;} ul.gallery.no-detail li .block {padding:0;} ul.gallery.no-detail li .img {width:100%;height:auto;margin:0;} ul.gallery li .more_product {position:relative;float:left;margin-top:5px;clear:both;} /*FRAMEWORK GALLERY*/ ul.gallery.c1 li .img {width:55%;height:340px;} ul.gallery.c1 li .detail {width:40%;margin-left:10px;} ul.gallery.c1 li .detail span.desc {max-height:100px;} ul.gallery.c1.sidebar li {margin-left:0;margin-right:0;} ul.gallery.c1.sidebar li .img {width:45%;height:180px;} ul.gallery.c1.sidebar li .img img {max-width:270px;height:100%;width:auto;margin:0 auto;} ul.gallery.c1.sidebar li .detail {width:50%;} ul.gallery.c1.sidebar li .detail span.title {max-height:40px;font-size:13px;margin-bottom:10px;} ul.gallery.c1.sidebar li .detail span.desc {max-height:80px;} ul.gallery.c2 li {width:48.96%;} ul.gallery.c2 li .img {width:60%;height:180px;} ul.gallery.c2 li .detail {width:35%;margin:0 0 0 10px;} ul.gallery.c2 li .detail span.title {font-size:13px;max-height:40px;margin-bottom:10px;} ul.gallery.c2 li .detail span.desc {max-height:80px;margin-bottom:5px;} ul.gallery.c2.sidebar li {margin:0 1.044% 1% 0;} ul.gallery.c2.sidebar li .img {width:52%;height:100px;} ul.gallery.c2.sidebar li .img img {max-width:150px;height:100%;width:auto;margin:0 auto;} ul.gallery.c2.sidebar li .detail {width:40%;margin-left:5px;} ul.gallery.c2.sidebar li .detail span.title {font-size:11px;font-weight:bold;max-height:40px;margin-bottom:5px;} ul.gallery.c2.sidebar li .detail span.desc {max-height:20px;} ul.gallery.c3 li {width:32.293%;*width:32.149%;} ul.gallery.c3 li .img {height:180px;} ul.gallery.c3 li .img.border {width:97%;} ul.gallery.c3 li .detail {width:90%;left:-9999px;top:0;color:#000;text-shadow:0 1px 1px #fff;} ul.gallery.c3 li .img:hover+.detail {left:20px;top:15px;margin:0;width:90%;} ul.gallery.c3 li .detail span.title {font-size:11px;font-weight:bold;max-height:40px;margin-bottom:5px;width:97%;} ul.gallery.c3 li .detail span.desc {max-height:40px;overflow:hidden;} ul.gallery.c3 li .detail span.date {color:#F00;text-shadow:0 1px 1px #fff;} ul.gallery.c3 li .icon {position:relative;float:right;bottom:0;right:0;} ul.gallery.c3.sidebar li {margin:0 1.044% 1% 0;} ul.gallery.c3.sidebar li .img {width:95%;height:115px;} ul.gallery.c3.sidebar li .img:hover+.detail {left:20px;width:80%;} ul.gallery.c3.sidebar li .detail span.desc {max-height:40px;margin:0;} ul.gallery.c4 li {width:23.96%;height:auto;} ul.gallery.c4 li .block {height:auto;} ul.gallery.c4 li .img {/*width:100%;*/height:134px;} ul.gallery.c4 li .detail {width:100%;position:relative;float:left;margin:0;padding-bottom:20px;} ul.gallery.c4 li .detail span.title {font-weight:bold;font-size:11px;margin:0;max-height:40px;min-height:40px;border-bottom:1px dotted #ddd;} ul.gallery.c4 li .detail span.desc {max-height:40px;min-height:40px;margin:0;} ul.gallery.c4 li .icon {border-top:1px dotted #ddd;width:95%;bottom:0;} ul.gallery.c4.sidebar li {margin:0 1.044% 1% 0;height:220px;} ul.gallery.c4.sidebar li .block {height:210px;padding:4px;} ul.gallery.c4.sidebar li .img {width:92.5%;height:80px;} ul.gallery.c5 li {width:18.96%;/*height:240px;*/margin-bottom:10px;} ul.gallery.c5 li .block {padding:4px;/*height:230px;*/} ul.gallery.c5 li .img {/*width:94%;*/height:100px;} ul.gallery.c5 li .detail {width:100%;position:relative;float:left;margin:0;} ul.gallery.c5 li .detail span.title {font-weight:bold;font-size:11px;margin:0;max-height:40px;border-bottom:1px dotted #ddd;} ul.gallery.c5 li .detail span.desc {max-height:40px;margin:0;} ul.gallery.c5 li .icon {border-top:1px dotted #ddd;width:95%;} ul.gallery.c6 li {width:15.626%;/*height:210px;*/} ul.gallery.c6 li .block {/*height:210px;*/padding:4px;} ul.gallery.c6 li .img {/*width:92.5%;*/height:80px;} ul.gallery.c6 li .detail {width:100%;position:relative;float:left;margin:0;padding-bottom:20px;} ul.gallery.c6 li .detail span.title {font-weight:bold;font-size:11px;margin:0;max-height:40px;border-bottom:1px dotted #ddd;} ul.gallery.c6 li .detail span.desc {max-height:40px;min-height:40px;margin:0;} ul.gallery.c6 li .icon {border-top:1px dotted #ddd;width:95%;} ul.gallery.list_view li .img .detail, ul.gallery.list_view li .img span.title {color:#000;} /*FOR THUMB GALLERY*/ .thumb_vender ul.gallery {margin-top:120px;} .thumb_vender ul.gallery li.first {position:absolute;left:0;top:-120px;width:99%;height:100px;} .thumb_vender ul.gallery li.first div.img {position:relative;width:130px!important;margin:0 0 3px;} .thumb_vender ul.gallery li.first h4 {position:relative;float:left;width:185px;margin:0 5px;overflow:hidden;max-height:40px;} .thumb_vender ul.gallery li.first p {position:relative;float:left;width:185px;height:60px;overflow:hidden;margin:0 5px 10px;} .thumb_vender ul.gallery li .block {padding:4px!important;} .thumb_vender ul.gallery li .block .img {width:90%!important;height:auto;} /*FOR PHOTO SHARE*/ ul.gallery.photo_share li {height:auto;margin-top:0px;margin-bottom:5px;} ul.gallery.photo_share li .block {height:auto;padding:3px;} ul.gallery.photo_share li .block .img {width:100%;height:auto;/*height:52px;*/} /*MENU CATEGORY GALLERY*/ /*#gallery_page .category li,*/ #deal_page .category li, #product_page .category li, #news_page .category li{list-style:none;float:left;border:none;} #gallery_page .category li:first-child, #deal_page .category li:first-child, #product_page .category li:first-child, #news_page .category li:first-child {padding-top:0px;} #gallery_page .category a, #deal_page .category a, #product_page .category a, #news_page .category a{font-size:13px;margin:0 10px;} ul.gallery.show_detail li .detail {position:relative;left:0;} ul.gallery.show_detail li .icon {position:absolute;} ul.gallery.show_detail li {height:auto;/*height:340px;*/} ul.gallery.show_detail li .block {height:auto;/*height:320px;*/} ul.gallery.show_detail li .icon {border-top:1px dotted #ddd;width:95%;margin:0 7px;bottom:3px;} ul.gallery.show_detail.sidebar li {margin:0 1.044% 1% 0;height:270px;} ul.gallery.show_detail.sidebar li .img {width:92.5%;height:113px;} ul.gallery.show_detail.sidebar li .block {height:250px;} /*--------------------------------------------- EACH CATEGORY PAGE (for web directory) UPDATE 02.2012 -----------------------------------------------*/ #shop_page ul.gallery.c3 li .block {min-height:217px;} #shop_page ul.gallery.c3 li h4 {max-height:40px;overflow:hidden;} #shop_page ul.gallery.c3 li p {height:40px;overflow:hidden;margin-bottom:0px;} #shop_page ul.gallery.c3 li .icon {width:90%;position:absolute;bottom:5px;} /*SIDE BAR*/ #shop_page ul.gallery.c4 li.box {*margin:2px;margin:0 3px 2px 0;} #shop_page ul.gallery.c4 li .block {padding:4px;} /*--------------------------------------------- CONTACT PAGE UPDATE 02.2012 -----------------------------------------------*/ #contact_page .address p {letter-spacing:1px;text-shadow:0 1px 0 #fff;} #contact_page .map {position:relative;float:left;border:1px solid #fff;z-index:1;width:100%;} #contact_page .map iframe {z-index:0;position:relative;} .contact_form .info {width:45%;float:left;clear:none;margin-right:30px;} .contact_form .detail {width:50%;float:left;clear:none;} .contact_form .detail textarea {height:138px;} /*--------------------------------------------- PRODUCT PAGE UPDATE 04.2012 -----------------------------------------------*/ /*POP UP*/ .ui-notify .ui-notify-message {border-radius:0px;box-shadow:4px 4px 3px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:4px 4px 3px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:4px 4px 3px 0 rgba(0, 0, 0, 0.1);} .ui-notify .ui-notify-message h1 {line-height:20px;font-weight:normal;} /*--------------------------------------------- PRODUCT EACH PAGE UPDATE 04.2012 -----------------------------------------------*/ #product_page #product_id {width:100%;} #product_page #product_id #product_imgs {position:relative;float:left;width:45%;margin-right:10px;} #product_page #product_id #product_imgs #product_main_img {margin: 0 0 10px;border:5px solid #ddd;width:94%;} #product_page #product_id #product_imgs #product_main_img img {margin:0;} #product_page #product_mini_img {position:relative;float:left;width:100%;} #product_page #product_mini_img li{list-style:none;float:left;width:20%;} #product_page #product_mini_img li img {border:3px solid #ddd;max-width:50px;height:auto;} #product_page #product_mini_img li img:hover {border:3px solid #888;} #product_page #product_mini_img li img.active {border:3px solid #1C62B9;} #product_page #product_mini_img li a {display:block;} #product_page #product_id #product_desc {position:relative;float:right;width:50%;} /*--------------------------------------------- CART PAGE UPDATE 05.2012 -----------------------------------------------*/ #cart {position:relative;float:right;width:100%;margin:10px 0 0;text-align:right;} #cart #i-cart {background:url(./img/ico/basket-grey.png) left center no-repeat;padding:0 0 0 25px;} #cart .price {font-size:11px;line-height:20px;} #cart #check-out {float:right} #cart #check-out a {text-align:right;padding-right:0;;} #cart ul{margin:0;padding:0;list-style:none;float:right;} #cart ul li{float:right;display:block !important;position:relative !important;text-align:right;} #cart ul li .hover{color:#000;text-decoration:none;position:absolute;top:0;left:0;z-index:0;height:44px;display:none;} #cart ul li a{display:block;text-decoration:none;padding:0 5px;z-index:10;position:relative;} #cart ul li ul{position:absolute;display:none;top:18px;right:-135px;z-index:99999;} #cart ul li:hover ul{display:block;} #cart ul li ul li{display:block;width:200px;padding:0;margin:0;position:relative;width:350px;z-index:99999;height:100%;background:#eee;} #cart ul li ul li a{display:block;background:#e8e8e8;text-decoration:none;padding:0;z-index:99999;position:relative;} #cart ul li table{margin:0;border-color:#ddd;} #cart ul li p{margin:0;display:none;} /*--------------------------------------------- GALLERY PAGE UPDATE 02.2012 -----------------------------------------------*/ #gallery_page ul.category li a {font-weight:bold;font-size:11px;margin:0;} #gallery_page ul.category li a em{font-weight:normal;margin-left:5px;} /******************************************************************************************™* | SECTION FLOT GRAPH : 14112011 - BY JIM ™*******************************************************************************************/ .flot{width:100%;margin:0 0 5px;height:300px;overflow:hidden;} div.legend table {width:auto;background:none;border:none;} div.legend table tbody {background:none;border:none;} /*----- End of Main Container -------*/ /*--------------------------------------------- 404 UPDATE 02.2012 -----------------------------------------------*/ #alert_page .block {background:url(../../uploads/404.png) no-repeat 10px 10px;} #alert_page h1.line {font-size:36px;color:#000;text-shadow:0 1px #F7F7F7;line-height:50px} /*--------------------------------------------- SEARCH PAGE UPDATE 02.2012 -----------------------------------------------*/ #search_page .list_thumbnail a {font-size:12px;color:#1C62B9;font-weight:bold;} /* Loading Overlay ----------------------------------------------------------------------------------------------------*/ #loading_overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:9999; } #loading_overlay .loading_message{ background:#fff; padding:0; line-height:25px; height:25px; border:1px solid #fff; position:absolute; top:0px; left:50%; width:75px; margin-left:-37px; text-align:center; color:#333; font-weight:bold; } /*----- Loading Overlay -------*/ /*-------------------------------- Form Elements --------------------------------*/ span.form_tag{ display:block; background-color:#f6f6f6; height:20px; margin-bottom:15px; margin-left:5px; float:left; border:1px solid #b5b8bb; padding:4px 10px 0px 30px; font-weight:bold; font-size:0.9em; width:120px; } .alert{padding:9px;margin-bottom:10px;color:#fff;text-shadow:0 1px 1px #000;} .alert:hover{cursor:pointer;} .alert img {margin:-8px 5px -6px;} .alert.badge{ position:absolute; display:block; z-index:50; right:0px !important; top:0px !important; margin:0; text-align:center; padding:0 3px; line-height:10px; text-indent:0; font-size:9px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; } /*----- End of Form Elements -------*/ /*--------------------------------------------- TAB UPDATE 02.2012 -----------------------------------------------*/ .tabs {border:1px solid;border-color:#ddd #fff #fff #ddd;background:url(./img/bg/bg-header.png) repeat left top;margin-bottom:20px;} .ui-widget-content {float:left;position:relative;width:100%;} /*TAB TOP NAV*/ .ui-tabs .ui-tabs-nav {position:relative;float:left;width:100%;z-index:1;padding:5px 5px 0;} .ui-tabs .ui-tabs-nav li {background:none;position:relative;float:left;margin:0 -2px -1px 0;white-space:nowrap;color:#222;text-shadow:0 1px 0 #fff;list-style:none;border:1px solid #ddd;border-right:1px solid #fff;border-bottom:none;} .ui-tabs .ui-tabs-nav li a {float:left;padding:4px 10px;margin:0;border:1px solid #fff;border-right:1px solid #ddd;border-bottom:none;} .ui-tabs .ui-tabs-nav li a:hover {color:#000;} .ui-tabs .ui-tabs-nav li.ui-state-active {border-bottom:none;background:url(./img/bg/bg-main.png) repeat left top;} .ui-tabs .ui-tabs-nav li.ui-state-active a {color:#111;font-weight:bold;} /*PANEL*/ .ui-tabs .ui-tabs-hide {display:none;} .ui-tabs .ui-tabs-panel {position:relative;margin-top:-2px;z-index:0;border-top:1px solid #ddd;background:url(img/bg/bg-main.png) repeat;} .ui-tabs .ui-tabs-panel ul li {margin-left:5px;width:96%;} .ui-tabs .ui-tabs-panel ul, .ui-tabs .ui-tabs-panel div.content {margin:0;padding:5px 10px;border:1px solid;border-color:#fff #ddd #ddd #fff;} /*TAB SIDE NAV*/ .side_holder {position:relative;width:159px;float:left;height:100%;z-index:1;} .side_tabs.ui-tabs .ui-tabs-nav {position:absolute;left:0;right:82%;top:0;width:100%;border-bottom:1px solid #ddd;padding:5px 0 0 5px;} .side_tabs.ui-tabs .ui-tabs-nav li {text-align:left;width:100%;margin:-1px 0 0;padding:0;border-right:none;} .side_tabs.ui-tabs .ui-tabs-nav li a {width:137px;white-space:normal;padding:6px 10px;border:1px solid;border-color:#fff #ddd #fff #fff;border-right:none;} .side_tabs.ui-tabs .ui-tabs-nav li.ui-state-active {border-right:none;} .side_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a {} .side_tabs.ui-tabs .ui-tabs-panel {width:auto;margin-left:163px;margin-top:0;background:url(./img/bg/bg-main.png) repeat left top;border-left:1px solid #ddd;border-top:none;} .side_tabs.ui-tabs .ui-tabs-panel .content {min-height:250px;} /*CONTENT IN TAB*/ .tabs ul.content li{width:auto;padding:5px 10px;list-style:none outside;display:block;} .tabs ul.content li span{color:#333;display:block;float:right;width:auto;padding:0 5px;font-weight:bold;font-size:11px;} .tabs ul li .img {margin-right:5px;} .ui-tabs-panel ul.list_thumbnail {} .ui-tabs-panel ul.tags li {margin:0;width:auto;} .ui-tabs-panel ul.list_news li {width:90%;} /*COLOR THEME TAB*/ .content a.edit {display:none;right:3px;left:auto;top:3px;} .content li:hover a.edit {display:block;} .content+.notification {position:absolute;right:5px;top:78px;width:60px;} .content+.notification label {clear:both;float:right;margin-bottom:11px;} /*ACCOUNT SETTING PAGE*/ .tabs.input_field .ui-tabs-panel ul li {line-height:40px;position:relative;} .tabs.input_field .ui-tabs-panel ul li strong {margin:10px 10px 0;width:100px;position:relative;float:left;} .tabs.input_field .ui-tabs-panel ul li input {margin-bottom:0px;} .tabs.input_field .ui-tabs-panel ul li label.right {*margin:-20px;} /*--------------------------------------------- CALENDAR UPDATE 02.2012 -----------------------------------------------*/ .fc table{margin-bottom:0;} .fc thead tr th{line-height:30px;} .fc .fc-agenda-divider{background:#333;border-color:#000;} .fc .fc-agenda-slots tr th{color:#555;} .fc .ui-state-highlight, .fc .ui-widget-content .ui-state-highlight, .fc .ui-widget-header .ui-state-highlight{background-color:#E6ECEF;} .fc .fc-event{padding:5px;text-shadow:0 1px 0 #000;margin:2px 0 1px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .fc .fc-event.google{border:1px solid #959BA2;} .fc .fc-event a, .fc-event-skin, .fc-event-vert .fc-event-bg{background:none;} .fc .fc-event .fc-event-inner{background:none;border:none;} ul#calendar_drag_list li{padding:0;} ul#calendar_drag_list li a{padding:10px;display:block;cursor:move;} #calendar .fc-content table td {float:none;width:auto;text-align:left;vertical-align:top;} /*--------------------------------------------- DATE PICKER UPDATE 02.2012 -----------------------------------------------*/ .ui-datepicker {width:190px;padding:0px;display:none;margin-bottom:20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .datepicker {width:70px;padding-right:30px;background:url(./img/ico/day_calendar.png) right center no-repeat;} .ui-datepicker .ui-datepicker-header {position:relative;padding:5px;color:#fff;text-shadow:0 1px 0 #000;border:1px solid #333;padding:5px;position:relative; background: #0f0f0f; background: -moz-linear-gradient(top, #333333 0%, #0f0f0f 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(99%,#0f0f0f)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#0f0f0f',GradientType=0 ); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #ui-datepicker-div {background:#fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:5px; border:0; } .ui-datepicker .ui-datepicker-prev-hover { left:2px; } .ui-datepicker .ui-datepicker-next-hover { right:5px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;background:url(./img/ico/icon-16x16-white.png) no-repeat;width:16px;height:16px;} .ui-datepicker .ui-datepicker-prev span {background-position:-80px -96px;} .ui-datepicker .ui-datepicker-next span {background-position:-64px -96px;} .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-title .ui-datepicker-year {float:none;width:auto;font-weight:normal;} .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size:10px;font-weight:normal;border-collapse: collapse; margin:0 0 -1px; border-color:#ccc;} .ui-datepicker table thead {line-height:20px;} .ui-datepicker table tbody {background:#fff;} .ui-datepicker table tr:hover td {background:#fff;} .ui-datepicker table td:hover {background:#fff;} .ui-datepicker th { padding:4px 3px 3px; text-align: center; font-weight: bold; border:1px solid #ccc; } .ui-datepicker td { border:1px solid #ddd; padding:0;line-height:15px;} .ui-datepicker td span, .ui-datepicker td a { display: block; padding:0.2em 0.3em 0.2em 0.2em; text-align: right; text-decoration: none; border-color:#fff !important; } .ui-datepicker td span:hover, .ui-datepicker td a:hover {color:#fff;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);background:#333;} .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .datepicker .ui-state-active{color:#000 !important;background-color:#ccc !important;} .datepicker a.ui-state-default{color:#666;} .datepicker .ui-state-highlight{color:#000 !important;font-weight:bold;background-color:#eaeaea !important;} /*SLIDER DRAG*/ .ui-slider{position:relative;text-align:left;margin:5px 0 4px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;} .ui-slider .ui-slider-handle {position:absolute;z-index:2;width:7px;height:7px;cursor:pointer;z-index:0;background:#252525; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .ui-slidera.ui-slider-handle:hover{border-color: 1px solid #05255E;} .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; margin-top:-1px; padding-top: 1px; } .ui-slider-horizontal { height:9px;border:1px solid #ccc;} .ui-slider-horizontal .ui-slider-handle {top:-5px;margin-left: -.6em;padding:5px;} .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;z-index:0;} .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*PROGRESS BAR*/ .ui-progressbar { height:20px; text-align: left; margin-bottom:10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .ui-progressbar .ui-progressbar-value {margin:0; height:100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} /*OPEN DIALOG*/ .ui-dialog { position: absolute; padding: 0; width:350px; overflow: hidden; border:10px solid #222;} .ui-dialog .ui-dialog-titlebar {margin:0px; color:#fff;text-shadow:0 1px 0 #000;padding:0 0 5px;position:relative;background: #222;font-size:13px; /*background: -moz-linear-gradient(top, #333333 0%, #0f0f0f 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(99%,#0f0f0f)); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;*/ } .ui-dialog .ui-dialog-title { float: left; margin:0px 5px 5px 0px;} .ui-dialog .ui-dialog-titlebar-close { position: absolute; right:0; top:0; width: 19px; margin:0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px;background:url(./img/skin/sprite.png) no-repeat -101px -20px;} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background:#eee; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-widget-overlay { background-color:#000; opacity:0.7;filter:Alpha(Opacity=70); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../../img/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /*--------------------------------------------- TOGGLE UPDATE 03.2012 -----------------------------------------------*/ .toggle_head {padding:5px 0;margin:0;border-bottom:1px solid #ddd;} a.toggle {background:url(./img/ui/toggle.png) right -15px no-repeat;display:block;height:18px;width:100%;position:absolute;right:5px;top:7px;text-decoration:none;} a.toggle_closed {background-position:right 2px;} .toggle_container {position:relative;/*float:left;width:100%;border-top:1px solid #ddd;*/} .box_toggle {position:relative;margin:0 0 -2px;float:left;width:100%;clear:both;border-top:1px solid #ddd;border-bottom:1px solid #fff;} .box_toggle small {font-size:10px;color:#999;text-shadow:0 1px 0 #fff;} .content_accordion .content{padding:4px 10px;/**padding-left:0;*/margin:0;border-top:1px solid #ccc;border-bottom:1px solid #fff;background:#e3e3e3;position:relative;width:auto;float:none;} .content_accordion ul {border-top:1px solid #ccc;border-bottom:1px solid #fff;background:#e3e3e3;margin:0 0 -2px;overflow:hidden;} .content_accordion ul li {border-bottom:1px solid #eee;float:left;width:100%;} .content_accordion .content p {margin-bottom:0px;} .content_accordion h3.bar{display:block;*display:inline-block;margin:0;line-height:20px;padding:5px 0 5px 5px;font-weight:normal;border-right:none;border-left:none;position:relative;*left:-15px;} ul.block.content_accordion {padding:0;overflow:visible;margin-top:-1px;} ul.content_accordion {margin:0;border-bottom:1px solid #ddd;border-top:1px solid #fff;} ul.content_accordion li {position:relative;display:block;clear:both;} ul.content_accordion ul.list_arrows li {background-position:5px 7px;} /*----- End of Accordion -------*/ /*-------------------------------- Wizard --------------------------------*/ .wizard {border:none;position:relative;z-index:1;} .wizard .wizard_steps ul{width:100%;margin-bottom:0;} .wizard .wizard_steps ul li{min-width:130px;width:32.5%;display:inline-block;float:left;list-style:none;color:#eee;border:none;float:left;padding:1px;text-decoration:none;margin:0;line-height:20px;zoom:1;} .wizard .wizard_steps ul li.current {color:#000;border:1px solid #ddd;border-bottom:none;background:url(img/bg/bg-main.png) repeat;} .wizard .wizard_steps ul li a {color:#bbb;text-shadow:0 1px 0 #fff;} .wizard .wizard_steps ul li.current a {color:#000;text-shadow:0 1px 0 #fff;} .wizard .wizard_steps ul li:last-child, .wizard .wizard_steps ul li:last-child a{border-right-width:1px;} .wizard .wizard_steps ul li a{font-weight:normal;display:block;padding:3px 7px;cursor:pointer;} .wizard .wizard_steps ul li a:hover {text-decoration:none;} .wizard .wizard_steps ul li a span{display:inline-block;float:left;} .wizard .wizard_steps ul li a span.no {font-size:36px;width:30px;height:30px;padding-top:9px;text-align:left;} .wizard .wizard_steps ul li a small{font-size:10px;margin:0 0 0 1px;display:inline-block;float:left;width:50%;/*clear:both;*/} .wizard_content {padding:10px;margin-top:-1px;border:1px solid #ddd;float:left;z-index:0;} .wizard_content .step{display:none;} .wizard .wizard_steps ul.tab_4 li {min-width:60px;width:23%;} .wizard .wizard_steps ul.tab_6 li {min-width:30px;width:19%;} .progress_in_header{ display:block; height:20px; position:absolute; right:0; top:50px; width:200px; z-index:9999; border:1px solid #000; } .progress_in_header span{ position:absolute; z-index:100; left:5px; top:1px; color:#fff; font-size:11px; text-shadow:0px 1px 0px #000; } .progress_in_header.ui-progressbar .ui-progressbar-value{ background:#000; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } /*--------------------------------------------- ORDER LIST UPDATE 02.2012 -----------------------------------------------*/ ol {list-style:decimal inside;} ul {list-style-position:inside;} ol li {padding:0px;} ul,ol {margin:0 0 19px;padding:0;} li.last {border-bottom:none;/*margin-bottom:1px;*/} .list_none li:first-child,ol li:first-child,.list_arrows li:first-child,.list_circles li:first-child,.list_check li:first-child,.list_news li:first-child,.list_quote li:first-child,.list_twitter li:first-child,.list_thumbnail li:first-child,.content_accordion li:first-child{border-top:none;} .list_none li:last-child,ol li:last-child,.list_arrows li:last-child,.list_circles li:last-child,.list_check li:last-child,.list_news li:last-child,.list_quote li:last-child,.list_twitter li:last-child,.list_thumbnail li:last-child,.content_accordion li:last-child, .list_none li.last,ol li.last,.list_arrows li.last,.list_circles li.last,.list_check li.last,.list_news li.last,.list_quote li.last,.list_twitter li.last,.list_thumbnail li.last,.content_accordion li.last{border-bottom:none;margin-bottom:1px;} .list_none,.list_arrows,.list_check,.list_news,.list_twitter,.list_circles,.list_quote,.list_job,.list_thumbnail{position:relative;margin-bottom:19px;list-style:none;} .list_none li,.list_arrows li,.list_check li,.list_news li,.list_twitter li,.list_circles li,.list_quote li,.list_job li,.list_thumbnail li,ul.content_accordion li{border-top:1px solid #ddd;border-bottom:1px solid #fff;margin-bottom:-2px;} .list_none li {padding-left:0px;list-style-position:outside;} .list_arrows li {background:url('./img/skin/arrow_icon.gif') no-repeat 0px 5px;padding-left:15px;list-style-position:outside;} .list_arrows a:hover {color:#999;} .list_arrows p {margin-bottom:10px;} .list_check li {background:url('./img/skin/check_icon.gif') no-repeat 1px 5px;padding-left:20px;list-style-position:outside;} .list_check a:hover {color:#999;} .list_check p {margin-bottom:10px;} .list_news li {background:url('./img/skin/pen_icon.gif') no-repeat 0px 4px;padding-left:20px;list-style-position:outside;} .list_news a:hover {color:#999;} .list_news p {margin-bottom:10px;} .list_news li.last {border-bottom:none;} .list_twitter li {background:url('./img/skin/twitter_icon.gif') no-repeat 0px 0px;padding-left:25px;list-style-position:outside;} .list_twitter small {display:block;margin-top:6px;} .list_twitter a:hover {color:#999;} .list_twitter p {margin-bottom:10px;} .list_circles li {background:url('./img/skin/circle_icon.gif') no-repeat 1px 5px;padding-left:20px;list-style-position:outside;} .list_quote li {background:url('./img/skin/quote.png') no-repeat -2px 3px;padding-left:20px;list-style-position:outside;} .list_quote a:hover {color:#999;} .list_quote li a {font-weight:bold;} .list_quote p {margin-bottom:10px;} .list_job li {background:url('./img/skin/user-icon.png') no-repeat 0 1px;padding-left:25px;list-style-position:outside;} ul.list_thumbnail {position:relative;float:left;margin-bottom:0px;} .list_thumbnail li {position:relative;float:left;width:100%;padding:10px 0;} .list_thumbnail li:first-child {padding-top:11px;} .list_thumbnail li.last {*padding-bottom:9px} .list_thumbnail a img {position:relative;float:left;margin:0px 10px 0px 0;} .list_thumbnail li h4 {margin:0;line-height:20px;} .list_thumbnail li p {margin:0px;} .list_thumbnail a:hover {color:#999;} .list_thumbnail p.post_meta{margin:0px;font-size:10px;color:#999;font-family:Arial;} .list_thumbnail li:last-child {margin:0 0 -1px;} .list_thumbnail .img.thumb.left {float:left;margin:5px 10px 5px 0;} .list_thumbnail .img.thumb.right {float:right;margin:5px 0px 5px 10px;} ul.tags {float:left;padding:2px 0;margin:0;} ul.tags li {float:left;font-size:11px;margin:0;border:none;padding:2px;list-style:none;} ul.tags li a {position:relative;float:left;font-weight:normal;padding:3px 6px 4px;text-decoration:none;white-space:nowrap;background:url(./img/bg/bg-tags.png) repeat;text-shadow:0 1px 0 #eee;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;border-color:#fff #ddd #ccc #fff;border:1px solid;color:#555;border-color:#ddd #ccc #bbb #ddd;} ul.tags li a:hover {background:#eee;} ul.profile-tabs {margin:20px auto;float:left;} ul.profile-tabs li {border:none;border-right:1px solid #E0E0E0;float:left;width:60px;font-size:18px;font-weight:bold;margin:0 10px 0 0;padding:0 10px 0 0;font-family:Arial;line-height:1;list-style:none;text-align:right;} ul.profile-tabs li:last-child, ul.profile-tabs li.last {border-right:none;margin:0;padding:0;} ul.profile-tabs li span.meta {color:#999;display:block;font-size:12px;font-weight:normal;margin-top:3px;text-transform:lowercase;} ul.profile-tabs li a {text-decoration:none;} ul.line li {border-bottom:1px solid #ffffff;border-top:1px solid #dddddd;padding:0;margin:0 0 -2px;list-style-position:inside;} /*.user {margin:0 5px;} ul.line {float:left;position:relative} ul.line li {float:left;clear:both;line-height:20px;width:100%;border-top:1px solid #fff;border-bottom:1px solid #ddd;} ul.line li:first-child {float:left;border-top:none;} ul.line li:last-child {float:left;border-bottom:none;} ul.line li ul {border-top:1px solid #bababa;border-bottom:1px solid #fff;padding:0 0 0 20px;} ul.line li ul li {list-style:inside;border-top:1px solid #fff;border-bottom:1px solid #bababa;} ul.line li ul li:first-child {border-top:1px solid #fff;border-bottom:1px solid #bababa;} */ ul.thumb li {float:left;margin:6px 5px;} ul.thumb li img {max-width:50px;height:50px;} .account h3 {margin:5px 0 2px;} .account img {float:left;margin:0 10px 0px 0;border:1px solid #ddd;background:#fff;padding:2px;} .icon_thumb {position:relative;float:left;} .icon_thumb li {position:relative;float:left;width:80px;border:1px solid #ddd;margin-right:5px;margin-bottom:5px;-moz-border-radius:5px;list-style:none;} .icon_thumb li:hover {border:1px solid;border-color:#eee #bababa #bababa #eee;-moz-box-shadow:0 0px 5px #aaa;-moz-border-radius:5px;cursor:pointer;background:#eee;} .icon_thumb li a {position:relative;float:left;margin:3px 0;width:100%;cursor:pointer;} .icon_thumb li span.text {text-align:center;width:100%;position:relative;float:left;margin:0;line-height:13px;cursor:pointer;} /*SUB ORDER LIST*/ ul ul, ul ol, ol ol, ol ul {position:relative;margin:-1px 0 -1px;padding-left:10px;} .list_none ul, .list_arrows ul, .list_check ul, .list_news ul, .list_twitter ul, .list_circles ul, .list_quote ul, .list_job ul, .list_thumbnail ul {position:relative;margin:-1px 0 -1px;padding-left:0px;list-style:none;} .list_none ul {padding-left:10px;} blockquote {margin:20px 0 20px 40px;padding:0 30px;text-shadow:0 1px 0 #FFF;background:url(./img/skin/quote.png) no-repeat 0 0;} blockquote p {color:#575655;font-size:16px;font-family: Georgia,serif;font-style: italic;margin: 0;} blockquote cite {color:#999;letter-spacing:1px;} /*--------------------------------------------- ALIGN UPDATE 02.2012 -----------------------------------------------*/ .left {float:left!important;} .right {float:right!important;} .center {float:none!important;margin:auto!important;} .first {border-top:none;} .last {border-bottom:none;} /*--------------------------------------------- IMAGE UPDATE 02.2012 -----------------------------------------------*/ .img {position:relative;margin:0 auto;} .img img {margin:0 auto;display:block;} .img.left {float:left;margin-right:10px;} .img.right {float:right;margin:0 0 0 10px;} img {position:relative;margin:0 auto;*margin-bottom:-2px;max-width:100%;} /*.img img.left {float:left;margin:0px 10px 0px 0px;} .img img.right {float:right;margin:0px 0px 0px 10px;} */ p img {display:block;} .img.caption {text-align:center;padding:4px;background:#e7e7e7;border:1px solid #ddd;float:left;margin:0 10px 0 0;} .img.caption.right {float:right;margin:0 0 0 10px;} .img.caption span {font-size:11px;text-shadow:1px 1px 0 #fff;margin-bottom:0px;text-align:center;clear:both;} img.border ,.img.border{border-width:5px;border-style:solid;padding:0;} img.border.light, .img.border.light {border-color:#fff!important;} img.border.neutral, .img.border.neutral {border-color:#ddd!important;} img.border.dark, .img.border.dark {border-color:#555!important;} .img.s950 {width:950px!important;;overflow:hidden;} .img.s510 {width:520px!important;;overflow:hidden;} .img.s390 {width:400px!important;;overflow:hidden;} .img.s270 {width:280px!important;;overflow:hidden;} .img.s150 {width:160px!important;;overflow:hidden;} .img.s120 {width:130px!important;;overflow:hidden;} .img.s90 {width:100px!important;;overflow:hidden;} .img.s50 {width:60px!important;;overflow:hidden;} /*--------------------------------------------- SHADOW UPDATE 02.2012 -----------------------------------------------*/ .shadow {background:url(./img/skin/shadow.png) no-repeat;} .shadow.type2 {background:url(./img/skin/shadow-type-2.png) no-repeat;} .shadow.s950 {padding-bottom:20px;width:950px;overflow:hidden;background-position:left bottom;} .shadow.s510 {padding-bottom:10px;width:520px;overflow:hidden;background-position:-960px bottom;} .shadow.s390 {padding-bottom:10px;width:400px;overflow:hidden;background-position:-1499px bottom;} .shadow.s270 {padding-bottom:10px;width:280px;overflow:hidden;background-position:-1910px bottom;} .shadow.s150 {padding-bottom:10px;width:160px;overflow:hidden;background-position:-2200px bottom;} .shadow.s120 {padding-bottom:10px;width:130px;overflow:hidden;background-position:-2374px bottom;} .shadow.s90 {padding-bottom:10px;width:100px;overflow:hidden;background-position:-2511px bottom;} .shadow.s50 {padding-bottom:10px;width:60px;overflow:hidden;background-position:-2621px bottom;} .shadow.thumb {background-position:-1827px bottom;width:100px;overflow:hidden;padding-bottom:10px;margin:0 auto;} .shadow.thumb.left {margin:0 10px 0 0;float:left;} .shadow.thumb.right {margin:0 0 0 10px;float:right;} .shadow.thumb.t2 {background-position:-3772px bottom;padding-bottom:10px;} .shadow.thumb img.border{padding:4px;} /*--------------------------------------------- TABLE UPDATE 02.2012 -----------------------------------------------*/ table {margin:0 0 20px;width:100%;border:1px solid #bbb;} thead tr th {font-weight:bold;text-shadow:0px 1px 0 #FFF;background:url(./img/bg/bg-header-table.jpg) repeat-x left top;color:#333;padding:3px 5px;border-bottom:1px solid #bbb;line-height:20px;} th,td {padding:0px 5px;cursor:pointer;} tr td { border:1px solid #ddd;text-align:center;vertical-align:middle;} tr.odd td {/*background:#F2F2F2;*/} /*tr:hover td {background:#e7e7e7;} tr:hover td {background:#e7e7e7;}*/ table a {text-decoration:none;color:#666;} table a:visited {text-decoration:none;} table a:hover {text-decoration:underline;color:#333;} table thead th.first{background-position:-1px top;} table thead th.title{font-size:11px;} /*HACK FANCY BOX*/ table#fancybox-title-float-wrap tbody {background:none;border:none;} table#fancybox-title-float-wrap {-moz-box-shadow:none;} table .button {padding:0px;margin:2px 0;} *+html table .button {padding:0px;} table .button .i {text-align:left;} /*FF HACK CSS*/ @-moz-document url-prefix() {thead tr th {padding:2px 5px;}} /*@-moz-document url-prefix() {td {line-height:19px;}} */ /******************************************************************************************™* | COLUM NAME : LAST UP DATE 03112011 - BY JIM ™*******************************************************************************************/ table .no {text-align:center;width:20px;padding:0 5px;} table .subject {text-align:left;width:20%;} table .remark {text-align:left;width:100px;} table .img {width:95px;} table .title {width:auto;font-size:13px;text-align:left;} table .name {text-align:left;} table .note {width:150px;} table .permission {width:85px;} table .user {text-align:left;width:120px;} table .update {text-align:left;} table .blog {width:220px;} table .link {text-align:center;width:25px;background-image:none; padding-right:0 !important;} table .tel {text-align:right;width:90px;} table .remark {text-align:right;width:10%;} table .category {text-align:right;width:120px;} table .post {text-align:right;width:120px;} table .comment {text-align:right;width:50px;border-top:none;} table .index {text-align:center;width:40px;min-width:40px;} table .time {text-align:right;width:53px;} table .date {text-align:right;width:65px;} table .ads {text-align:right;width:40px;} table .homepage {text-align:right;width:60px;} table .up-down {text-align:right;width:75px;} table .email {text-align:left;width:200px;} table .status {text-align:right;width:40px;} table .status_ticket {text-align:right;min-width:90px;width:90px;} table .edit {text-align:right;width:40px;} table .del {text-align:right;width:40px;} table .tag {text-align:left;width:15%;} table div.date {font-size:10px;text-align:left;width:100%;} table div.des {font-size:11px;text-align:left;width:100%;} /******************************************************************************************™* | DATA TABLE : LAST UP DATE 02102011 - BY JIM ™*******************************************************************************************/ table.datatable th.edit .DataTables_sort_wrapper span, table.datatable th.status .DataTables_sort_wrapper span, table.datatable th.ads .DataTables_sort_wrapper span, table.datatable th.index .DataTables_sort_wrapper span, table.datatable th.view .DataTables_sort_wrapper span, table.datatable th.del .DataTables_sort_wrapper span {display:none;} .dataTables_wrapper .dataTables_scroll {overflow:hidden;} .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .display {margin:0;} .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .display thead tr th {padding:0px 5px;} .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .display .DataTables_sort_wrapper {text-align:left;position:relative;line-height:19px;} .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .display .DataTables_sort_wrapper span{position:absolute;right:0px;top:-3px;} .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody thead {display:none;} .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table.display {margin:0;border-top:none;} /*TOOL BAR*/ .dataTables_length,.dataTables_filter,.dataTables_info {float:left;line-height:25px;color:#ddd;text-transform:uppercase;font-weight:bold;margin-left:3px;} .dataTables_wrapper .dataTables_filter {float:right;line-height:20px;width:40%;display:block;text-align:right;} .dataTables_wrapper .dataTables_filter input{ height:13px; padding-right:25px; display:inline; width:120px; background:url(../../uploads/small/white/magnifying_glass.png) right center no-repeat; margin:0 0 0 5px; border:1px solid #0d0d0d; border-bottom:1px solid #252525; border-right:1px solid #111; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .dataTables_wrapper .dataTables_filter input:focus{border-bottom:1px solid #292929;border-right:1px solid #151515;background:#393939;color:#fff;} .dataTables_wrapper .dataTables_length select{border:1px solid #0d0d0d;border-bottom:1px solid #252525;border-right:1px solid #111;background:#393939;color:#ccc;font-family:Tahoma;margin:0 5px;} .dataTables_paginate {float:right; margin-right:0px;} .dataTables_wrapper .dataTables_paginate span.fg-button{ background-image:none; background-color:#DFE2E4; text-shadow:0 1px 0 #FFFFFF; color:#333; border-bottom:1px solid #aaa; border-left:1px solid white; border-top:1px solid white; border-right:1px solid #aaa; padding:3px 10px; margin:0; filter:none !important; } .dataTables_wrapper .dataTables_paginate span.first {border-left:1px solid white;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .dataTables_wrapper .dataTables_paginate span.last {border-right:1px solid #fff;} .dataTables_wrapper .dataTables_paginate span.ui-state-disabled{opacity:1;color:#888 !important;} .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled{text-shadow:0 1px 0 #000;background:none !important;border:1px solid #fff;color:#FFFFFF !important;opacity:1;} /*DEFAULT COLOR*/ .dataTables_wrapper .ui-widget-header { color:#fff; text-shadow:0 1px 0 #000; border: 1px solid #333; padding:7px 5px 6px; position:relative; background: #0f0f0f; background: -moz-linear-gradient(top, #333 0%, #0f0f0f 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(99%,#0f0f0f)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#0f0f0f',GradientType=0 ); } table.h-color tbody tr td {padding:3px;} table.h-color tbody tr td span {height:auto; width:80px;} /*HTML MAIL*/ table.html-mail {} table.html-mail tr td {border:none;background:none;cursor:default;} /*--------------------------------------------- DEAL PAGE UPDATE 03.2012 -----------------------------------------------*/ #deal_page .banner img {max-height:350px;} #deal_page .entry .ui-tabs .ui-tabs-nav li {font-size:15px;margin-right:1px;} #deal_page .entry .ui-tabs .ui-tabs-panel {border:none;border-bottom:1px solid #ddd;-moz-border-radius:0px;border-radius:0px;-webkit-border-radius:0px;} .price_save {position:absolute;left:-20px;top:70px;z-index:10;padding:5px;font-size:17px;font-weight:normal;text-align:center;width:46px;-moz-border-radius:16px;border-radius:16px;-webkit-border-radius:16px;} .price_save small {font-size:11px;float:left;text-align:center;width:100%;} .price {font-size:21px;color:#900;line-height:30px;} #deal_page ul.gallery li .img {width:50%;height:auto;} #deal_page ul.gallery.c1.sidebar li .img img {max-width:310px;} #deal_page ul.gallery li .detail {width:45%;} #deal_page ul.gallery li .detail span.price {position:relative;float:left;margin:0 auto 10px;} .countdown_row {margin-bottom:60px;} .countdown_section { width:23px!important; display: block; float: left; clear:none!important; text-align: center; font-size:10px;float:left;width:23px;clear:none;margin:0 10px 0 0;padding:5px; box-shadow: 0 1px 0 #EEEEEE inset, 0 5px 0 0 #666666, 0 10px 5px #999999; background: -moz-linear-gradient(center top , #E6ECEF 0%, #D0D6DA 99%) repeat scroll 0 0 transparent !important; border: 1px solid #AAAAAA !important; color: #333333 !important; text-shadow: 0 1px 0 #FFFFFF !important; padding-bottom:0px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; } #deal_page .countdown_amount {font-size: 20px;} #deal_page .detail a {font-size:13px;margin:0;position:absolute;right:0;bottom:0;} #deal_page .detail a.more_product {font-size:16px;margin:0 0 5px;float:left;left:0;right:auto;font-weight:normal;} #deal_page .content {clear:both;} #deal_page .title {margin-bottom:0;} /*============================================= FRAMEWORK NAME : JDESIGN AGENCY DATE CREATE : 05.02.2012 BY : JIM ===============================================*/ /*--------------------------------------------- BUTTON FRAMEWORK UPDATE 02.2012 [JIM] -----------------------------------------------*/ button,.button { position:relative; display:inline-block; font-family:Tahoma; font-size: 11px; font-weight:bold; margin:0px 0px 7px; color: #111; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url(./img/bt/button.png) 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid; border-color:#ccc #444 #555 #ccc; outline: none; line-height:13px; } a.button {padding:4px 5px;} *+html a.button {padding:4px 6px;}/*IE7*/ button {padding:3px 5px;} *+html button {padding:3px 5px 2px;}/*IE7*/ input.button {padding:2px 5px 2px 0;} *+html input.button {padding:4px 5px 1px 0;outline: none;}/*IE7*/ .button:active,button:active{/*top:1px;*/} button:focus, .button:hover, button:hover {color:#FFFFFF;border:1px solid #2F5BB7;text-decoration:none;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);background-position:0 -70px;} button:hover span.s16, .button:hover span.s16 {background-image:url(./img/ico/icon-16x16-white.png);} button:hover span.s24, .button:hover span.s24 {background-image:url(./img/ico/icon-24x24-white.png);} button:hover span.s48, .button:hover span.s48 {background-image:url(./img/ico/icon-48x48-white.png);} .button:active, button:active, .button.active, button.active { background-position: 0 -140px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; } .button.primary, button.primary { font-weight: bold; } .button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -210px;border-color: #b0281a; } .button.negative:active, button.negative:active, .button.negative.active, button.negative.active { background-position: 0 -340px; background-color: #A5211E; border-color: #911D1B; } .button.positive:hover, button.positive:hover { background-position: 0 -350px; border-color: #29691D; } .button.positive:active, button.positive:active, .button.positive.active, button.positive.active { background-position: 0 -420px; background-color: #45BF55; } /*.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }*/ .button.left, button.left {float:left;} .button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; margin:0px;} .button.right, button.right {float:right;} .button.left:active, button.left:active, .button.middle:active, button.middle:active, .button.right:active, button.right:active { top: 0px } /*--------------------------------------------- CURVE UPDATE 02.2012 [JIM] -----------------------------------------------*/ .pill {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border-color:#ccc #ccc #aaa #ccc;} .pill1 {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-color:#ccc #ccc #aaa #ccc;} .pill2 {-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border-color:#ccc #ccc #aaa #ccc;/* padding:2px 7px 3px;*/} .pill3 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-color:#ccc #ccc #aaa #ccc;/* padding:2px 8px 4px;*/} .pill4 {-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; border-color:#ccc #ccc #aaa #ccc; /*padding:3px 9px 5px;*/} .pill5 {-moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; border-color:#ccc #ccc #aaa #ccc; /*padding:4px 9px 5px;*/} .pill6 {-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; border-color:#ccc #ccc #aaa #ccc; /*padding:5px 10px 6px;*/} /*--------------------------------------------- SIZE UPDATE 02.2012 [JIM] -----------------------------------------------*/ button.small, .button.small, .button.small:visited {font-size:9px;padding:3px 4px;} .button.b16,.button.b16:visited, button.b16,button.b16:visited {font-size:11px;margin-bottom:4px;padding:4px 8px 4px 5px;} .button .s16, button .s16 {float:left;} .button .s16+.text, button .s16+.text {margin:0 0 0 5px;line-height:14px;} .button.b24,.button.b24:visited, button.b24,button.b24:visited {font-size:17px;margin-bottom:10px;font-weight:normal;line-height:20px;padding:4px 5px;} .button .s24, button .s24 {float:left;height:20px;} .button .s24+.text, button .s24+.text {margin:0 0 0 2px;line-height:20px;} .button.b48,.button.b48:visited, button.b48,button.b48:visited {font-size:23px;font-weight:normal;line-height:23px;margin-bottom:3px;padding:6px 8px;*padding:4px 8px 8px 7px;} .button .s48, button .s48 {float:left;height:40px;} .button .s48+.text, button .s48+.text {margin:0px;line-height:43px;font-size:23px;} .button.b60,.button.b60:visited, button.b60,button.b60:visited {font-size:28px;font-weight:normal;line-height:30px;margin-bottom:6px;padding:5px 10px 7px;*padding:4px 10px 8px 9px;} .more_product { background:#3BB3E0; background-image: -moz-linear-gradient(center bottom , #2CA0CA 0%, #3EB8E5 100%); border: 1px solid #2AB7EC; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; box-shadow: 0 1px 0 #2AB7EC inset, 0 5px 0 0 #156785, 0 10px 5px #999999; color: #FFFFFF; padding:7px 13px!important; position: relative; text-decoration: none; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); clear:both; } .more_product:hover {border-color:#7ecbe8;background-position:0 0;} .more_product:active { background:#3BB3E0; background-image: -moz-linear-gradient(center bottom , #3EB8E5 0%, #2CA0CA 100%); box-shadow: 0 1px 0 #2AB7EC inset, 0 2px 0 0 #156785, 0 5px 3px #999999; top: 3px; } /*--------------------------------------------- ICON 05.2012 -----------------------------------------------*/ .button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 5px auto auto; position: relative; top:0;*top: 0px; background-image: url('./img/bt/button-icon.png'); background-repeat: no-repeat;} a.big.button span.icon, button.big span.icon { top: 0px } .button span.icon.book, button span.icon.book { background-position: 0 0 } .button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px } .button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px } .button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px } .button span.icon.chat, button span.icon.chat { background-position: 0 -60px } .button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px } .button span.icon.check, button span.icon.check { background-position: 0 -90px } .button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px } .button span.icon.clock, button span.icon.clock { background-position: 0 -116px } .button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px } .button span.icon.cog, button span.icon.cog { background-position: 0 -146px } .button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px } .button span.icon.comment, button span.icon.comment { background-position: 0 -176px } .button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px } .button span.icon.cross, button span.icon.cross { background-position: 0 -204px } .button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px } .button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px } .button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px } .button span.icon.fork, button span.icon.fork { background-position: 0 -264px } .button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px } .button span.icon.heart, button span.icon.heart { background-position: 0 -294px } .button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px } .button span.icon.home, button span.icon.home { background-position: 0 -322px } .button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px } .button span.icon.key, button span.icon.key { background-position: 0 -352px } .button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px } .button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px } .button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px } .button span.icon.lock, button span.icon.lock { background-position: 0 -412px } .button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px } .button span.icon.loop, button span.icon.loop { background-position: 0 -442px } .button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px } .button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px } .button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px } .button span.icon.mail, button span.icon.mail { background-position: 0 -502px } .button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px } .button span.icon.move, button span.icon.move { background-position: 0 -526px } .button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px } .button span.icon.pen, button span.icon.pen { background-position: 0 -556px } .button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px } .button span.icon.pin, button span.icon.pin { background-position: 0 -586px } .button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px } .button span.icon.plus, button span.icon.plus { background-position: 0 -616px } .button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px } .button span.icon.reload, button span.icon.reload { background-position: 0 -646px } .button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px } .button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px } .button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px } .button span.icon.rss, button span.icon.rss { background-position: 0 -704px } .button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px } .button span.icon.tag, button span.icon.tag { background-position: 0 -734px } .button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px } .button span.icon.trash, button span.icon.trash { background-position: 0 -764px } .button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px } .button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px } .button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px } .button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px } .button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px } .button span.icon.user, button span.icon.user { background-position: 0 -854px } .button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }