h1, h2, h3, h4, h5, h6, .componentheading, .contentheading, .feature-title, .blockheader .t, .colorblockheader .t, legend, .tour_now_title, .join_now_title, .edition-main, .price-tag, .blocknumber-t, .showcase-title, .show-title, h1.show-title, h1.show-title a, h1.show-title a:link, h1.show-title a:visited, h1.show-title a:hover, h1.contact, .show-title, .blockheader .t, post h2.postheader, .post h2.postheader a, .post h2.postheader a:link, .post h2.postheader a:visited, .post h2.postheader a.visited, .post h2.postheader a:hover, .post h2.postheader a.hovered, span.dropcap, span.dropcap-blue, span.dropcap-orange, span.dropcap-grey, .nivo-caption p.nivo-title, .blog-comments .t, .respond .t, .event-time .date, .ws-title, .block-number .digit, ul.css-tabs a, #nav2 ul a, th, .th .title, .showcase-banner, .scripting, a.widget .title{font-family: 'Arial', Tahoma, Arial, Helvetica, Sans-Serif; font-weight: normal;} /*General CSS3 buttons */ /*-----------------------------*/ a:active,a:focus{outline:0} .button,.csbutton, .csbutton-grey, .csbutton-color, .error{ font-size:12px; cursor:pointer; text-decoration:none; padding:4px 8px; border-width:1px; -o-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 2px #2e61c3; -webkit-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 2px #2e61c3; -moz-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 2px #2e61c3; -ms-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 2px #2e61c3; -khtml-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 2px #2e61c3; box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 2px #2e61c3; } /* css styling for buttons*/ input.csbutton, input.csbutton-grey, input.csbutton-color{min-height:28px} .blockcontent-body a:hover{text-decoration: none !important} a.csbutton, a.csbutton-grey, a.csbutton-color, a.csbutton:hover, a.csbutton-color:hover, a.csbutton-grey:hover{text-decoration:none; cursor:pointer; } .bold{font-weight: bold} .small{font-size: 11px !important; padding: 2px 8px;} .large{font-size: 20px!important; padding: 8px 11px !important;} .x-large{font-size: 36px!important; padding: 10px 15px !important;} .xx-large{font-size: 48px!important; padding: 12px 18px !important; } .normal,.normal:hover{ -o-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5); -webkit-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5); -moz-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5); -ms-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5); -khtml-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5); box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5); } .normal:active{ -webkit-box-shadow: inset 0 1px 2px #6D6D6D !important; -moz-box-shadow: inset 0 1px 2px #6D6D6D !important; -o-box-shadow: inset 0 1px 2px #6D6D6D !important; -ms-box-shadow: inset 0 1px 2px #6D6D6D !important; -khtml-box-shadow: inset 0 1px 2px #6D6D6D !important; box-shadow: inset 0 1px 2px #6D6D6D !important; } .round{ padding: 7px 22px !important; -moz-border-radius: 25px !important; -webkit-border-radius: 25px !important; -o-border-radius: 25px !important; -ms-border-radius: 25px !important; -khtml-border-radius: 25px !important; border-radius: 25px !important; } .small.round{padding: 5px 10px !important} .box{ -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } /*combined csbutton, showhide, pic3d, white-top, event-time, block-number, .th, th css3 */ .csbutton, .showhide li, .pic3d, div.white-top div, .event-time, .block-number, .postheadericons .author, .postheadericons .category, .page-navigate .page, .page-navigate .pages, .page-navigate .next-link, .page-navigate .next, .page-navigate .previous, .comment-post .reply, .actions .next, .actions .prev, .slider-action { border-color:#ffffff; background: #e5e5e5; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); -pie-background:linear-gradient(#ffffff, #e5e5e5); text-shadow: 0 1px 0 #F7F7F7; } .postheadericons .author, .postheadericons .category, .page-navigate .page, .page-navigate .pages, .page-navigate .next-link, .page-navigate .next, .page-navigate .current, .page-navigate .previous, .comment-post .reply, .actions .next, .actions .prev { -moz-box-shadow: 1px 1px 2px #C0C0C0; -webkit-box-shadow: 1px 1px 2px #C0C0C0; -ms-box-shadow: 1px 1px 2px #C0C0C0; -khtml-box-shadow: 1px 1px 2px #C0C0C0; -o-box-shadow: 1px 1px 2px #C0C0C0; box-shadow: 1px 1px 2px #C0C0C0; } .csbutton:hover, .pic3d:hover, .showhide li:hover, div.white-top div:hover, .event-time:hover{ background: #eaeaea; background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: linear-gradient(top, #ffffff 0%,#eaeaea 100%); -pie-background:linear-gradient(#ffffff,#eaeaea); } a.csbutton-grey, a.csbutton-grey:hover, a.csbutton-grey:active, a.csbutton-color, a.csbutton-color:hover, a.csbutton-color:active, .page-navigate .current{color: #FFFFFF !important; text-shadow: none !important} .button:hover,.csbutton:hover{ text-decoration:none; -moz-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA; -webkit-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA; -o-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA; -ms-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA; -khtml-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA; box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA; } .csbutton:active,.normal:active, .csbutton-color:active{ position:relative; top:1px; cursor:pointer; -webkit-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA; -moz-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA; -ms-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA; -o-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA; box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA; } .csbutton-grey:active{ position: relative; top: 1px; -moz-box-shadow:inset 0 1px 2px #000000; -webkit-box-shadow:inset 0 1px 2px #000000; -ms-box-shadow:inset 0 1px 2px #000000; -o-box-shadow:inset 0 1px 2px #000000; box-shadow:inset 0 1px 2px #000000; } .grey-cart {float: right; margin-right:25px;} .grey-cartbuy {margin-right:25px; padding:5px;} .grey-gobtn {float: right; margin-right:20px; margin-top:10px;} /*icons*/ .icon {margin: 2px 5px} .bookmark, .connect, .contact, .information, .note, .rate, .tick, .user, .write, .cart {display: inline-block; height: 16px; margin: -2px 10px -3px 0px; position: relative; width: 16px;} div span.icon {margin:10px 20px 10px 0} .bookmark {background: url(../images/typo/special-4.png) 0 0 no-repeat;} .connect {background: url(../images/typo/special-5.png) 0 0 no-repeat;} /*.contact {background: url(../images/typo/special-6.png) 0 0 no-repeat;} */.information {background: url(../images/typo/special-9.png) 0 0 no-repeat;} .note {background: url(../images/typo/special-7.png) 0 0 no-repeat;} .rate {background: url(../images/typo/special-2.png) 0 0 no-repeat;} .tick {background: url(../images/typo/special-1.png) 0 0 no-repeat;} .user {background: url(../images/typo/special-8.png) 0 0 no-repeat;} .write {background: url(../images/typo/special-3.png) 0 0 no-repeat;} .cart {background:url(../images/typo/buycart.png) 0 0 no-repeat;} .down {background:url(../images/typo/download.png) 0 0 no-repeat; padding-right:20px;} .sucss {background:url(../images/typo/tick-circle.png) 0 0 no-repeat; padding-right:20px;} .editprofile {background:url(../images/typo/edit-file.png) 0 0 no-repeat;} #submit_mail{margin:-5px 10px} /*end of css buttons*/ /*typography selection*/ .content-box-gray ::selection{background: #808080; color: #FFF;text-shadow: none} .content-box-gray ::-moz-selection {background: #808080; color: #FFF; text-shadow: none} .content-box-gray ::-webkit-selection {background: #808080; color: #FFF; text-shadow: none} .content-box-blue ::selection{background: #50737E; color: #FFF;text-shadow: none} .content-box-blue ::-moz-selection {background: #50737E; color: #FFF; text-shadow: none} .content-box-blue ::-webkit-selection {background: #50737E; color: #FFF; text-shadow: none} .content-box-cyan ::selection{background: #2A8396; color: #FFF;text-shadow: none} .content-box-cyan ::-moz-selection {background: #2A8396; color: #FFF; text-shadow: none} .content-box-cyan ::-webkit-selection {background: #2A8396; color: #FFF; text-shadow: none} .content-box-green ::selection {background: #475127; color: #FFF;text-shadow: none} .content-box-green ::-moz-selection {background: #475127; color: #FFF; text-shadow: none} .content-box-green ::-webkit-selection {background: #475127; color: #FFF; text-shadow: none} .content-box-yellow ::selection{background: #A96903; color: #FFF;text-shadow: none} .content-box-yellow ::-moz-selection {background: #A96903; color: #FFF; text-shadow: none} .content-box-yellow ::-webkit-selection {background: #A96903; color: #FFF; text-shadow: none} .content-box-orange ::selection{background: #804602; color: #FFF;text-shadow: none} .content-box-orange ::-moz-selection {background: #804602; color: #FFF; text-shadow: none} .content-box-orange ::-webkit-selection {background: #804602; color: #FFF; text-shadow: none} .content-box-red ::selection{background: #AB4343; color: #FFF;text-shadow: none} .content-box-red ::-moz-selection {background: #AB4343; color: #FFF; text-shadow: none} .content-box-red ::-webkit-selection {background: #AB4343; color: #FFF; text-shadow: none} /*typography*/ .dotted{background: url("../images/body/block-div-h.png") repeat-x scroll 0 100% transparent} /*begin dropcaps, block numbers, block date style */ .dropcap{color:inherit;} .dropcap-blue{color:#0D507A;} .dropcap-grey{color:#666; letter-spacing:-10;} .dropcap-orange{color:#CC8300;} .dropcap,.dropcap-blue,.dropcap-orange,.dropcap-grey{display:block;float:left;font: 5em/75% Tahoma;padding:4px 8px 0 0;} .event-time, .block-number{;} .event-time,.block-number{ width:110px; border:#e5e5e5;color:#808080;display:block;float:left;height:auto;margin: 3px 15px 3px 0 !important;} .scripting .block-number{margin: 6px 15px 3px 0 !important} .event{display: block; margin: 5px 0 20px} .event-time .date, .block-number .digit{font-size: 200%; padding: 9px 10px 25px; } .event-time .month, .block-number .bottom{ display: block;padding-bottom: 2px; text-align: center;text-transform: uppercase; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .block-number .bottom{min-height: 7px} /* end dropcap, block numbers and block date*/ /*begin ul li style*/ /*ul style*/ ul.bullet-1 li{background:url(../images/typo/bullet-1.png)} ul.bullet-2 li{background:url(../images/typo/bullet-2.png)} ul.bullet-3 li{background:url(../images/typo/bullet-3.png)} ul.bullet-4 li{background:url(../images/typo/bullet-4.png)} ul.bullet-5 li{background:url(../images/typo/bullet-5.png)} ul.bullet-6 li{background:url(../images/typo/bullet-6.png)} ul.bullet-7 li{background:url(../images/typo/bullet-7.png)} ul.bullet-8 li{background:url(../images/typo/bullet-8.png)} ul.bullet-1 li,ul.bullet-2 li,ul.bullet-3 li,ul.bullet-4 li,ul.bullet-5 li,ul.bullet-6 li,ul.bullet-7 li,ul.bullet-8 li{line-height:1.5em; background-position: 5px 7px; background-repeat: no-repeat} ul.bullet-list li{color:#FFFFFF; margin: 0 15px 5px 0 !important; padding: 0 !important} ul.bullet-list li a{ display:block; padding:4px 7px 8px 22px; background:url(../images/typo/bullet-2.png) 5px 8px no-repeat} ul.bullet-list li a:hover{ padding-left:24px; background-position:7px 8px; text-decoration:none;} ul.special-1 li{background:url(../images/typo/special-1.png)} ul.special-2 li{background:url(../images/typo/special-2.png)} ul.special-3 li{background:url(../images/typo/special-3.png)} ul.special-4 li{background:url(../images/typo/special-4.png)} ul.special-5 li{background:url(../images/typo/special-5.png)} ul.special-6 li{background:url(../images/typo/special-6.png)} ul.special-7 li{background:url(../images/typo/special-7.png)} ul.special-8 li{background:url(../images/typo/special-8.png)} ul.special-1 li,ul.special-2 li,ul.special-3 li,ul.special-4 li,ul.special-5 li,ul.special-6 li,ul.special-7 li,ul.special-8 li{background-position: 0 2px; background-repeat: no-repeat;line-height:1.5em;margin:3px 2px;} li.number-1{background:url(../images/typo/number-1.png)} li.number-2{background:url(../images/typo/number-2.png)} li.number-3{background:url(../images/typo/number-3.png)} li.number-4{background:url(../images/typo/number-4.png)} li.number-5{background:url(../images/typo/number-5.png)} li.number-6{background:url(../images/typo/number-6.png)} li.number-7{background:url(../images/typo/number-7.png)} li.number-8{background:url(../images/typo/number-8.png)} li.number-1,li.number-2,li.number-3,li.number-4,li.number-5,li.number-6,li.number-7,li.number-8{background-position:0 5px !important; background-repeat: no-repeat; line-height:1.5em;margin:3px 2px;padding-bottom: 5px !important;} ul.number{line-height:1.5em;margin:3px 2px;padding-bottom:3px;} /*content-boxs and notices background gradient*/ .content-box,.content-box-blue,.content-box-green,.content-box-orange,.content-box-yellow,.content-box-red,.content-box-gray,.content-box-transparent{border:1px solid rgba(255,255,255,0.5) !important;display:block;margin:10px 10px 10px 50px;padding:5px 25px 5px 38px;text-shadow:1px 1px 1px #FFFFFF; -moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); } .content-box-transparent{border-color: #E0E0E0; color: #808080; text-shadow: 1px 1px 1px #FFFFFF; background: #EFEFEF; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.15))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.15) 100%); -pie-background: linear-gradient( rgba(255,255,255,0), rgba(0,0,0,0.15)); } .content-box-blue{border-color: #A9C3DB; color: #50737E; text-shadow: 0 1px #F5F8F9; background: #c3d1e1; background: -moz-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6edf4), color-stop(100%, #c3d1e1)); background: -webkit-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%); background: -o-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%); background: -ms-linear-gradient(top, #e6edf4 0%, #c3d1e1 100%); background: linear-gradient(top, #e6edf4 0%, #c3d1e1 100%); -pie-background: linear-gradient(#e6edf4, #c3d1e1); } .content-box-green{ border-color: #B4D264; color: #65715B; text-shadow: 0 1px #E8EDE1; background: #e4efc0; background: -moz-linear-gradient(top, #e4efc0 0%, #c1db85 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#c1db85)); background: -webkit-linear-gradient(top, #e4efc0 0%,#c1db85 100%); background: -o-linear-gradient(top, #e4efc0 0%,#c1db85 100%); background: -ms-linear-gradient(top, #e4efc0 0%,#c1db85 100%); background: linear-gradient(top, #e4efc0 0%,#c1db85 100%); -pie-background: linear-gradient(#e4efc0, #c1db85); } .content-box-orange{border-color: #ffcf91; color: #804602; text-shadow: 0 1px #FBF0D7; background: #f7e0b2; background: -moz-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7e0b2), color-stop(100%, #ffcf91)); background: -webkit-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%); background: -o-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%); background: -ms-linear-gradient(top, #f7e0b2 0%, #ffcf91 100%); background: linear-gradient(top, #f7e0b2 0%, #ffcf91 100%); -pie-background: linear-gradient(#f7e0b2, #ffcf91); } .content-box-yellow{border-color: #ffe3b5; color: #A96903; text-shadow: 0 1px #FEFCEA; background: #ffe8c3; background: -moz-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f6c3), color-stop(100%, #ffe3b5)); background: -webkit-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%); background: -o-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%); background: -ms-linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%); background: linear-gradient(top, #f9f6c3 0%, #ffe3b5 100%); -pie-background: linear-gradient(#f9f6c3, #ffe3b5); } .content-box-red{border-color: #EC9494; color: #AB4343; text-shadow: 0 1px #EFD5D5; background: #f6a2a2; background: -moz-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9bdb7), color-stop(100%, #f6a2a2)); background: -webkit-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%); background: -o-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%); background: -ms-linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%); background: linear-gradient(top, #f9bdb7 0%, #f6a2a2 100%); -pie-background: linear-gradient(#f9bdb7, #f6a2a2); } .content-box-gray {border-color: #E0E0E0; color: #808080; text-shadow: 1px 1px 1px #FFFFFF; background: #EFEFEF; background: -moz-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); -pie-background: linear-gradient(#F5F5F5, #e5e5e5); } /*end of contentt-boxes*/ /* begin notifications */ .keypoint, .tip,.info,.warning,.fail { -khtml-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-ms-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-o-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.5) !important; box-shadow:0 1px 1px #FFFFFF inset,0 0 1px rgba(0,0,0,0.5); display:block; position:relative;margin:15px 0;padding:8px 10px 8px 50px;text-shadow:1px 1px 1px #FFF; } .keypoint p{background:url(../images/typo/large/point.png) no-repeat 0 50%;} .tip p{background:url(../images/typo/large/tip.png) no-repeat 0 50%;} .info p{background:url(../images/typo/large/info.png) no-repeat 0 50%;} .warning p{background:url(../images/typo/large/warning.png) no-repeat 0 50%;} .fail p{background:url(../images/typo/large/error.png) no-repeat 0 50%;} .keypoint p,.tip p,.info p,.warning p,.fail p{line-height: 1.5em; margin:12px 10px 12px -35px;min-height:45px;padding-left:55px;} .green{ border-color: #517712; color: #FFFFFF; text-shadow: none; background: #517712; background: -moz-linear-gradient(top, #98c362 0%, #517712 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c362), color-stop(100%,#517712)); background: -webkit-linear-gradient(top, #98c362 0%,#517712 100%); background: -o-linear-gradient(top, #98c362 0%,#517712 100%); background: -ms-linear-gradient(top, #98c362 0%,#517712 100%); background: linear-gradient(top, #98c362 0%,#517712 100%); -pie-background:linear-gradient(#98c362,#517712); } .green:hover{ background: #679917; background: -moz-linear-gradient(top, #a2c973 0%, #679917 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c973), color-stop(100%,#679917)); background: -webkit-linear-gradient(top, #a2c973 0%,#679917 100%); background: -o-linear-gradient(top, #a2c973 0%,#679917 100%); background: -ms-linear-gradient(top, #a2c973 0%,#679917 100%); background: linear-gradient(top, #a2c973 0%,#679917 100%); -pie-background:linear-gradient(#a2c973,#679917); } .yellow {border-color: #FFA71D; color: #404040; text-shadow: 0 1px #F0E9A1; background: #feb645; background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); background: linear-gradient(top, #f1e767 0%,#feb645 100%); -pie-background:linear-gradient(#f1e767,#feb645); } .yellow:hover{ background: #f2ea76; background: -moz-linear-gradient(top, #f2ea76 0%, #febe58 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ea76), color-stop(100%,#febe58)); background: -webkit-linear-gradient(top, #f2ea76 0%,#febe58 100%); background: -o-linear-gradient(top, #f2ea76 0%,#febe58 100%); background: -ms-linear-gradient(top, #f2ea76 0%,#febe58 100%); background: linear-gradient(top, #f2ea76 0%,#febe58 100%); -pie-background:linear-gradient(#f2ea76,#febe58); } .blue{ border-color: #0EA3D4; color: #FFFFFF; text-shadow: none; background: #27afda; background: -moz-linear-gradient(top, #27afda 0%, #116783 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27afda), color-stop(100%,#116783)); background: -webkit-linear-gradient(top, #27afda 0%,#116783 100%); background: -o-linear-gradient(top, #27afda 0%,#116783 100%); background: -ms-linear-gradient(top, #27afda 0%,#116783 100%); background: linear-gradient(top, #27afda 0%,#116783 100%); -pie-background:linear-gradient(#27afda,#116783); } .blue:hover{ background: #3eb9de; background: -moz-linear-gradient(top, #3eb9de 0%, #157fa3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3eb9de), color-stop(100%,#157fa3)); background: -webkit-linear-gradient(top, #3eb9de 0%,#157fa3 100%); background: -o-linear-gradient(top, #3eb9de 0%,#157fa3 100%); background: -ms-linear-gradient(top, #3eb9de 0%,#157fa3 100%); background: linear-gradient(top, #3eb9de 0%,#157fa3 100%); -pie-background:linear-gradient(#3eb9de,#157fa3); } .orange{border-color: #EC7A00; color: #ffffff; text-shadow: none; background: #f48703; background: -moz-linear-gradient(top, #f7b32e 0%, #f48703 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b32e), color-stop(100%,#f48703)); background: -webkit-linear-gradient(top, #f7b32e 0%,#f48703 100%); background: -o-linear-gradient(top, #f7b32e 0%,#f48703 100%); background: -ms-linear-gradient(top, #f7b32e 0%,#f48703 100%); background: linear-gradient(top, #f7b32e 0%,#f48703 100%); -pie-background:linear-gradient(#f7b32e,#f48703); } .orange:hover{ background: #fc9516; background: -moz-linear-gradient(top, #f8bc44 0%, #fc9516 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bc44), color-stop(100%,#fc9516)); background: -webkit-linear-gradient(top, #f8bc44 0%,#fc9516 100%); background: -o-linear-gradient(top, #f8bc44 0%,#fc9516 100%); background: -ms-linear-gradient(top, #f8bc44 0%,#fc9516 100%); background: linear-gradient(top, #f8bc44 0%,#fc9516 100%); -pie-background:linear-gradient(#f8bc44,#fc9516); } .red{border-color: #bf2a04; color: #ffffff; text-shadow: none; background: #bf2a04; background: -moz-linear-gradient(top, #ed842d 0%, #bf2a04 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed842d), color-stop(100%,#bf2a04)); background: -webkit-linear-gradient(top, #ed842d 0%,#bf2a04 100%); background: -o-linear-gradient(top, #ed842d 0%,#bf2a04 100%); background: -ms-linear-gradient(top, #ed842d 0%,#bf2a04 100%); background: linear-gradient(top, #ed842d 0%,#bf2a04 100%); -pie-background:linear-gradient(#ed842d,#bf2a04); } .red:hover{ background: #e03004; background: -moz-linear-gradient(top, #ef8f41 0%, #e03004 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8f41), color-stop(100%,#e03004)); background: -webkit-linear-gradient(top, #ef8f41 0%,#e03004 100%); background: -o-linear-gradient(top, #ef8f41 0%,#e03004 100%); background: -ms-linear-gradient(top, #ef8f41 0%,#e03004 100%); background: linear-gradient(top, #ef8f41 0%,#e03004 100%); -pie-background:linear-gradient(#ef8f41,#e03004); } .close-note{border:none;color:#202020;cursor:pointer;font-size:19px;font-weight:bold;height:29px;padding:0 5px 5px;position:absolute;right:0;text-shadow:1px 1px 1px #FFFFFF;top:0;vertical-align:middle;width:29px;} input.close-note, input.close-note:hover, input.close-note:active, input.close-note:focus{-moz-box-shadow: none !important;-webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; background: transparent;} input.close-note:hover{color: #808080; background-color: transparent !important } input.close-note:active{top: 1px;} /*end notifications*/ /* begin text highlight */ span.highlight{border-width: 1px; border-style: solid} span.highlight-blue{background:#0D507A;} span.highlight-bold{font-size:110%;font-weight:bold;} span.highlight-brown{background:#8B6846;} span.highlight-green{background:#74A824;} span.highlight-grey{background:#666;} span.highlight-orange{background:#CC8300;} span.highlight-purple{background:#9E0E87;} span.highlight-red{background:#D12E2E;} span.highlight-blue,span.highlight-red,span.highlight-green,span.highlight-purple,span.highlight-orange,span.highlight-brown,span.highlight-grey{ color:#FFFFFF} span.highlight,span.highlight-blue,span.highlight-red,span.highlight-green,span.highlight-purple,span.highlight-orange,span.highlight-brown,span.highlight-grey,span.highlight-bold{padding:1px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-shadow:none} /* end text highlight */ /* begin important emphasis */ .important{-moz-border-radius:5px;-moz-box-shadow:1px 1px 0 #FFFFFF;-ms-border-radius:5px;-ms-box-shadow:1px 1px 0 #FFFFFF;-o-border-radius:5px;-o-box-shadow:1px 1px 0 #FFFFFF;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 0 #FFFFFF;background:none;border-radius:5px;box-shadow:1px 1px 0 #FFFFFF;color:#113040;line-height:1.5em;margin:25px 0 10px 0;padding:35px 15px 15px;position:relative;text-shadow: none !important;} .important-title{-moz-border-radius:0 0 4px 4px;-moz-box-shadow:1px 1px 0 #808080;-ms-border-radius:0 0 4px 4px;-ms-box-shadow:1px 1px 0 #808080;-o-border-radius:0 0 4px 4px;-o-box-shadow:1px 1px 0 #808080;-webkit-border-radius:0 0 4px 4px;-webkit-box-shadow:1px 1px 0 #808080;border-radius:0 0 4px 4px;box-shadow:1px 1px 0 #808080;display:block;left:10px;padding:3px 8px;position:absolute;top:0;} .important:hover{background:none;} .important{border-style:solid; border-width: 1px;} /* end important emphasis */ /* begin inset */ span.inset-left{display:block;float:left;font:italic bold 110% Georgia,Helvetica,Sans-Serif;padding:15px;width:20%;} span.inset-right{display:block;float:right;font:italic bold 120% Georgia,Helvetica,Sans-Serif;padding:15px;width:20%;} /* end inset */ /*image/border styling*/ .pic-border{padding:5px; border: 1px solid #C7C7C7 !important; background-color:#FFFFFF} .pic-polarid{padding:5px 5px 30px 5px; border: 1px solid #CFCFCF !important; background-color:#FFFFFF; background: #f9f9f9; background: -moz-linear-gradient(-45deg, #f9f9f9 32%, #ffffff 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(32%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(-45deg, #f9f9f9 32%,#ffffff 100%); background: -o-linear-gradient(-45deg, #f9f9f9 32%,#ffffff 100%); background: -ms-linear-gradient(-45deg, #f9f9f9 32%,#ffffff 100%); background: linear-gradient(-45deg, #f9f9f9 32%,#ffffff 100%); -pie-background:linear-gradient(#f9f9f9,#ffffff);} .pic-round{padding:5px; border: 1px solid #C7C7C7 !important; background-color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .pic3d, .pic3d-dark{padding:2px; border-width: 1px !important; border-style: solid; background:none; } .pic3d{ border-color:#ffffff !important; } .pic3d:hover{opacity: 0.6;} .piccart {padding:2px; border-width: 1px !important; border-style: solid; background:none; width:200px; height:140px; overflow:hidden; } .piccart {border-color:#ffffff !important; } .piccart:hover{opacity: 0.8;} .pic3d-dark{ background: #000000; border-color: #0b0b0b !important; background: -moz-linear-gradient(top, #000000 0%, #0b0b0b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#0b0b0b)); background: -webkit-linear-gradient(top, #000000 0%,#0b0b0b 100%); background: -o-linear-gradient(top, #000000 0%,#0b0b0b 100%); background: -ms-linear-gradient(top, #000000 0%,#0b0b0b 100%); background: linear-gradient(top, #000000 0%,#0b0b0b 100%); -o-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); -webkit-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); -ms-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);} .pic3d-dark:hover{ border-color: #0b0b0b; color: #ffffff; text-shadow: none; background: #0b0b0b; background: -moz-linear-gradient(top, #0b0b0b 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #0b0b0b 0%,#000000 100%); background: -o-linear-gradient(top, #0b0b0b 0%,#000000 100%); background: -ms-linear-gradient(top, #0b0b0b 0%,#000000 100%); background: linear-gradient(top, #0b0b0b 0%,#000000 100%); -o-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; -webkit-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; -moz-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; -ms-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; box-shadow: inset 0 1px 2px #202020, 0 2px 2px #202020; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .pic-round-shadow{-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #AEA290;-ms-border-radius:5px;-ms-box-shadow:1px 1px 7px #AEA290;-o-border-radius:5px;-o-box-shadow:1px 1px 7px #AEA290;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 7px #AEA290;background:#FFFFFF;border: 1px solid #C7C7C7 !important;border-radius:5px;box-shadow:1px 1px 7px #AEA290;padding:5px;} .pic-inset{-khtml-box-shadow:inset 1px 1px 3px #AEA290;-moz-box-shadow:inset 1px 1px 3px #AEA290;-o-box-shadow:inset 1px 1px 3px #AEA290;-webkit-box-shadow:inset 1px 1px 3px #AEA290;background:#FFF;border: 1px solid #C7C7C7 !important;box-shadow:inset 1px 1px 3px #AEA290;padding:5px;} .pic-shadow{-moz-box-shadow:1px 1px 7px #AEA290;-ms-box-shadow:1px 1px 7px #AEA290;-o-box-shadow:1px 1px 7px #AEA290;-webkit-box-shadow:1px 1px 7px #AEA290;background:#FFF;border: 1px solid #C7C7C7 !important;box-shadow:1px 1px 7px #AEA290;padding:5px;} .pic-round,.pic-round:hover,.pic-round-shadow,.pic-round-shadow:hover,.pic-shadow,.pic-shadow:hover,.pic-inset,.pic-inset:hover,.pic-polarid,.pic-polarid:hover,.pic-border,.pic-border:hover{ opacity:1; z-index:10;} .pic-round:hover,.pic-round-shadow:hover,.pic-shadow:hover,.pic-round:hover,.pic-polarid:hover,.pic-border:hover{ -moz-box-shadow:1px 1px 5px #E67F1A; -o-box-shadow:1px 1px 5px #E67F1A; -ms-box-shadow:1px 1px 5px #E67F1A; -webkit-box-shadow:1px 1px 5px #E67F1A; box-shadow:1px 1px 5px #E67F1A; border: 1px solid #B76515 !important; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);} .pic-inset:hover{border: 1px solid #B76515 !important; -moz-box-shadow:inset 1px 1px 5px #E67F1A; -webkit-box-shadow:inset 1px 1px 5px #E67F1A; -ms-box-shadow:inset 1px 1px 5px #E67F1A; -o-box-shadow:inset 1px 1px 5px #E67F1A; box-shadow:inset 1px 1px 5px #E67F1A; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);} /*end of image styling*/ /*content styling*/ .contentheading{font-size:24px;font-style:normal;font-weight:normal;margin:0.2em 0;padding:0;text-decoration:none;} .componentheading{background:url('../images/body/dot.png') repeat-x scroll 0 100% transparent;font-size:24px; line-height:40px;margin:0 13px 0px 18px;padding:2px 1px 13px;white-space:nowrap;} h2.postheader,.post h2.postheader,h1.componentheading{background:url('../images/body/dot.png') repeat-x scroll center bottom transparent;padding-bottom: 10px !important;} .postheadericons .event-time{padding: 0 !important;} /*pre formatted text*/ pre{color:#98A2AB;display:block;font-size:100%;line-height:1.69em;margin:-7px 0 4px;padding:8px 0 5px 5px;text-align:left;text-shadow:none;white-space:pre-wrap;} /*testimonial/spotlight*/ div.testimonial p{padding:10px 0 10px 30px} div.testimonial p,div.spotlight p{background:none;color:#808080;font-size:150%;line-height:1.5em;text-align:left;} .slideshow span.testimonial-jobtitle{font-size:77%;margin-top:-4px;} span.testimonial-jobtitle{float:right;font-size:90%;font-style:normal;margin-top:0;} blockquote span.testimonial-jobtitle {margin-top: 0;} div.spotlight p{color:#404040} .tagline{width:70%; padding-bottom: 15px !important; display:inline-block} .tagline strong{font-weight: normal} #twitter_update_list li{text-shadow:1px 1px 0 #D9D9D9} /*showhide*/ .showhide li{padding:5px 10px; border-width:1px; border-style:solid;} /* begin top section */ /*-----------------------------------------*/ .top-section{display:none;font-size:13px;height:40px;margin-bottom:10px;padding:1em 7px 0; width: 99%;} .top-section.open {display: block !important} .top-section .inner{margin: 0 auto;width: 1000px;} .top-section p{width: 380px; float: left; padding: 5px 0;text-align: left} .top-section a, .top-section a:hover, .top-input{text-decoration: none;} .top-section form{float: right; margin-top: -4px !important} #news_mail{min-height: 24px !important;} .top-input{min-height: 17px; margin: 3px 5px 3px 0; } #top-password{letter-spacing: 1px} #submit_button{margin-top: 1px; min-height: 25px } .icon-showcase{padding: 20px 0} .show-top.cancel{float:right;font-size:11px;height:12px;margin-left:8px;margin-top:0px;padding:6px 8px; } #username_label, #password_label {margin-right: 12px; display: inline-block !important; float: none !important;} /* end top section */ aside.sidebar2 {padding-left: 10px} /*article*/ .sidebar1 .block {margin: 15px 25px 15px 22px;} .postheadericons .category-list,.postheadericons .category,.page-navigate .next,.actions .next,textarea{float:right} .post h2.postheader, .post h2.postheader a, .post h2.postheader a:link, .post h2.postheader a:visited, .post h2.postheader a.visited, .post h2.postheader a:hover, .post h2.postheader a.hovered {margin: 9px 1px} .postheadericons, .postheadericons a, .postheadericons a:link, .postheadericons a:visited, .postheadericons a:hover {font-variant: normal} .page-navigate,.actions{ display: block; height: 18px; margin: 10px 0 25px 14px; padding: 3px 11px; width: 93%; } .page-navigate,.page-navigate .previous,.actions .prev{float:left} .actions a,#follow a,#breadcrumbs a{ cursor:pointer} .blockcontent-body article{display: block; margin-bottom: 10px} /*blog*/ .blog-pic {float: left; margin: 4px 10px 6px 0 !important; width: 80px; height: 80px; } .blogheadericons{float: left; display: block; width: 7%; padding: 0 0 0 3px} .blog.postcontent{float: left; display: block; width: 86%; background:url("../images/body/block-div.png") repeat-y scroll left top transparent; padding-left: 20px} .blog-author, .comment-post-admin{ display:inline-block; margin:20px 10px 10px 10px; padding-left:10px; border-style:solid; color: #808080; text-shadow: 1px 1px 1px #FFFFFF; background: #EFEFEF; background: -moz-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); background: linear-gradient(top, #F5F5F5 0%, #e5e5e5 100%); -pie-background: linear-gradient(#F5F5F5, #e5e5e5); border-width: 1px !important; border-color: rgba(255, 255, 255, 0.5) !important; -moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5); } .blog-share{display: block !important} .share-fb,.share-tweet,.share-google{float:left; margin:2px} .blog-author p{padding:10px} .blog-author img{float:left; margin:15px;} .blog-comments{padding-top:20px} .blog-comments .t, .respond .t{ display:block; font-size:25px; margin:0.2em 0; padding-bottom:20px; height:30px; background: url("../images/body/dot.png") repeat-x scroll 0 100% transparent } .respond .t{ display:block; font-size:25px; margin:0.2em 0; padding:0; padding-bottom:7px; height:30px } .respond .submit-action,.submit-action{ clear:both; float:right; margin-top:10px; position:relative} .blog-comments ol.comments{list-style:none outside none} .comment-post p,.comment-post-admin p,header,section,footer,aside,nav,article,figure,.image-grid li img,.image-grid li strong{display:block} .comment-post-admin .gravatar{border: none !important} .comment-post,.comment-post-admin{display:inline-block; margin-bottom: 20px !important;} .reply-post .comment-post {margin-bottom: 4px !important} .reply-post .comment-post-admin{padding-top: 15px !important; padding-bottom:10px;} .reply-post .comment-post-admin{ -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border-width:1px; border-style:solid; } .reply-post .comment-post{border-bottom:0; overflow: visible} .comment-post .avatar,.comment-post-admin .avatar{ width:20%; float:left; margin-right:5px; position:relative } .comment-post .gravatar{border:4px solid #A8A8A8; } .comment-post .gravatar.admin{ border: none;} .user-comment{ display:block; float:left; margin-right: 0 !important; position:relative; width:76%} .comment-post .response{ display:inline-block; float:right; height:30px; padding:3px 10px} .user-comment .author-name{ font-weight:normal; float:left; margin-right:20px} .img_caption{ text-align:center} .header-content{ display:inline-block; left: 43px; position: absolute; text-shadow: none; top: 120px; width: 920px;} /*end showcase header*/ /*begin breadcrumbs*/ #follow,#breadcrumbs{ margin:0 auto; width: 980px; display:block; position:relative; overflow:visible; height:0; color: #FFFFFF; left: -9px; z-index: 100; } #breadcrumbs.home{margin:0 -10px;} #follow h3,#breadcrumbs h3,.nivo-html-caption{ display:none;} span.follow,span.breadcrumbs{ display:inline-block; font-size:100%; font-weight:normal; overflow:hidden;} span.follow img,span.breadcrumbs img{width:12px; height:33px; float:left;} span.follow a,span.no-link,span.breadcrumbs a{ padding:0 20px 0 10px; float:left; display:inline-block; height:33px; line-height:33px; color:#0e2030; } span.follow span.no-link{font-weight:normal;} /*gallery*/ .gallery .blockheader,.gallery .blockcontent,.columns .blockheader,.columns .blockcontent{overflow:hidden;} .gallery .column-1 .blockheader, .gallery .column-1 .blockcontent {padding-left: 20px} .img-zoom{background:url("../images/widget/zoom.png") no-repeat scroll left center transparent; display:block; height:37px; width:37px; overflow:hidden; position:absolute; z-index: -1} .gallery-row.column-1{margin:4px 20px 0 0; padding:0} .gallery-row.column-1 .block{ margin:20px 10px 0 0; width:100%; float: left} .gallery-row.column-1 img,.column-row.column-1 img{float:left; margin:0 30px 20px 0; z-index:100; display: block; position: relative; } .gallery-row.column-1 img{ width: 620px; height: 380px} .gallery-row.column-1 .img-zoom{ margin-left:300px; margin-top:180px} .gallery-row.column-2,.gallery-row.column-3,.gallery-row.column-4,.column-row.column-1,.column-row.column-2,.column-row.column-3,.column-row.column-4,.column-row.column-5,.column-row.column-6{ margin:4px 0 0 0; padding:4px 0 0 0; clear: both; float: left; width: 100%;} .gallery-row.column-2 img,.gallery-row.column-3 img,.gallery-row.column-4 img,.column-row.column-2 img,.column-row.column-3 img,.column-row.column-4 img,.column-row.column-5 img{ margin:0 20px 20px 0; z-index:100} .gallery-row.column-2 .img-zoom{ margin-left:120px; margin-top:70px;} .gallery-row.column-2 .block{ float: left; margin:10px 28px 0 0; width:26%; padding-right: 21px;} .gallery-row.column-2 img{ width: 200px; height: 140px;} .gallery-row.column-3 .img-zoom{ margin-left:120px; margin-top:70px;} .gallery-row.column-3 .block{ float: left; margin:10px 10px 0 0; width:30%; padding-right: 21px;} .gallery-row.column-3 img{ width: 270px; height: 160px;} .gallery-row.column-4 .img-zoom{ margin-left:82px; margin-top:50px;} .gallery-row.column-4 .block{ float: left; margin:10px 10px 0 0; width:22%; padding-right: 18px;} .gallery-row.column-4 img{ width: 200px; height: 128px;} .photo-gallery li{float: left; padding:5px !important;} .photo-gallery img{ float: left; margin: 0px; opacity: 0.5; position: relative; width: 220px; height: 145px; border-radius: 0 !important;} .photo-gallery img:hover{ opacity: 1; z-index: 1000; -webkit-box-shadow: 0 0 20px #202020; -moz-box-shadow: 0 0 20px #202020; -ms-box-shadow: 0 0 20px #202020; -o-box-shadow: 0 0 20px #202020; box-shadow: 0 0 20px #202020;} /*end gallery*/ /*display switch*/ ul.display { float: left; width: auto; margin: 0; padding: 0; list-style: none;} ul.display li { float: left; width: auto; padding: 15px 0; margin: 0; background: url("../images/body/block-div-h.png") repeat-x scroll 0 100% transparent; transition:all 0.3s linear;} ul.display li a {text-decoration: none;} ul.display li .content_block { padding: 0 2px;} ul.display li .content_block h3 { margin: 0; padding: 0; font-weight: normal; background: url("../images/widget/rate.png") no-repeat scroll 100% 50% transparent;} ul.display li .content_block p { margin: 0; padding: 5px 5px 5px 225px;} ul.display li .content_block a img{ padding: 5px; margin: 11px 15px 0 0; float: left;} ul.thumb_view li{ width: 210px;} ul.thumb_view li h3 { display: inline-block; width: 197px;} ul.thumb_view li h3 a{ font-size: 68% !important;} ul.thumb_view li p{ display: none;} ul.thumb_view li .content_block a img { margin: 0 10px 10px 0; width: 185px; } .switch{ display: inline-block; height: 16px; margin: -2px 5px -3px; position: relative; width: 36px;} a.switch_thumb{float: right;height: 16px; line-height: 16px; padding: 5px 6px 5px 10px; margin: 0 0 10px; display: inline-block; outline: none;} a.switch_thumb .switch{background: url(../images/widget/switch.png) no-repeat; } a:hover.switch_thumb {filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";} a.swap .switch{ background-position: 0 -16px; } /*block columns*/ .column-row.column-1 .block,.column-row.column-2 .block,.column-row.column-3 .block,.column-row.column-4 .block{display:inline-block; margin:8px 11px 0 -3px; float: left;} .column-row.column-5 .block,.column-row.column-6 .block{ display:inline-block; margin:9px 6px 0; float: left} .column-row.column-2 .block{ width:47%} .column-row.column-3 .block,.one-third{ width:31%} .block.two-third{width: 64% !important} .block.three-fourth{width: 72% !important} .column-row.column-4 .block{ width:23%} .column-row.column-5 .block{ width:18%} .column-row.column-6 .block{ width:15%} .icon-showcase{margin:10px} .icon-showcase span{margin:0 20px 10px 0} .icon-showcase-icons{display:block; margin-bottom:45px} .blockheader .t{padding-top: 4px;} /*end variants*/ /* input */ /*search*/ .search{color: #FFFFFF;margin: 6px 0 !important;} .searchsp {color:#FFFFFF;margin: 6px 0 !important; width:60px !important;} #search_boxsp {background:url("../images/search.png") no-repeat scroll 95% center #FFFFFF; padding: 5px 10px} #search_boxsp:focus{background-position:100% center; background-color: #FEFEFE; width:100px; } /*.search{color:#FFFFFF; margin: 6px 0 !important; float:left;}*/ #qty {padding:5px 10px; width:20px; margin:-10px 0px 0px 30px; } #basket_box{padding: 5px 10px; width:40px;} .basket_box { width:90px; float:left;} .basket_qty { width:30px; float:left; text-align:right; padding: 15px 10px;} /*input and fieldset */ input, textarea{-khtml-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-moz-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-ms-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-o-box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;-webkit-box-shadow:inset 0 0 12px #C0C0C0,1px 1px 1px #FFFFFF;border:1px solid #CCCCCC;box-shadow:inset 0 0 5px #C0C0C0,1px 1px 1px #FFFFFF;color:#939393; min-height:24px; line-height: 1.5em; margin:0 0 3px; border-width: 0 1px 0 2px; border-style: solid; border-color: #CCCCCC; padding:3px 13px; -moz-border-radius:0 4px 4px 0; -ms-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; background-color:#FFFFFF;} input:focus,textarea:focus{ background:#ebebeb; -moz-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; -ms-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF;-o-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; -webkit-box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; box-shadow:inset 0 0 1px #C0C0C0,1px 1px 1px #FFFFFF; border-left-width: 1px; } .top-input:focus{-moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .opera fieldset{border: none !important;} .form-subscr-field textarea{height:150px;} #search_box{background:url("../images/search.png") no-repeat scroll 95% center #FFFFFF; padding: 5px 10px} #search_box:focus{background-position: 100% center; background-color: #FEFEFE; } input:focus, textarea:focus{ outline:none;} select{float:none; /*float:right;*/ width:163px; height:25px;} .form-subscr-field{ display:block; float:left; height:auto; margin:3px 0 !important; padding:5px 0; text-shadow:none; vertical-align:middle; width:100%;} .form-subscr-field input, .form-subscr-field textarea{ width:95%; margin-left:0; float:left; } #news_message{ line-height:220%; margin-bottom:0; text-shadow:none;} #news_message h3{ font-size: 20px; margin:10px 0;} #news_message p,#message p{ line-height:1.5em; margin-right:110px;} #message p{margin-right: 140px;} #message{ line-height:220%; margin-bottom:30px; text-shadow:none;} #checkmark{ float:right; margin-top:-105px;} #mailsent{ float:right; margin-top:-70px} #message h3{ color:inherit; margin:10px 0} .tooltip {display:none;width:auto;height:auto;position:absolute;padding:4px 8px;color:#FFFFFF; font-size:12px;border: 1px solid #202020;border-top: 1px solid #5B5B5B; background: #353535; background: -moz-linear-gradient(top, #353535 0%, #131313 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#131313)); background: -webkit-linear-gradient(top, #353535 0%,#131313 100%); background: -o-linear-gradient(top, #353535 0%,#131313 100%); background: -ms-linear-gradient(top, #353535 0%,#131313 100%); background: linear-gradient(top, #353535 0%,#131313 100%); -pie-background: linear-gradient(#353535, #131313);} label.error-tip{ float:right; position:absolute; right:3px; display:block; margin-top:-8px !important; padding: 2px 12px 7px} label.error-tip:after{content: ""; display:block; width:0; height:0; border-width:10px; border-style: solid; position:absolute; bottom:-20px; left:60px;} label.error{ font-weight:normal; text-align:left; width:auto; } sub{ font-size:70%} .slide-object iframe, .slide-object video{margin-top: 3px;background-color: #121212;border: 7px solid #404040; -webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.6); -moz-box-shadow: 0 0 20px rgba(0,0,0, 0.6); -ms-box-shadow: 0 0 20px rgba(0,0,0, 0.6); -o-box-shadow: 0 0 20px rgba(0,0,0, 0.6); box-shadow: 0 0 20px rgba(0,0,0, 0.6);} .gallery video{margin-top: 3px;background-color: #121212;border: 7px solid #404040;} /*begin popup overlay*/ .apple_overlay{display:none; width:640px; padding:35px; font-size:12px; background-image: url('../images/overlay/transparent.png'); left: pos.left; top: pos.top} .apple_overlay .details{text-shadow:none; color:#FFFFFF; margin-top: 10px; line-height: 1.5em} .apple_overlay img{ border: 1px solid #202020;} .apple_overlay .close{background-image:url(../images/overlay/close.png); position:absolute; top:5px; cursor:pointer; height:35px; width:35px; left: 10px} #overlay{color:#909090; height:420px} div.contentWrap{height:441px; padding:13px; overflow-y:auto} #triggers{margin-top:10px; text-align:center} #triggers img{background-color:#fff; padding:2px; border:1px solid #ccc; margin:2px 5px; cursor:pointer;} /*end pop-up element*/ .demo p,.demo ul,ol.faq{margin-right:0} #image_wrap{ width:300px; margin:15px 0 15px 40px; padding:15px 0; text-align:center; -moz-ouline-radius:4px; -webkit-outline-radius:4px;} .disabled{ visibility:hidden;} .scrollable .items {margin-left: -2px;} .scrollable img{ float:left; margin:10px 5px 20px 5px; padding:2px; width:72px; height:72px; cursor:pointer;} .scrollable .active{ position:relative; cursor:default;} .widget-pos, .widget-pos-bottom{display:block; overflow:hidden;} .widget-pos-bottom{padding: 10px;} .widget-pos .block, .widget-pos-bottom .block{ float:left; margin:10px;} /*showhide widget*/ .showhide{margin: 20px 0 10px !important; padding: 0} .showhide li{ margin: 15px 0; padding: 0.25em 1em !important;} .showhide li .title{ cursor: pointer; margin: 0; padding: 5px 35px 8px; background: url('../images/widget/expand.png') 0 3px no-repeat scroll;} .showhide li span.grip{ background: url("../images/body/dot.png") repeat scroll 0 0 transparent; display: block; float: right; height: 25px; position: relative; top: 2px; width: 15px; cursor: move} .showhide li section { background: url("../images/body/note.png") repeat-y scroll 0 0 transparent; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -moz-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -ms-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; -o-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF; box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;display: none;margin: 10px 13px 10px 45px;padding: 21px 45px 14px;} .showhide li section p{line-height: 1.65em; text-shadow: none} .showhide li.open section{display: block;} /*tabs*/ /* root element for tabs */ ul.css-tabs {margin:0 !important; padding:0; height:40px;} ul.css-tabs li {float:left; padding:0; margin:0; list-style-type:none;} ul.css-tabs a { float:left; display:block; padding:5px 18px 8px; text-decoration:none; height:23px; margin-right:2px; position:relative; top:2px; outline: 0; -webkit-box-shadow:inset 0 1px 2px #FFFFFF; -moz-box-shadow:inset 0 1px 2px #FFFFFF; -ms-box-shadow:inset 0 1px 2px #FFFFFF; -o-box-shadow:inset 0 1px 2px #FFFFFF; box-shadow:inset 0 1px 2px #FFFFFF; } ul.css-tabs a:hover {background-color:#F7F7F7;} ul.css-tabs a.current { background-color:#DDDDDD; cursor:default; margin: -3px 3px; padding: 6px 18px 13px;} /* tab pane */ .css-panes div {display:none; border-width:0 1px 1px 1px; height:190px; min-width:635px; overflow:scroll; padding:15px 20px; background-color:#DDDDDD; position:absolute; margin-right: 25px} #panes, #panes-top, #panes-bottom{margin-top: -2px; height:250px; display: block;} #panes-bottom{margin-bottom: -23px; bottom: 0} #nav1{height: 42px; padding-top: 5px;} #nav1 ul li{padding: 3px 0 0;} /* colors: white-top-tabs */ ul.white-top a {border:1px solid #C7C7C7; border-bottom:0; background-color:#efefef; margin: 0 3px; color:#808080 !important; font-size: 130%; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } ul.white-top a, #accordion h2, #accordion2 h2{ background: #f2f2f2; background: -moz-linear-gradient(top, #dadada 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #dadada 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #dadada 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #dadada 0%,#f2f2f2 100%); background: linear-gradient(top, #dadada 0%,#f2f2f2 100%); -pie-background:linear-gradient(#dadada,#f2f2f2); } ul.white-top a, ul.white-top a.current, .event-time, .block-number, .pic3d, .showhide li{ -o-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA; -webkit-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA; -moz-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA; -ms-box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA; box-shadow: inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;} /* mouseover state */ ul.white-top a:hover { background: #dedede; background: -moz-linear-gradient(top, #dedede 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #dedede 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #dedede 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #dedede 0%,#f7f7f7 100%); background: linear-gradient(top, #dedede 0%,#f7f7f7 100%); -pie-background:linear-gradient(#dedede,#f7f7f7); -o-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E; -webkit-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E; -moz-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E; -ms-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E; box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #E07A1E; border-color: #E99A53; } /* active tab */ ul.white-top a.current { background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(80%,#ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 80%); background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 80%); background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 80%); background: linear-gradient(top, #e5e5e5 0%,#ffffff 80%); -pie-background:linear-gradient(#e5e5e5,#ffffff); border: 1px solid #FFFFFF; z-index: 1; } /* tab pane with background gradient */ div.white-top div{ /*min-height:200px;*/ border-width:1px; border-style:solid; margin-top: 0; padding-top: 25px; padding-bottom: 20px; -moz-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA; -webkit-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA; -o-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA; -ms-box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA; box-shadow:0 1px 2px #FFFFFF inset, 0 0 3px #BABABA, 0 4px 3px #BABABA; border-color: #FFFFFF; text-shadow:1px 1px 1px #FFFFFF; float: left } /* panes */ #panes-bottom {border-color:#ccc; border-style:solid; border-width:1px 1px 0; height:215px; margin-bottom:0; padding-bottom:20px; position:relative; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } #panes-bottom, #nav2{ -o-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA; -webkit-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA; -moz-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA; -ms-box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA; box-shadow:inset 0 2px 2px #FFFFFF,0 2px 3px #BABABA;} #panes-bottom, #accordion h2.current, #accordion2 h2.current { background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%); -pie-background:linear-gradient(#e5e5e5,#ffffff); } /* crossfading effect needs absolute positioning from the elements */ #panes-bottom div{color:#444;display:none;left:20px;margin-right:25px;position:absolute;top:20px;} #panes-bottom h3{font-size:22px;font-weight:normal;margin:0 0 15px;} #panes-bottom img{float:left;margin-right:20px;} .overlay {display:none;width:500px;padding:20px;background-color:#ddd;} /*accordions*/ #accordion, #accordion2 { background: #eaeaea; background: -moz-linear-gradient(top, #eaeaea 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #eaeaea 0%,#bebebe 100%); background: -o-linear-gradient(top, #eaeaea 0%,#bebebe 100%); background: -ms-linear-gradient(top, #eaeaea 0%,#bebebe 100%); background: linear-gradient(top, #eaeaea 0%,#bebebe 100%); -pie-background:linear-gradient(#eaeaea,#bebebe); border:1px solid #c0c0c0; border-top: 1px solid #FEFEFE; -background:#666666; padding-bottom: 3px; padding-top: 3px; border-bottom: 1px solid #BEBEBE; -webkit-box-shadow: 0 1px 2px #C0C0C0, 0 0 3px #FFFFFF inset; -moz-box-shadow: 0 1px 2px #C0C0C0, 0 0 3px #FFFFFF inset; -ms-box-shadow: 0 1px 2px #C0C0C0, 0 0 3px #FFFFFF inset; -o-box-shadow: 0 1px 2px #C0C0C0, 0 0 3px #FFFFFF inset; box-shadow: 0 1px 2px #C0C0C0, 0 0 3px #FFFFFF inset; margin: 10px 10px 5px 0; overflow: hidden; } /* accordion header */ #accordion h2, #accordion2 h2 { text-shadow: 0 1px 0 #FFFFFF; margin:0; color:#6c6c6c; padding:8px 15px; font-size:20px; font-weight:normal; border:1px solid #fff; -moz-box-shadow: 0 0 2px #FFFFFF inset; -webkit-box-shadow: 0 0 2px #FFFFFF inset; -ms-box-shadow: 0 0 2px #FFFFFF inset; -o-box-shadow: 0 0 2px #FFFFFF inset; box-shadow: 0 0 2px #FFFFFF inset; border-bottom:1px solid #DDDDDD; cursor:pointer; } /* currently active header */ #accordion h2.current, #accordion2 h2.current { cursor:default; border-bottom: 1px solid #C0C0C0; -webkit-box-shadow: 0 2px 6px #B7B7B7; -moz-box-shadow: 0 2px 6px #B7B7B7; -ms-box-shadow: 0 2px 6px #B7B7B7; -o-box-shadow: 0 2px 6px #B7B7B7; box-shadow: 0 2px 6px #B7B7B7; } #accordion h2:hover, #accordion2 h2:hover{ background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: linear-gradient(top, #eeeeee 0%,#ffffff 100%); } /* accordion pane */ #accordion .pane, #accordion2 .pane {display:none; height:180px; padding:15px;} #accordion .pane p, #accordion2 .pane p{line-height: 150%; text-shadow: 0 1px 0 #F0F0F0; color: #808080} /* a title inside pane */ #accordion .pane h3, #accordion2 .pane h3 { font-weight:normal; margin:0 0 -5px 0; color:#202020; } /*css3 tags */ a, a:hover {text-decoration: none !important} a:active, a:focus {outline: 0 none} a.tag-body:active{top: 1px} .tag-body, a.tag-body { display: inline-block; position: relative; font-size: 12px !important; height: 15px; padding: 4px 8px 6px 15px !important; margin: auto auto 9px 18px !important; line-height: 1em; border-width: 1px 1px 1px 0; border-style: solid; -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset; -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset; -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset; -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px 1px 1px rgba(255, 255, 255, 0.5) inset; cursor: pointer; } .tag-body.price{margin:-21px !important;} .tag:after { position:absolute; background: none repeat scroll 0 0 whitesmoke; /* change 'whitesmoke' to background color of your body */ border: 1px solid #FFFFFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; -moz-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset; -ms-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset; -o-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset; -khtml-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset; content: ""; height: 5px; left: 0; top: 9px; width: 5px; z-index: 0; background-clip: padding-box; -webkit-background-clip: padding-box; } .tag:before{ background: inherit; -moz-transform: rotate(45deg) translate(-8px, 5px); -webkit-transform: rotate(45deg) translate(-8px, 5px); -ms-transform: rotate(45deg) translate(-8px, 5px); -o-transform: rotate(45deg) translate(-8px, 5px); -khtml-transform: rotate(45deg) translate(-8px, 5px); transform: rotate(45deg) translate(-8px, 5px); border-style: solid; border-width: 0 0 1px 1px; -moz-border-radius: 3px 4px 3px 6px; -webkit-border-radius: 3px 4px 3px 6px; -ms-border-radius: 3px 4px 3px 6px; -o-border-radius: 3px 4px 3px 6px; border-radius: 3px 4px 3px 6px; height: 79%; content: ""; left: 2px; top: 18%; position:absolute; width: 19px; -moz-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset; -ms-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset; -o-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset; -khtml-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset; box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.5) inset; z-index: 0; } .tag{ bottom: 0; height: 100%; right: -1px; width: 101%; z-index:100; background: none !important;} /*color formating for css tags*/ /*yellow color*/ .tag-body.yellow{ border-color: #FFA71D; color: #202020; text-shadow: 0 1px #F0E9A1 !important; background: #feb645; background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); -pie-background: linear-gradient(#f1e767, #feb645); background: linear-gradient(top, #f1e767 0%,#feb645 100%); } .yellow .tag:before{ border-color: #FFA71D; background: #feb645; background: -moz-linear-gradient(-45deg, #f1e767 0%, #feb645 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); background: -webkit-linear-gradient(-45deg, #f1e767 0%,#feb645 100%); background: -o-linear-gradient(-45deg, #f1e767 0%,#feb645 100%); background: -ms-linear-gradient(-45deg, #f1e767 0%,#feb645 100%); background: linear-gradient(-45deg, #f1e767 0%,#feb645 100%); -pie-background: linear-gradient(#f1e767, #feb645); } a.yellow {color: #6F4503 !important} a.yellow:hover {color: #000 !important} a.tag-body:hover{ -moz-box-shadow: 1px 1px 0 #C0C0C0; -webkit-box-shadow: 1px 1px 0 #C0C0C0; -ms-box-shadow: 1px 1px 0 #C0C0C0; -o-box-shadow: 1px 1px 0 #C0C0C0; -khtml-box-shadow: 1px 1px 0 #C0C0C0; box-shadow: 1px 1px 0 #C0C0C0; } a.left:hover{ -moz-box-shadow: -1px 1px 0 #C0C0C0; -webkit-box-shadow: -1px 1px 0 #C0C0C0; -ms-box-shadow: -1px 1px 0 #C0C0C0; -o-box-shadow: -1px 1px 0 #C0C0C0; -khtml-box-shadow: -1px 1px 0 #C0C0C0; box-shadow: -1px 1px 0 #C0C0C0; } /*end of color formating*/ /*css3 transitions*/ /*0.3s*/ .button,.csbutton, .csbutton-grey, .csbutton-color, .button:hover,.csbutton:hover, .pic3d, .pic3d-dark, .pic-round,.pic-round:hover,.pic-round-shadow,.pic-round-shadow:hover,.pic-shadow,.pic-shadow:hover,.pic-inset,.pic-inset:hover,.pic-polarid,.pic-polarid:hover,.pic-border,.pic-border:hover,input,select, textarea, input:focus,textarea:focus, .price-col, .price-col:hover, .cs-prev, .cs-next, .top-section a, .top-section a:hover, .top-input, #top-date, .top-links, .top-contact, #top-date:hover, .top-links:hover, .top-contact:hover, ul.css-tabs a, #nav2 a, #accordion h2, #accordion2 h2, a:active, a.yellow, .footer-body ul li, .footer-body a, .footer-body a:link, .postcontent .category a, .postheadericons .author,.postheadericons .category,.page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .next,.page-navigate .previous,.comment-post .reply,.actions .next,.actions .prev , .twit-feed a, .tweeter_widget a{ -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} /*0.1*/ ul.bullet-list li a, ul.bullet-list li a:hover{ -moz-transition:all 0.1s ease-in 0; -webkit-transition:all 0.1s ease-in 0; -o-transition:all 0.1s ease-in 0; -ms-transition:all 0.1s ease-in 0; transition:all 0.1s ease-in 0 } /*0*/ .normal:active, .csbutton:active,.normal:active, .csbutton-color:active, .csbutton-grey:active{ -moz-transition:all 0 linear; -webkit-transition:all 0 linear; -o-transition:all 0 linear; -ms-transition:all 0 linear; transition:all 0 linear;} /*color*/ #top-date, .top-links, .top-contact, #top-date:hover, .top-links:hover, .top-contact:hover, .twit-feed a, .breadcrumbs.home a, .jspTrack{ -moz-transition:color 0.3s ease-out; -webkit-transition:color 0.3s ease-out; -o-transition:color 0.3s ease-out; -ms-transition:color 0.3s ease-out; transition:color 0.3s ease-out} /*opacity*/ .social a, .customers img, .jspDrag { -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; -ms-transition:opacity 0.3s linear; transition:opacity 0.3s linear;} /*width*/ .jspVerticalBar{ -webkit-transition:width 0.3s linear; -moz-transition:width 0.3s linear; -o-transition:width 0.3s linear; -ms-transition:width 0.3s linear; transition:width 0.3s linear;} /*rounded corners */ .showhide li, .top-input, .comment-post .gravatar, #menu ul ul a, .event-time, .block-number, .content-box,.content-box-blue,.content-box-green,.content-box-orange,.content-box-yellow,.content-box-red,.content-box-gray,.content-box-transparent, .keypoint, .tip,.info,.warning,.fail, .pic3d, .pic3d-dark, .tooltip, #triggers img, .scrollable img, .blog-author, .comment-post-admin, .postcontent .category a, .postheadericons .author,.postheadericons .category,.page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .next,.page-navigate .previous,.comment-post .reply,.actions .next,.actions .prev, #accordion, #accordion2, .apple_overlay img, .tag, .tag-body, a.tag-body, .slide-object iframe, .slide-object video, .gallery video, div.white-top div, a.switch_thumb{ -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } /*2px*/ .slider-action, .spot-action, .button,.csbutton, .csbutton-grey, .csbutton-color, #accordion h2, #accordion2 h2, .date-fld{ -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; } /* Typography Styles */ .postheadericons .comment{background: url("../images/body/comment.png") repeat scroll 0 0 transparent; float: right; height: 34px; margin: 60px -3px; padding: 8px; position: absolute; text-align: center; width: 30px;} .postheadericons .comment a{font-size: 16px !important} .postheadericons,.postheadericons a,.postheadericons a:link,.postheadericons a:visited,.postheadericons a:hover{ font-weight:normal; padding:5px 0; height:20px; font-style:normal} .blog .author{font-size: 11px; padding-bottom: 6px; padding-top: 4px} .blog-left{float: left; margin-right: 10px !important; margin-top: 18px !important;} .blog-right{float: right; margin-left: 10px !important; margin-top: 18px !important;} .postcontent .category {padding-top: 2px} .postcontent .category a { background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #D4D4D4; color: #404040; display: inline-block; font-size: 11px; margin: 5px 2px !important; padding: 3px 7px; text-shadow: 0 1px 0 #F7F7F7; } .postcontent .category a:hover { background: #E9E9E9; } .postheadericons .author,.postheadericons .category,.page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .previous,.comment-post .reply,.actions .next,.actions .prev{ width:auto; display:block; float:left; padding:3px 6px; margin-right:5px; border-width: 1px; border-style: solid; } .page-navigate .next{padding: 3px 6px} .page-navigate .current, .page-navigate .pages {color: #808080} /*prettyphoto*/ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/gallery/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/gallery/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/gallery/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/gallery/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/gallery/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/gallery/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/gallery/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/gallery/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(../images/gallery/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/gallery/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(../images/gallery/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(../images/gallery/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(../images/gallery/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/gallery/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/gallery/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/gallery/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/gallery/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/gallery/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/gallery/default/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/gallery/dark_rounded/sprite.png) -88px -66px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/gallery/dark_rounded/sprite.png) -110px -66px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/gallery/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/gallery/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/gallery/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/gallery/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/gallery/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/gallery/dark_rounded/sprite.png) -31px -49px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/gallery/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/gallery/dark_rounded/sprite.png) 0 -49px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(../images/overlay/close.png) 0 0 no-repeat;cursor:pointer;height:35px;width:35px} div.dark_rounded .pp_description{color:#fff; font-size: 12px; line-height: 145%;} div.dark_rounded .pp_nav .pp_play{background:url(../images/gallery/dark_rounded/sprite.png) no-repeat scroll -62px 0px transparent;height:30px;width:25px; z-index: 100} div.dark_rounded .pp_nav .pp_pause{background:url(../images/gallery/dark_rounded/sprite.png) -90px -0px no-repeat;height:30px;width:25px; z-index: 100} div.dark_rounded .pp_arrow_previous{background:url(../images/gallery/dark_rounded/sprite.png) -62px -30px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/gallery/dark_rounded/sprite.png) -90px -30px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/gallery/dark_rounded/sprite.png) -88px -93px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/gallery/dark_rounded/sprite.png) -110px -93px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/gallery/dark_rounded/loader.gif) center center no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%; -webkit-box-shadow: 0 0 20px #000000; -moz-box-shadow: 0 0 20px #000000; -ms-box-shadow: 0 0 20px #000000; -o-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; } .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:30px;margin-top:0px;overflow:hidden;text-indent:-10000px;width:25px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/gallery/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/gallery/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/gallery/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:21px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:21px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;left:-14px;text-indent:-10000px;top:9px; z-index: 1000} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default; } div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/gallery/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/gallery/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c0c0c0; line-height: 150%; line-height: 200%; padding: 0 7px;} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative; -webkit-box-shadow: 0 0 20px #000000; -moz-box-shadow: 0 0 20px #000000; -ms-box-shadow: 0 0 20px #000000; -o-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; border-radius: 10px; } #fullResImage{border: 1px solid #202020; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px; } * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static; } .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /*back-to-top*/ #toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:28px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../images/widget/back-to-top.png) no-repeat left top; z-index:100;} #toTopHover {background:url(../images/widget/back-to-top.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);} #toTop:active, #toTop:focus {outline:none;} /*form elements*/ fieldset.w50{width: 50%; float: left;} fieldset.w50 input{width: 80%} fieldset.w50 .date-fld{width: 62%; text-align: left !important;} fieldset.w50 label{width: 90%;} form.jqtransformdone label{margin-top:4px; margin-right: 8px; display: block; float:left; color:#808080;} form.jqtransformdone div.rowElem{ clear:both; padding:4px 0 0;} div.rowElem.cluster div{float: left; margin-right: 10px;} form.jqtransformdone div.rowElem li{padding:0px;} .rowElem.align-left .jqTransformRadio{float: left; min-height: 0} .error em { display:block; width:0; height:0; border:10px solid; position:absolute; bottom:-20px; left:60px;} .error { height:15px; font-size:11px; padding:4px 10px; display:none; position: absolute; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 6px #fff; -webkit-box-shadow:0 0 6px #fff; -khtml-box-shadow:0 0 6px #fff; -ms-box-shadow:0 0 6px #fff; -o-box-shadow:0 0 6px #fff; box-shadow:0 0 6px #fff; } .error p {margin:0;} .jqTransformRadioWrapper {float: left;display:block; margin:0px 4px; margin-top:5px;} .jqTransformRadio {vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/} span.jqTransformCheckboxWrapper{margin-right: 10px; display:block;float:left; margin-top:5px; /*for margin-top:0px; asp */ } a.jqTransformCheckbox {vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/} .jqTransformSelectWrapper { width:45px; position:relative; height:31px; background: url(../images/forms/select_left.png) no-repeat top left; _background: url(../images/forms/select_left.gif;) no-repeat top left; float:left;} .jqTransformSelectWrapper div span {font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 31px; line-height: 15px; padding: 8px 0 0 7px; overflow: hidden; cursor:pointer;} .jqTransformSelectWrapper a.jqTransformSelectOpen {display: block; position: absolute; width: 31px; height: 31px; background: url(../images/forms/select_right.png) no-repeat center center; _background: url(../images/forms/select_right.gif) no-repeat center center; right: -3px;} .jqTransformSelectWrapper ul {position: absolute; width: 43px; top: 30px; left: 0px; list-style: none; background-color:#FFF; border:solid 1px #CCC; display:none; margin: 0px; padding:0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10;} .jqTransformSelectWrapper ul a {display: block; padding: 5px; text-decoration:none; color:#333; background-color:#FFF; font-size:12px;} .jqTransformHidden {display:none;} /* ==|== non-semantic helper classes ======================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .csbutton-dark{ border-color: #000000; color: #ffffff; text-shadow: none !important; background: #0b0b0b; background: -moz-linear-gradient(top, #0b0b0b 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #0b0b0b 0%,#000000 100%); background: -o-linear-gradient(top, #0b0b0b 0%,#000000 100%); background: -ms-linear-gradient(top, #0b0b0b 0%,#000000 100%); background: linear-gradient(top, #0b0b0b 0%,#000000 100%); -pie-background:linear-gradient(#0b0b0b,#000000); -o-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; -webkit-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; -moz-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; -ms-box-shadow: inset 0 1px 2px #1F1F1F, 0 2px 2px #202020; box-shadow: inset 0 1px 2px #202020, 0 2px 2px #202020; } .csbutton-dark:hover{ background: #171717; background: -moz-linear-gradient(top, #171717 0%, #0d0d0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#0d0d0d)); background: -webkit-linear-gradient(top, #171717 0%,#0d0d0d 100%); background: -o-linear-gradient(top, #171717 0%,#0d0d0d 100%); background: -ms-linear-gradient(top, #171717 0%,#0d0d0d 100%); background: linear-gradient(top, #171717 0%,#0d0d0d 100%); -pie-background:linear-gradient(#171717,#0d0d0d); -o-box-shadow: inset 0 1px 2px #212121, 0 2px 2px #202020; -webkit-box-shadow: inset 0 1px 2px #212121, 0 2px 2px #202020; -moz-box-shadow: inset 0 1px 2px #212121, 0 2px 2px #202020; -ms-box-shadow: inset 0 1px 2px #212121, 0 2px 2px #202020; box-shadow: inset 0 1px 2px #212121, 0 2px 2px #202020; } .csbutton-dark:active{ background: #0b0b0b; background: -moz-linear-gradient(top, #000000 0%, #0b0b0b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#0b0b0b)); background: -webkit-linear-gradient(top, #000000 0%,#0b0b0b 100%); background: -o-linear-gradient(top, #000000 0%,#0b0b0b 100%); background: -ms-linear-gradient(top, #000000 0%,#0b0b0b 100%); background: linear-gradient(top, #000000 0%,#0b0b0b 100%); -pie-background:linear-gradient(#000000,#0b0b0b); -o-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); -webkit-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); -ms-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1); } .block-divide{background: url("../images/body/block-div.png") repeat-y 100% 0 transparent; padding:0px 9px 0 0px;} .block-divide.half-block{float: left; width: 46%; margin-right: 20px; padding-right: 20px; padding-bottom: 20px}