/* ************************************************ Theme Name: Proxy Author: TrueHit Designs Author URI: http://www.truehitdesigns.com ************************************************ */ div#header { box-shadow: 5px 5px 3px #888888!important; } /****************** GLOBAL SETTINGS **************/ .very-top { position: fixed; width: 100%; top: 0; z-index: -1; height: 90px; background-color: #595959; } .screen1 { font-size:15Px!important; } .container1 { height: 420px; } /****************** MOBILE CSS **************/ @media screen and (max-width: 400px) { .screen1 { display: none; font-size:15Px!important; } #footer-bottom #copyright { display: none!important; } #content { width: 100%!important; } div#content-inner { width:300px!important; } #footer-bottom #fb-right { display: none!important; } .header-top { width: 100%!important; } .container1 { height: 300px; float: left!important; } .freetrialg img { height: 250px!important; width: 305px!important;; } a.freetrialg { height: 290px!important; } #menu-container { display: none!important; } #content-inner { margin-left: 20px!important; } .one_half { width: 90%!important; } } /****************** MOBILE CSS END **************/ .acx_fsmi_float_fix { text-align: left!important;} .NavigationRight li.top{position:relative} ul.sf-menu > li.top > a{font-size:18px} ul.sf-menu{/*background:url('img/menu_divider.png') no-repeat left;*/ } .sub-menu li{line-height:40px; height:40px;} .sub-menu li:first-child{padding-top:0; position:relative; } .sub-menu li:last-child a{} .sub-menu a{background:url('img/submenu_div.png') no-repeat center bottom; display:block; font-size:13px; text-transform:none; line-height:40px; height:40px; text-align:center; padding:0;} .sf-menu li li {height:40px; line-height:40px} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px;} .sf-sub-indicator {position:absolute; display:block;right:16px;top:19px; width:10px;height:10px; text-indent: -999em; overflow:hidden; background:url('img/menu_arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator {top:19px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} .sf-menu li.top > a > .sf-sub-indicator {background:none;} .menu-pointer{background:url('img/submenu-arrow.png') no-repeat; width:9px; height:5px; display:block; position:absolute; bottom:-5px; left:50%; margin-right:9px; z-index:9999} /********************************************************/ /****************** CONTENT STRUCTURE *******************/ #content{padding:10px 0px 2px 0px; font-size:0.8em; min-height:64px; z-index:11; background: url(img/top-shadow.png) repeat-x top;} #content-inner{min-height:200px; width:960px; margin:0px auto; padding-top:10px;z-index:10;} #title-container{position:relative;margin-bottom:20px;} /***************************************/ /****** HEADING AND INNER TITLES *******/ .top-title.inner{font-size:22px;} .top-title{ padding:0px 0px 6px 0px;font-size:24px;position:relative;line-height:30px; background:url('img/divider.png') repeat-x bottom;margin-bottom:10px;} .small-type{padding-left:24px;text-transform:uppercase;color:#333;font-size:12px;font-weight:bold;display:block;} .with-icon{padding-left:36px;background-position:left top;background-repeat:no-repeat;display:block} .with-icon.about{background-image:url('img/icons/about.png')} .with-icon.enlarge{background-image:url('img/icons/enlarge.png')} .with-icon.project-details{background-image:url('img/icons/project_details.png')} .with-icon.portfolio{background-image:url('img/icons/portfolio.png');} .with-icon.fax{background-image:url('img/icons/fax.png');} .with-icon.email{background-image:url('img/icons/email.png');} .with-icon.phone{background-image:url('img/icons/phone.png');} .with-icon.skype{background-image:url('img/icons/skype.png')} .with-icon.expertise{background-image:url('img/icons/expertise.png');} .with-icon.service-header{background-image:url('img/icons/services2.png');} .with-icon.submit-request{background-image:url('img/icons/submit_request.png');} .with-icon.portfolio-quote{background-image:url('img/icons/portfolio_quote.png');} .with-icon.free-quote{background-image:url('img/icons/free_quote.png');} .with-icon.view-portfolio{background-image:url('img/icons/view_portfolio.png');} .with-icon.process{background-image:url('img/icons/process.png');} .with-icon.vision{background-image:url('img/icons/vision.png');} .with-icon.team{background-image:url('img/icons/team.png');} .with-icon.services{background-image:url('img/icons/services.png');} .with-icon.service1{background-image:url('img/icons/home/service_1.png');} .with-icon.service2{background-image:url('img/icons/home/service_2.png');} .with-icon.service3{background-image:url('img/icons/home/service_3.png');} .with-icon.service4{background-image:url('img/icons/home/service_4.png');} .with-icon.get-quote{background-image:url('img/icons/get_a_quote.png');} .with-icon.download{background-image:url('img/icons/download.png')} .with-icon.reply{background:url('img/icons/reply.png') no-repeat 8px 8px; padding-left:34px} .with-icon.archive{background-image:url('img/icons/buttons/archive.png')} .with-icon.calendar{background-image:url('img/icons/buttons/cal.png')} .with-icon.chart{background-image:url('img/icons/buttons/chart.png')} .with-icon.chat{background-image:url('img/icons/buttons/chat.png')} .with-icon.copy{background-image:url('img/icons/buttons/copy-to-notepad.png')} .with-icon.datagrid{background-image:url('img/icons/buttons/data-grid.png')} .with-icon.edit{background-image:url('img/icons/buttons/edit.png')} .with-icon.id{background-image:url('img/icons/buttons/id.png')} .with-icon.info{background-image:url('img/icons/buttons/info.png')} .with-icon.layout{background-image:url('img/icons/buttons/layout.png')} .with-icon.layout2{background-image:url('img/icons/buttons/layout-2.png')} .with-icon.like{background-image:url('img/icons/buttons/like.png')} .with-icon.lock{background-image:url('img/icons/buttons/lock.png')} .with-icon.package{background-image:url('img/icons/buttons/package.png')} .with-icon.pdf{background-image:url('img/icons/buttons/pdf.png')} .with-icon.print{background-image:url('img/icons/buttons/print.png')} .with-icon.settings{background-image:url('img/icons/buttons/settings.png')} .with-icon.sound{background-image:url('img/icons/buttons/sound.png')} .with-icon.wifi{background-image:url('img/icons/buttons/wi-fi.png')} .with-icon.word{background-image:url('img/icons/buttons/word.png')} .with-icon.zoom{background-image:url('img/icons/buttons/zoom.png')} /******************************************************************/ /************************** DIVIDERS ****************************/ .divider{background:url('img/divider.png') repeat-x bottom;height:2px;} .divider.top-divider{background:url('img/divider.png') repeat-x top;} .bottom-divider{background:url('img/divider.png') repeat-x bottom;} /******************************************************************/ /************ WEBSITE FOOTER AND HOME WIDGET STYLES ***************/ #footer-wrapper{width:960px;margin:0px auto;clear:both;} #footer-top{background: url('img/footer-shadow.png') repeat-x; height:36px; width:100%} #footer{width:100%;border-top:solid 6px #b9b9b9;padding:10px 0px 20px 0px;background: url('img/footer_back.png');} .footer-block, .KBase-block{float:left;padding:0px 40px;margin-top:4px;margin-bottom:20px;} .footer-block{background:url('img/footer_div.png') no-repeat center left;} .KBase-block li{padding-bottom:4px;} .KBase-block li a:hover{text-decoration:underline;} .footer-block h3{font-size:20px; padding-bottom:16px; color:#fff} .footer-block:first-child, .KBase-block:first-child{padding-left:0 !important;background:none;margin-left:0 !important;} .footer-block:last-child, .KBase-block:last-child{padding-right:0 !important;} .footer-block li, .KBase-block li{font-size:12px; } .footer-block li a{text-decoration:none;font-size:1em; line-height:1.8em; color:#d8d8d8} .KBase-block li a{text-decoration:none;font-size:1.3em; line-height:1.8em; color:#000;} #footer ul.menu li a:hover{border-bottom:dotted 1px #ddd;} #footer-bottom-wrapper{width:960px;margin:auto;} #footer-bottom #copyright{width:310px; float:left; color:#eef7ee; line-height:57px; font-size:11px;height:57px} #footer-bottom #fb-right{float:right; width:420px; text-align:right; color:#eef7ee; line-height:57px; font-size:11px;height:57px;} #footer-bottom{background:#111111 url(img/bottom_separator.png) repeat-x top; height:57px} .footer-block li { border-top: 1px dashed #3F3F3F;background: url("img/footer-post-bullet.png") no-repeat scroll 0 14px transparent; list-style-image: none;padding: 10px 0 10px 26px;} .footer-block li:first-child{border:none} .footer-block li a{font-size:12px; color:#d8d8d8} .footer-block li a:hover{color:#fff; text-shadow:0px 2px 3px #111} .KBase-block h3{font-size:24px} .KBase-block{background:none;overflow:hidden;margin-bottom:10px;} .KBase-block:last-child{border:0px !important;} .footer-block, .footer-block li, .footer-block a, .footer-block p{color:#d8d8d8} /*******************************************************************/ /*************************** ABOUT PAGE ****************************/ .desc-block-1 .image-wrapper{width:158px;height:160px;background:url('img/frame.png');text-align:center;vertical-align:middle;float:left;margin:0px 30px 0px 0px;} .desc-block-1 .image-wrapper img{margin:16px 0px 0px 2px;width:130px;height:130px;} .desc-block-1 {width:620px; margin:20px 0px 40px 0px;} .desc-block-1 h4{font-weight:bold;padding:6px 0px;} .desc-block-1 h5{font-weight:normal;font-size:0.9em;color:#333;font-style:italic;} div.about-team p{clear:none; padding-top:20px;} /*******************************************************************/ /************************ FLICKR, etc... ***************************/ ul.features-list{padding:10px 0px 0px 10px;} ul.features-list li{list-style:square;margin-bottom:10px;font-size:13px; } ul.features-list li a{font-size:13px; text-decoration:none;color:#333;} ul.features-list li a:hover{border-bottom:dotted 1px #333;color:#000;} #subsc-desc{font-size:12px;margin-bottom:10px; color:#D8D8D8} #feedburned input[type="text"]{width:180px;} #feedburned input[type="submit"]{float:right;} .last-b{padding-right:0px !important;} a.social-button{margin-right:6px} .flickr_badge_image{float:left; margin-right:12px} .flickr_badge_image img{border: 4px solid #202020;height: 46px;padding: 0 !important;width: 46px} .flickr_badge_beacon{clear:both} /*******************************************************************/ /************************** PORTFOLIO PAGE *************************/ .portfolio-block-small{width:290px; float:left; margin:0px 45px 45px 0px; position: relative;} .portfolio-block{margin:0px 0px 45px 0px; position: relative;} .portfolio-block-small.edge, .portfolio-block.edge{margin-right:0;} .portfolio-block-small p.small-block-image-wrapper{background:url('img/block_back_2.png') no-repeat;text-align:center;width:290px;height:170px;padding:0;} .portfolio-block p.block-image-wrapper{background:url('img/block_back_medium.png') no-repeat;text-align:center;width:530px;height:250px;padding:0;float:left;} .portfolio-block-small h3, .portfolio-block h3{margin:10px 0px 0px 4px;font-weight:bold;color:#606060; } .portfolio-block h3{margin:4px 0px 6px 0px;text-transform:uppercase;} .portfolio-block-small p{padding:0px 4px;margin-top:6px;} p.small-block-image-wrapper img, p.block-image-wrapper img {padding-top:10px; } p.block-image-wrapper img {width:510px;height:230px;} .desc-block{float:left;margin-left:30px;width:400px} ul#portfolio-filter{ margin: 0; padding: 0; height: 64px;line-height: 64px; } ul#portfolio-filter li{ display: inline; } ul#portfolio-filter a, .widget_tag_cloud a{ margin-right: 0.5em; padding: 0.3em 1em; border:solid 2px #d0d0d0;color: #555; font-weight: bold; text-decoration: none; outline:none;} ul#portfolio-filter a:hover, ul#portfolio-filter a.current{} ul#portfolio-filter a.current{ background-color: #DEDEDE; color:#333;} ul#portfolio-list{ margin: 0; padding: 0; list-style: none; } ul#portfolio-list li{width:286px; height: 320px; display: block; float: left; margin: 0px 50px 45px 0px; overflow: hidden; position:relative; padding:0px 0px 20px 0px;} ul#portfolio-list li:hover{} ul#portfolio-list li.edge, ul#portfolio-list.cols-2 .edge, ul#portfolio-list.cols-4 .edge{margin-right:0;} ul#portfolio-list li img{width:270px;height:150px;position:relative;border:solid 8px #fff;} ul#portfolio-list li h4 a{margin-top:8px;font-weight:normal;color:#2bb9e1;text-align:left; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif} ul#portfolio-list li span.poverlay {background: url("img/item-overlay.png") transparent;height: 150px;left: 8px;position: absolute;top: 8px;width: 270px;} ul#portfolio-list li a.zoom-icon, ul#portfolio-list li a.more-icon {display: block;height: 61px;position: absolute;text-indent: -9999px;top: 60px;width: 61px;outline:none;} ul#portfolio-list li a.zoom-icon {background: url("img/work_magnify.png") no-repeat scroll 0 0 transparent;left: 91px;} ul#portfolio-list li a.zoom-icon.video {background-image: url("img/work_video.png")} ul#portfolio-list li a.more-icon {background: url("img/work_view.png") no-repeat scroll 0 0 transparent;left: 178px;} /****** 2 Columns Portfolio *******/ ul#portfolio-list.cols-2 li{width:436px; height: 350px; margin: 0px 88px 40px 0px; } ul#portfolio-list.cols-2 li img{width:420px;height:255px;} ul#portfolio-list.cols-2 li span.poverlay {height: 255px;width: 420px;} ul#portfolio-list.cols-2 li a.zoom-icon, ul#portfolio-list.cols-2 li a.more-icon {height: 100px;top: 116px;width: 100px;} ul#portfolio-list.cols-2 li a.zoom-icon {left: 140px;} ul#portfolio-list.cols-2 li a.more-icon {left: 218px;} /****** 4 Columns Portfolio *******/ ul#portfolio-list.cols-4 li{width:216px; height: 300px; margin: 0px 30px 30px 0px; } ul#portfolio-list.cols-4 li img{width:200px;height:120px;} ul#portfolio-list.cols-4 li span.poverlay {height: 120px;width: 200px;} ul#portfolio-list.cols-4 li a.zoom-icon, ul#portfolio-list.cols-4 li a.more-icon {height: 50px;top: 50px;width: 50px;} ul#portfolio-list.cols-4 li a.zoom-icon {left: 100px;} ul#portfolio-list.cols-4 li a.more-icon {left: 128px;} /****** 1 Column ******/ ul#portfolio-list.cols-1 li{width:100%; height: 350px; margin: 0px 0px 40px 0px; } ul#portfolio-list.cols-1 li img{width:500px;height:305px;display:block;} ul#portfolio-list.cols-1 li h4{padding-left:0px;} ul#portfolio-list.cols-1 li div{float:left; width:420px} ul#portfolio-list.cols-1 li div:first-child{margin-right:20px;float:left;width:516px;} ul#portfolio-list.cols-1 p, ul#portfolio-list.cols-1 .read-more{display:block;} ul#portfolio-list.cols-1 p{padding-left:0;} ul#portfolio-list.cols-1 li span.poverlay {height: 305px;width: 500px; } ul#portfolio-list.cols-1 li a.zoom-icon {height: 50px;top: 130px;left:140px;width: 50px; } ul#portfolio-list.cols-1 li a.more-icon {left: 160px; top: 130px;} ul#portfolio-list.cols-1 li a.read-more{margin-left:0;} a.read-more{margin:10px 0px 0px 2px; background: url("img/read_more.png") no-repeat scroll 0px 6px transparent;color: #000000;display:block;padding:0px 0px 10px 20px;text-decoration: none;font-weight:bold;font-style: normal;} a.read-more span{font-size:14px;color:#000;} /****** Related Posts ******/ .related-cats{width:100px;height:100px; float:left;margin-right:20px;} .related-cats img{border: 4px solid #d0d0d0;cursor: pointer;display:block; } .related-cats a{text-decoration:none;color:#666;margin-top:6px;display:block;} .related-cats a:hover{text-decoration:underline;} .related-posts li{width:50%;text-align:left;float:left;margin-bottom:20px;} .related-posts .list-post-desc{width:214px;} .related-posts .list-post-desc a{font-weight:normal;} .related-posts {background:#ebebeb; padding:10px 14px; margin-bottom:50px} /*******************************************************************/ /************************* CONTACTS PAGE ***************************/ #contact-left{float:left; width:358px; margin-right:50px;} #contact-right{float:left; width:552px} #contact-form{margin:10px 0px;width:330px;background:url(img/trans_bg.png); padding:14px} #contact-form label{display:block; float:left;width:80px;font-size:14px;} #contact-form div{margin-bottom:20px;} #contact-form label.error{color:red; font-size:10px; float:right;width:150px;line-height:12px;text-align:right;} #contact-form input.txt.error, #contact-form textarea.error { } #contact-form input[type="text"], #contact-form textarea{margin-bottom:0px} #contact-form input.txt, #contact-form textarea{width:250px; line-height:21px;border:none;padding:0;} #contact-form input.txt{background:url('img/contact_bg.png') no-repeat; filter:none;} #contact-form textarea{background:url('img/contact_bg.png') repeat-y;height:10em; filter:none;} #contact-form button#send{float:right;margin:10px 12px 0px 0px;color:#000;line-height:22px;} span.error{color:red;font-size:11px;font-weight:bold;} .success-message{color:#093;background:url('img/trans_bg.png');padding:5px;} /*******************************************************************/ /************************* MISCELLANEOUS ***************************/ .medium-text, .medium-text span{font-size:25px;} #map{border:solid 4px #d0d0d0} .clear{clear:both} #heading-title{background-color:#222;height:30px;} #heading-title h2{color:#FFF;letter-spacing:0.1em;margin-left:20px;} .slogan{margin:14px 0px; line-height:44px; font-size:30px} .headline-block{width:270px; float:left; margin:2px 22px 0px 0px;width:198px;height:100px} .edge{margin-right:0px !important} .post-edit-link, .comment-edit-link{font-weight:bold;background:url(img/icons/edit.png) no-repeat 0px 0px;padding-left:26px;height:25px;line-height:25px;color:#ff0000;margin-top:20px;} .slidecaption h2.accdemotitle{display:none;} .featured-block img{float:left;padding: 0px 6px 6px 0px;} .featured-block h3{font-size:15px} .navigation{margin-top:20px} .scroll {height: 390px;width: 250px;overflow: auto;overflow-x: hidden;position: relative;clear: left;} .scrollContainer div.panels {height: 360px;width: 250px;} .scrollButtons {position: absolute;top: 370px;cursor: pointer;} .scrollButtons.left {left: 10px;} .scrollButtons.right {right: 0px;} .hide {display: none;} .inner-list{padding-left:16px;} .inner-list li{background:url('img/list_back.png') no-repeat 0px 0px;list-style-type:decimal;margin-bottom:20px;color:#333;} /*******************************************************************/ /************************ BUTTON STYLES ***************************/ .button{display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;border:none;cursor: pointer;text-align: center;text-decoration: none;padding: .2em .4em;-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2);-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1);box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .button span{color:#FFF;font-size: 13px;padding: .21em 1.2em .11em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase} .square{-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;} .bigrounded {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .button.small {padding: 1px 2px;} .button.small span{font-size: 11px;} .button.big{padding: 0.7em 1.5em 0.8em;} .button.big span{font-size: 13px;} .button.small span.with-icon, .button.big span.with-icon, .button span.with-icon{padding:0px 4px 0px 32px; background-position:left center} .button.huge span.with-icon{padding-left:50px} .button.huge{padding: 1.2em 3em 1.4em;line-height: 1.2em;} .button.huge span{font-size:13px;display:block;vertical-align: middle;color:#333; } .button.multiline{line-height:1.2em;padding:0.4em;} .button.multiline span{display:block;font-size:1.1em;line-height:1.2em;} .submit-button{padding:4px;text-transform:uppercase; font-weight:bold; font-size:12px; display:block; } .submit-button span{text-transform:uppercase; font-weight:bold; font-size:12px; display:block; padding-left:24px;} /*-------- color styles ------- */ .black-back {border:solid 1px #262525;background: #656565;background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#262525));background: -moz-linear-gradient(top, #656565, #262525);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#262525');} .button.black-back:hover {background: #333;} .blue1-back {border:solid 1px #06447f;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#426fa0), to(#062441));background: -moz-linear-gradient(top, #426fa0, #062441);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426fa0', endColorstr='#062441');} .blue1-back:hover {background: #426fa0;} .blue2-back {border:solid 1px #287485;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#b8eefa), to(#68b5c5));background: -moz-linear-gradient(top, #b8eefa, #68b5c5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8eefa', endColorstr='#68b5c5');} .button.blue2-back:hover {background: #7bc3d2;} .blue2-back span{color:#082530;} .blue3-back {border:solid 1px #288694;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#54cbcc), to(#288694));background: -moz-linear-gradient(top, #54cbcc, #288694);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54cbcc', endColorstr='#288694');} .blue3-back:hover {background: #288694;} .red1-back {border:solid 1px #950000;background: #fd2323;background: -webkit-gradient(linear, left top, left bottom, from(#fd2323), to(#a50202));background: -moz-linear-gradient(top, #fd2323, #a50202);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd2323', endColorstr='#a50202');} .red1-back:hover {background: #ba0a0a;} .no-back{background:none} .toggle-back{background: #e4e4e4;} .toggle-back:hover{background:#d4d4d4;} .white-back, input[type="submit"] {border: solid 1px #b0b0b0;background: #dadad9;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadad9));background: -moz-linear-gradient(top, #ffffff, #dadad9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadad9');} .white-back span{color: #111;} .button.white-back:hover {background: #dadad9;background: -webkit-gradient(linear, left top, left bottom, from(#dadad9), to(#ffffff));background: -moz-linear-gradient(top, #dadad9, #ffffff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadad9', endColorstr='#ffffff');} .golden-back {border: solid 1px #7b571b;background: #deb22f;background: -webkit-gradient(linear, left top, left bottom, from(#deb22f), to(#7b571b));background: -moz-linear-gradient(top, #deb22f, #7b571b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb22f', endColorstr='#7b571b');} .golden-back span{color: #493916;} .button.golden-back:hover {background: #b18927;background: -webkit-gradient(linear, left top, left bottom, from(#b18927), to(#dbae2f));background: -moz-linear-gradient(top, #b18927, #dbae2f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b18927', endColorstr='#dbae2f');} .green-back {color: #e8f0de;border: solid 1px #538312;background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top, #7db72f, #4e7d0e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');} .button.green-back:hover {background: #538018;background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));background: -moz-linear-gradient(top, #6b9d28, #436b0c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');} .green2-back {border: solid 1px #1cbc94;background: #62c676;background: -webkit-gradient(linear, left top, left bottom, from(#62c676), to(#1cbc94));background: -moz-linear-gradient(top, #62c676, #1cbc94);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c676', endColorstr='#1cbc94');} .button.green2-back:hover {background: #37c38c;} .magenta-back {border: solid 1px #6e4166;background: #ae4889;background: -webkit-gradient(linear, left top, left bottom, from(#ae4889), to(#6e4166));background: -moz-linear-gradient(top, #ae4889, #6e4166);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae4889', endColorstr='#6e4166');} .button.magenta-back:hover {background: #884273;} .brown-back {border: solid 1px #361d0a;background: #74552a;background: -webkit-gradient(linear, left top, left bottom, from(#74552a), to(#361d0a));background: -moz-linear-gradient(top, #74552a, #361d0a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74552a', endColorstr='#361d0a');} .button.brown-back:hover {background: #5a3d1d;} .brown-back span{color: #e9d6bd;} .brown2-back {border: solid 1px #740700;background: #ba361b;background: -webkit-gradient(linear, left top, left bottom, from(#ba361b), to(#740700));background: -moz-linear-gradient(top, #ba361b, #740700);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba361b', endColorstr='#740700');} .button.brown2-back:hover {background: #931c0c;} .purple-back {color: #fff;border: solid 1px #351118;background: #74552a;background: -webkit-gradient(linear, left top, left bottom, from(#852a53), to(#351118));background: -moz-linear-gradient(top, #852a53, #351118);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852a53', endColorstr='#351118');} .button.purple-back:hover {background: #5f1c35;} .grey-back {border:solid 1px #8e9082;background: #d0dbc0;background: -webkit-gradient(linear, left top, left bottom, from(#d0dbc0), to(#8e9082));background: -moz-linear-gradient(top, #d0dbc0, #8e9082);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dbc0', endColorstr='#8e9082');} .button.grey-back:hover {background: #b3bea3;} .grey-back span{color:#000;} .orange-back {border: solid 1px #da7c0c;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top, #faa51a, #f47a20);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');} .button.orange-back:hover {background: #f47c20} .brown3-back {border: solid 1px #ab430e;background: #e89920;background: -webkit-gradient(linear, left top, left bottom, from(#e89920), to(#ab430e));background: -moz-linear-gradient(top, #e89920, #ab430e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89920', endColorstr='#ab430e');} .button.brown3-back:hover {background: #d56415;} .red2-back {border: solid 1px #ae3d21;background: #de4f2c;background: -webkit-gradient(linear, left top, left bottom, from(#de4f2c), to(#ae3d21));background: -moz-linear-gradient(top, #de4f2c, #ae3d21);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de4f2c', endColorstr='#ae3d21');} .button.red2-back:hover {background: #ad3f25;} .navy-back {border: solid 1px #06447f;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#426fa0), to(#06447f));background: -moz-linear-gradient(top, #426fa0, #06447f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426fa0', endColorstr='#06447f');} .button.navy-back:hover {background: #0e3153;} .blue4-back {border: solid 1px #585e8b;background: #8088c0;background: -webkit-gradient(linear, left top, left bottom, from(#8088c0), to(#585e8b));background: -moz-linear-gradient(top, #8088c0, #585e8b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8088c0', endColorstr='#585e8b');} .button.blue4-back:hover {background:#686fa0;} .yellow-back {border: solid 1px #e4a600;background: #ffd520;background: -webkit-gradient(linear, left top, left bottom, from(#ffd520), to(#e4a600));background: -moz-linear-gradient(top, #ffd520, #e4a600);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd520', endColorstr='#e4a600');} .button.yellow-back:hover {background:#ffc012;} .yellow-back span{color:#000} .pink-back {border: solid 1px #d34d71;background: #fc6da2;background: -webkit-gradient(linear, left top, left bottom, from(#fc6da2), to(#d34d71));background: -moz-linear-gradient(top, #fc6da2, #d34d71);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6da2', endColorstr='#d34d71');} .button.pink-back:hover {background: #e25882;} .right-aligned{float:right;margin:0px 4px 10px 0px} /*******************************************************************/ .children {margin-left:15px;} /************************** COMMENTS ******************************/ ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li { margin:0 0 5px; padding:5px 7px 5px 72px; position:relative; background:url(img/divider.png) repeat-x bottom; margin-bottom:10px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author{font-size:20px;} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn, cite.fn a.url { font-size: 14px; color:#1DB5E0} ol.commentlist li div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { background: #fff; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{position:absolute; right:0px; top:6px; background-color:#F6F6F6} ol.commentlist li div.reply a { text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; text-transform:uppercase} ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li{border-top:dotted 1px #858585; background:none} ol.commentlist li ul.children li.depth-2 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } a.comment-date{color:#555;font-size:12px;text-decoration:none;} #commentform input[type="text"], #commentform textarea{margin-bottom:20px;width:350px;} #commentform label{display:block} /*******************************************************************/ /********************* COMMON FORM STYLES *************************/ form input[type="text"], select, textarea{height:21px;border:solid 1px #bdbdbd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:4px;background: #e4e4e4;background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f7f7f7));background: -moz-linear-gradient(top, #e4e4e4, #f7f7f7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#f7f7f7');margin-bottom:10px;} form input:focus, select:focus, textarea:focus {outline-width:0;} form textarea{width:275px;height:100px;} form select{width:286px;height:29px;} form input[type="text"]{padding:2px 6px;font-size:12px; font-style:italic} form input[type="submit"], button{ height:27px;color:#000; font-size:12px; line-height:23px; margin-top:1px} /*******************************************************************/ /*************************** 404 PAGE *****************************/ #error-page-list a{font-size:14px;} #error-page-list a:hover{text-decoration:none; } #error-page-list{padding:0px 0 0 24px;} #error-page-list li{font-size:14px;} #search-form{padding-top:10px;} #search-form label{display:block;font-weight:bold;padding-bottom:6px;font-size:14px;} #search-form input{float:left;} #search-form input.txt{margin-right:4px;height:20px;padding:2px 8px;width:100px;} #search-form #search-submit{height:26px;padding:0px 0px 2px 0px;text-shadow:none; line-height:26px; margin:0 !important} .error-descr-block .inner-title{margin:40px 0px 6px 0px;} /*******************************************************************/ /************************ PRICING TABLES **************************/ #pricing-table-1, #pricing-table-2{margin:40px 0px; } #pricing-table-1 .column, #pricing-table-2 .column{position:relative;float:left;text-align:center;margin-right:16px;} #pricing-table-1 .column{width:200px;background: #f9f9f9;background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ebebeb));background: -moz-linear-gradient(top, #f9f9f9, #ebebeb);border:solid 4px #DEDEDE;padding:10px 10px 20px 10px;} #pricing-table-2 .column{width:226px;background: #404040;background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#1b1b1b));background: -moz-linear-gradient(top, #404040, #1b1b1b);margin-right:18px;padding:10px 0px 20px 0px;-moz-box-shadow: 0 0 10px #BBB;-webkit-box-shadow: 0 0 10px #BBB;box-shadow: 0 0 10px #BBB;-moz-border-radius:5px;border-radius: 5px;-webkit-border-radius: 5px;} #pricing-table-1 .column.last-item, #pricing-table-2 .column.last-item{margin-right:0;} #pricing-table-1 .column:hover{-moz-box-shadow: 0 0 10px #CCC;-webkit-box-shadow: 0 0 10px #CCC;box-shadow: 0 0 10px #CCC;-moz-border-radius:6px;border-color:#DBDBDB;cursor:pointer;} #pricing-table-2 .column:hover{-moz-box-shadow: 0px 0 16px #111;-webkit-box-shadow: 0px 0 16px #111;box-shadow: 0px 0 16px #111;cursor:pointer;} #pricing-table-1 ul, #pricing-table-2 ul{list-style:none;padding-bottom:20px;} #pricing-table-2 ul{padding-bottom:40px;} #pricing-table-1 h2{border-bottom:dotted 1px #333;padding-bottom:10px;font-size:2em;margin-bottom:10px;} #pricing-table-2 h2{text-align:left;text-transform:uppercase;font-size:1.2em;text-shadow:#000 1px 0px 0px;padding-left:20px; } #pricing-table-2 h2, #pricing-table-2 h3{background:url('img/pricing-tables/separator_2.png') no-repeat bottom center;padding-bottom:10px;margin-bottom:10px;color:#FFF;} #pricing-table-2 h3.price{font-size:3.6em;padding:16px 0px 26px 0px;} #pricing-table-1 li{background:url('img/pricing-tables/separator_1.png') no-repeat bottom center;color:#333;padding-bottom:6px;line-height:30px;} #pricing-table-2 li{color:#ffffff;padding-bottom:6px;line-height:30px;text-align:left;background-position:28px 10px;background-repeat:no-repeat;background-image:url('img/pricing-tables/check_white.png');padding-left:50px;} #pricing-table-2 .best-value{position:absolute; right:-11px; top:0px;background:url('img/pricing-tables/best_value_badge.png') no-repeat;width:111px;height:104px;display:block;} #pricing-table-2 .button, #pricing-table-1 .button{font-size:13px; text-transform:uppercase;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:2px 24px;color:#000;} #pricing-table-1 .button{color:#FFF;} /*******************************************************************/ /************************ SITEMAP STYLES **************************/ /* -------- Top Level --------- */ .sitemap ul{list-style:none;} .sitemap a{text-decoration:none;} .primary-navigation {margin: 0;float: left;width: 100%;} .primary-navigation #home {display: block;float: none;background: url('img/tree/L1-left.png') center bottom no-repeat;position: relative;z-index: 2;padding: 0 0 30px 0;} .primary-navigation li {float: left;background: url('img/tree/L1-center.png') center top no-repeat;padding: 30px 0;margin-top: -30px;} .primary-navigation li a {margin: 0 20px 0 0;padding: 12px 10px;display: block;font-size: 12px;font-weight: bold;text-align: center;color: #333; background: url('img/tree/white-highlight.png') top left repeat-x;background-color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top, #fff, #ededed);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#e6e6e6', endColorstr='#CCCCCC'); /* IE6 & IE7 */border:solid 1px #a4a4a4;-webkit-box-shadow:#DDD 0px 0px 2px 2px; -moz-box-shadow: #DDD 0px 0px 2px 2px; } .primary-navigation li a:hover{background-color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top, #ededed, #fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');} .primary-navigation li:last-child {background: url('img/tree/L1-right.png') center top no-repeat;} /* -------- Second Level --------- */ .sitemap .primary-navigation li li {width: 100%;clear: left;margin-top: 0;padding: 20px 0 0 0;background: url('img/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a {padding:5px 6px;color:#555;} .sitemap .primary-navigation li li a:hover {border-color: #94b75f;background-color: #e7f1d7;color:#333;} .sitemap .primary-navigation li li:first-child {padding-top: 30px;} .sitemap .primary-navigation li li:last-child {background: url('img/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a:link:before, .sitemap .primary-navigation li li a:visited:before {color: #8faf5c;} /* -------- Third Level --------- */ .sitemap .primary-navigation li li ul {margin: 10px 0 0 0;width: 100%;float: right;padding: 9px 0 10px 0;background: url('img/tree/L3-ul-top.png') center top no-repeat;} .sitemap .primary-navigation li li li {background: url('img/tree/L3-center.png') left center no-repeat;padding: 5px 0;} .sitemap .primary-navigation li li li a {font-size: 12px;padding: 5px 0;width: 80%;float: right;} .sitemap .primary-navigation li li li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap .primary-navigation li li li:first-child {padding: 15px 0 5px 0;background: url('img/tree/L3-li-top.png') left center no-repeat;} .sitemap .primary-navigation li li li:last-child {background: url('img/tree/L3-bottom.png') left center no-repeat;} .sitemap .primary-navigation li li li a:link:before, .sitemap .primary-navigation li li li a:visited:before {color: #ccae14;font-size: 9px;} .sitemap {margin: 40px 0;float: left;width: 100%;} /* ----- Utility Navigation ------*/ .sitemap #utilityNav {float: right;max-width: 50%;margin-right: 10px;} .sitemap #utilityNav li {float: left;margin-bottom: 10px;} .sitemap #utilityNav li a {margin: 0 10px 0 0;padding: 5px 10px;display: block; border: 2px solid #e3ca4b;font-size: 12px;font-weight: bold;text-align: center;color: black;background: #fff7aa url('img/tree/white-highlight.png') top left repeat-x;} .sitemap #utilityNav li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap #utilityNav li a:link:before, .sitemap #utilityNav li a:visited:before {color: #ccae14;font-size: 9px;margin-bottom: 3px;} ul.sidebar-list{list-style:none;margin:10px 0px;} ul.sidebar-list li{height:40px;line-height:40px;border-bottom:dotted 1px #CCC;padding-left:4px;} ul.sidebar-list a{ text-decoration:none;color:#333;font-size:14px;} ul.sidebar-list a:hover{color:#777;} .sitemap .sub-menu{background: none;margin-top: 0;width: 160px !important;} .sitemap .sub-menu li{height:52px;} /*******************************************************************/ /************************ BLOG TABS LIST **************************/ ul.tab-list{list-style:none;margin:10px 0px;} ul.tab-list img{border:solid 2px #bcc2b2;float:left;} ul.tab-list li{clear:both;height:40px;line-height:20px;border-bottom:dotted 1px #CCC;padding:0px 0px 10px 4px;margin-bottom:10px;} ul.tab-list a{ text-decoration:none;color:#333;font-size:12px;float:left;margin-left:10px;display:block;width:180px;} ul.tab-list a:hover{color:#777;} ul.split-list{width:125px;float:left;margin-right:15px;} ul.split-list li{line-height:30px;height:30px;} ul.split-list li a{text-transform:uppercase;font-size:11px;} .archives-block h4{margin:10px 0px 0px 4px;font-size:11px;font-weight:bold;text-transform:uppercase;color:#333;float:left;width:125px;} /*******************************************************************/ /************************* PAGINATION *****************************/ .wp-pagenavi{border-top:solid 1px #CCC;padding:10px;margin-top:40px;} .wp-pagenavi .pages { float: right; font-size: 13px; height: 29px; line-height: 29px; display: inline-block!important; padding: 0 13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current { text-decoration:none;color:#585858;font-weight:bold;padding: 4px 10px;border: 1px solid #ccc; text-decoration:none;font-weight:normal;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c8c8c8));background: -moz-linear-gradient(top, #fcfcfc, #c8c8c8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#c8c8c8'); margin-right:6px;} .wp-pagenavi span.current, .wp-pagenavi a:hover { border-color: #d0d0d0;font-weigh:bold;text-shadow:#000 1px 0px 0px;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);margin-right:6px;} .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none!important; } #breadcrumb-container {color:#333;position:absolute;right:2px;top:4px;} #breadcrumb-container a, #breadcrumb-container span{color:#333;font-size:12px;text-transform:none;} /*******************************************************************/ /*************************** BLOG **********************************/ .post-block, .type-post, .type-portfolio{background:url('img/divider.png') repeat-x bottom;padding-bottom:20px;margin-top:10px;clear:both;position:relative;margin-bottom:30px;} .post-block{background:#e3e3e3;padding:20px;} .post-block-inside{margin:0px 0px 20px 0px;position:relative;} .post-block-inside .post-thumb{float:none;margin:10px 0px 30px 0px;} .post-thumb{float:left;display:block;margin-right:10px;width:260px;} .post-desc{float: left;margin: 0 0 10px 16px;} .post-thumb img{width:260px;height:180px;margin-top:6px;} .post-categories {display:inline;background:url('img/li-divider.png') no-repeat left;padding-left:10px;margin-left:10px;} .post-categories a, .post-comm{font-size:14px; text-decoration:none;} .post-comm{float:right;} .post-categories a:hover{text-decoration:underline;} .post-categories li:last-child{background:none;} h3.post-title, h3.post-title a{font-size:20px;color:#000;} h3.post-title{background:url('img/divider.png') repeat-x bottom;padding-bottom:10px;} h3.post-title a{text-decoration:none;} a.read-more{color:#333;font-weight:bold;} p.post-date, p.post-date span{color:#333;margin:4px 0px;font-size:11px;} .date-label{float:left;color:#1db5e0;font-size:14px;} .post-block.inner .date-label, .post-block.inner .post-categories a{font-size:14px !important;} .related-post{float:left;width:290px;height:90px;overflow:hidden;margin:0px 28px 30px 0px;} .from-the-blog h5{font-weight:bold;} .from-the-blog img{width:75px; height:75px;border:solid 4px #a0a0a0;float:left;margin:0px 8px 8px 0px;} .from-the-blog a.read-more{clear:both;float:right;display:block;} .from-the-blog li{clear:both;list-style:none;} .from-the-blog li span.clear{display:block;height:20px;} .top-title.search span{display:inline} .search-term-res{font-style:italic;color:red !important;font-weight:bold;display:inline !important;} #latest-from-blog{float:right;margin:-4px 0 0 0;width:250px;} #blog-slider{width:250px;height:400px;overflow:hidden;float:left;margin:0px;position:relative;} .author-inner{margin-left:10px; font-size:14px; float:left} .author-inner a{text-decoration:none} .author-inner a:hover{text-decoration:underline} .entry-title a{line-height:30px; text-decoration:none;} .post-meta a{color:#333;} /* ----- Blog TABS ------ */ .usual {color:#111;width:276px;margin:8px auto;} .tabs-block li { list-style:none; float:left; } .tabs-block a {display:block;padding:4px 10px;text-decoration:none!important;margin:1px;margin-left:0;text-transform:uppercase;color:#000;background:#c5c7b9;outline:none;font-weight:bold;font-size:10px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius: 8px;border-top-right-radius: 8px;} .tabs-block a:hover {color:#FFF;background:#333;} .tabs-block a.selected {background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#999));background: -moz-linear-gradient(top, #888, #999);-pie-background: linear-gradient(#888, #000 #999);cursor:default;color:#FFF;} .usual div {padding:10px 10px 8px 10px;*padding-top:3px;*margin-top:-15px;clear:left;border:solid 4px #babdb6;background:#e6e6e6;} /* ----- Blog ADS ------ */ .ad-block{border:solid 1px #ccc;text-align:center;color:#333;font-size:11px;font-weight:bold;float:left;margin:14px 14px 14px 0px;background:#e7e7e7;} .ad-block.edge{margin-right:0;} .size-125{width:125px;height:125px;line-height:125px} /*******************************************************************/ /************************* WIDGET STYLES ***************************/ /*------ Widgets ------ */ .widget { margin-bottom:30px; clear:both;} .widget h3, .widgettitle { margin: 0 0 10px 0; padding: 0 0 6px 0; background:url('img/divider.png') repeat-x bottom;} .widget h3 a:hover { text-decoration: none; } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget ul li ul { margin-top: 5px; margin-bottom: -7px; } .widget ul li ul li { padding-left: 13px; } .widget li { margin: 0; padding: 6px 0;} .widget li a { font-size:12px; font-weight: normal; text-decoration:none} .widget li a:hover { text-decoration: underline; } .widget img { padding: 9px; margin-bottom: 10px; } .widget span.rounded-all { padding: 0; } /*------ Widget Areas ------- */ .widget-area ul {list-style: none;margin-left: 0;} .widget-area ul ul {list-style: square;margin-left: 1.3em;} .widget_search #s {/* This keeps the search inputs in line */width: 60%;} .widget_search label {display: none;} .widget-container {margin: 0 0 18px 0;} .widget-title {color: #222;font-weight: bold;} .widget-area a:link, .widget-area a:visited {text-decoration: none;} .widget-area a:active, .widget-area a:hover {text-decoration: underline;} .widget-area .entry-meta {font-size: 11px;} #wp_tag_cloud div {line-height: 1.6em;} #wp-calendar {width: 100%;} #calendar_wrap {background: #EBEBEB; border: 2px solid #D0D0D0;padding: 10px;} #wp-calendar caption {color: #999;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: center;} #wp-calendar thead {font-size: 11px;} #wp-calendar thead th {font-weight:bold;background:#e2e2e2;} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td {background: #e6e6e6;padding: 3px 0 2px;text-align: center;} #wp-calendar tbody td a{background:#eee;display:block;text-decoration:none;border:solid 1px #CCC;} #wp-calendar tbody .pad {background: none;} #wp-calendar tfoot #next {text-align: right;} .widget_rss a.rsswidget {color: #000;} .widget_rss a.rsswidget:hover {color: #ff4b33;} .widget_rss .widget-title img {width: 11px;height: 11px;} .info-table{border-collapse:collapse;} .info-table th{padding:4px 10px;} .info-table td{text-align:center;padding:10px;vertical-align:top;} .widget_tag_cloud a{ margin:4px 6px; float:left; display:block; } .widget_tag_cloud a:hover{ background:#ddd; color:#333; } /*******************************************************************/ /*********************** SHORTCODES STYLES ************************/ a[href$=".pdf"] {padding-left:20px;background:url('img/icons/filetypes/pdf.png') no-repeat left;font-weight:bold;} .checklist ul {padding:10px 0px 10px 8px;list-style:none!important} .checklist li{padding:5px 5px 5px 30px;background: url(img/check.png) no-repeat center left} .checklist.checklist-1 li{background-image: url(img/icons/check_1.png);} .checklist.checklist-2 li{background-image: url(img/icons/check_2.png);} .checklist.checklist-3 li{background-image: url(img/icons/check_3.png);} .list ul {padding-left:8px;list-style:none!important;} .list ul li{padding:5px 5px 5px 24px;background: url(img/icons/list.png) no-repeat left center;} .list.list-1 ul li{background-image: url(img/icons/list-1.png);} .list.list-2 ul li{background-image: url(img/icons/list-2.png);} .list.list-3 ul li{background-image: url(img/icons/list-3.png);} .list.list-4 ul li{background-image: url(img/icons/list-4.png);} .list.list-5 ul li{background-image: url(img/icons/list-5.png);} .list.list-6 ul li{background-image: url(img/icons/list-6.png);} .highlight{color:#FFF;background-color:#333;padding:2px;} .highlight.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;} .box .box-title{text-align:center; margin-bottom:-1px; background:#ebebeb; border:solid 4px #c6c6c6; border-bottom:none} .box .box-title h2{padding:6px 8px; font-size:18px; color:#000} .box-content { padding: 10px 16px; min-height:35px; background:#ebebeb;border:solid 4px #d0d0d0;} .box-content.blue, .box-title.blue{border-color:#a9ccd6} .box-title.blue{background:#c8e1e8} .box-content.red, .box-title.red{border-color:#d7a993} .box-title.red{background:#f4cab5} .box-content.violet, .box-title.violet{border-color:#bcb6d1} .box-title.violet{background:#cec9e1} .box-content.yellow, .box-title.yellow{border-color:#dfd991} .box-title.yellow{background:#f3eeb0} .box-content.green, .box-title.green{border-color:#a2d8af} .box-title.green{background:#b9e6c3} .box.error {} .box.error .box-content { border-color:#ca7c7c; background:#f3b4b4;background: -webkit-gradient(linear, left top, left bottom, from(#f9dcdc), to(#f3b4b4));background: -moz-linear-gradient(top, #f9dcdc, #f3b4b4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9dcdc', endColorstr='#f3b4b4'); } .box.error .box-title {text-align:left; background:none; border:none;} .box.error .box-title h2{color:#e10000; padding:0px 0px 6px 0px} .box.info {} .box.info .box-content { border-color:#a9ccd6; background:#d7e9f3;background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#d7e9f3));background: -moz-linear-gradient(top, #ebebeb, #d7e9f3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#d7e9f3'); } .box.info .box-title {text-align:left; background:none; border:none;} .box.info .box-title h2{color:#1db5e0; padding:0px 0px 6px 0px} .box.warning {} .box.warning .box-content {border-color:#eed589; background:#f3f58b;background: -webkit-gradient(linear, left top, left bottom, from(#fdfdc3), to(#f3f58b));background: -moz-linear-gradient(top, #fdfdc3, #f3f58b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdc3', endColorstr='#f3f58b'); } .box.warning .box-title {text-align:left; background:none; border:none;} .box.warning .box-title h2{color:#da8b14; padding:0px 0px 6px 0px} .box.success {} .box.success .box-content { border-color:#AEBCA3; background:#1C7E74;background: -webkit-gradient(linear, left top, left bottom, from(#1C7E74), to(#344D4A));background: -moz-linear-gradient(top, #1C7E74, #344D4A);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04564C', endColorstr='#344D4A'); } .box.success .box-title {text-align:left; background:none; border:none;} .box.success .box-title h2{color:#639e33; padding:0px 0px 6px 0px} .one_half, .one_third, .one_third2, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:9%; /*margin-top:10px; margin-bottom:10px*/} .one_half { width: 44%; } .one_third { width: 27.00%; margin-right:1%} .one_third2 { width: 32.00%; margin-right:1%} .two_third { width:63.32%; } .one_fourth { width:18%; } .one_fifth { width: 12.8%; } .four_fifth { width: 75.2%; } .three_fourth { width:70%; } .last {clear: right;margin-right: 0 !important;} blockquote {padding:0 0 15px 44px;margin:0 0 1em 0;font-size:14px;background:url(img/quote.png) no-repeat;color:#333;} blockquote p {line-height:1.8em !important;padding:0 !important;font-size:14px;} blockquote.center {} blockquote .author {padding:10px 0 5px 0;color:#000;font-style:italic;text-align:right;font-size:12px;} blockquote.left {width:200px;float:left;padding:0px 10px 0px 40px;margin:0 20px 4px 0;} blockquote.right {background:url(img/quote.png) no-repeat;width:200px;float:right;margin:0 0 4px 20px;padding-bottom:0px;} blockquote em, blockquote i, blockquote cite {font-style:normal;} blockquote span.testimonial-quote{background:url('img/quote.png') no-repeat left; display:block;width:34px; height:26px; float:left;margin:6px 10px 4px 0px;} blockquote p {padding:0px;font-size:13px;line-height:16px;font-style:italic;color:#515151;} .tabs {list-style:none; margin:0 !important; padding:0;height:35px;} .tabs li {float:left; text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } .tabs a {font-size:14px !important;display:block;height: 35px; line-height:35px;text-align:center; text-decoration:none;color:#000;padding:0px 10px;margin:0px; position:relative;} .tabs a:active, .tabs a:hover, .tabs .current, .tabs .current:hover, .tabs li.current a {background: #ebebeb;color:#000;border:solid 2px #d0d0d0;border-bottom:none;text-decoration:none !important;} .tabs .current, .tabs .current:hover, .tabs li.current a {cursor:default !important; text-decoration:none !important;height:35px; } .panes .pane {display:none; } .panes > div {display:none; padding:10px;min-height:100px;font-size:14px;background-color:#ebebeb;border:solid 2px #d0d0d0;} /*----- Tabs with icons -----*/ .tabs2 {margin-top:13px;height:73px;width:745px;background:none;} .tabs2 li { float:left;text-align:center;margin-top:7px;margin-right:-1px;position:relative;} .tabs2 a {color:#000;display:block;padding:24px 20px 0px 75px;position:relative;font-size:14px;text-decoration:none;height:41px; margin-top:-2px !important;zoom: 1;} .tabs2 li.current a{background:#e4e4e4;border:2px solid #d0d0d0;border-bottom:none;color:#1db5e0;} .tabs2 img {position:absolute;cursor:pointer;left:10px;top:10px;z-index:22;} .tabs2 strong {display:block; font-size:13px;} .panes2 {min-height: 1080px; border:2px solid #d0d0d0;width:100%;height:920px;margin-bottom:-20px;padding-bottom:20px;position:relative;background:#e4e4e4;} .panes2 > div {display:none;position:absolute;top:20px;left:20px;font-size:13px;color:#444;width:96%} .overlay {display:none;width:500px;padding:20px;} /*----- Tooltip Tabs -----*/ .tabs3{font-size:16px;font-weight:bold;} .tabs3 img {margin:0 20px 10px 0; cursor:pointer; } .tab-desc {border:2px solid #d0d0d0; width:450px;min-height:140px;display:none;margin-top:17px; padding:10px 20px;position:relative; background:#ebebeb;} .tab-desc .arrow {float: left;height: 23px;margin: 0 10px;width: 39px;position:absolute;top:-23px;left:30px;background:url('img/icons/arrow_up.png')} /*----- Accordion Tabs -----*/ .accordion { width: 400px;border:2px solid #d0d0d0; border-top:none;background:#f3f3f3;} .accordion h2 {margin:0;padding:10px 15px;font-size:14px;border:none;border-top:2px solid #d0d0d0; font-weight:bold;cursor:pointer; background:#f3f3f3;} .accordion h2.current {cursor:default;background:#e5e5e5;background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));background: -moz-linear-gradient(top, #f3f3f3, #e5e5e5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e5e5e5');} .accordion .acc-pane { border-top:2px solid #d0d0d0;display:none;height:180px;padding:15px;} .accordion .acc-pane h3 {font-weight:normal;margin:0 0 -5px 0;font-size:16px;color:#999;} /*----- Toggles -----*/ div.toggle-trigger {padding: 4px 4px 4px 8px;margin: 6px 0px;height: 33px;line-height: 33px;border:solid 2px #d0d0d0; } div.toggle-trigger:hover{border-color:#aaa;} div.toggle-trigger a {padding-right:36px;color: #555;line-height: 33px;text-decoration: none;display: block;outline:none;font-size: 12px;background: url(img/toggle.png) no-repeat right -32px;text-shadow:none;} div.toggle-trigger.active a{background: url(img/toggle.png) no-repeat right 0px;} .toggle-container .block {padding: 10px; } .toggle-container .block p {margin: 5px 0;} /*----- Tooltips -----*/ .tooltip, .tooltip2 {display:none;background:transparent url(img/tooltip1.png);font-size:12px;height:90px;width:181px;padding:10px 15px;color:#000; } .tooltip.style2 {background-image: url(img/tooltip2.png) !important} .tooltip.style3 {background-image: url(img/shortcodes/tooltip/white_arrow_big.png); color:#333} .tooltip2 {display:none; height:154px; padding:14px; width:322px; background:url(img/tooltip1_big.png); color:#333} .tooltip2.style2{background:url(img/tooltip2_big.png)} .tooltip2 a {color:#333;} .tooltip3 {background-color:#ebebeb; border:2px solid #c6c6c6; padding:10px 15px; width:200px; display:none} .tooltip3.white{color:#fff} /*----- Overlays -----*/ .overlay {display:none;z-index:30000;background-color:#ebebeb;width:675px; min-height:200px;border:2px solid #d0d0d0;} .overlay .close {background:url('img/close.png');position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;} /*----- Ordered lists -----*/ .ordered-list{margin:20px 0px; color:#333; } .ordered-list li{margin-left:30px;} .ordered-list.style1 {font-family:Georgia, "Times New Roman", Times, serif, sans-serif;color: #222;} .ordered-list.style1 li {padding-left:2px;color:#111;font-size:18px;} .ordered-list.style1 p {font-size:0.7em;color:#555;padding:5px 0;margin:0px;} .ordered-list.style2 {font: bold 1em Tahoma;color: #999;list-style: upper-roman;padding:4px 0px 4px 6px;} .ordered-list.style2 p {font: normal 1.2em Georgia, Times, serif;color: #000;} .ordered-list.style2 li{background:#eee;height:30px;} .ordered-list.style3 {font: italic 1.3em Arial, Helvetica, sans-serif;color: #666;list-style: lower-alpha;} .ordered-list.style3 p {font: normal .9em Arial, Helvetica, sans-serif;color: #000;border-left: solid 1px #999;margin: 0;padding: 0 0 1em 1em;} .sorry404{line-height:34px;} /*----- Ad Banners -----*/ .banner{background:#F8F8F8;border:solid 1px #CCC;} .banner img{padding:0;} .banner a{text-align:center;text-decoration:none;outline:none;} .banner-88x31, .banner-88x31 img{width:88px;height:31px;} .banner-120x60, .banner-120x60 img{width:120px;height:60px;} .banner-120x90, .banner-120x90 img{width:120px;height:90px;} .banner-120x240, .banner-120x240 img{width:120px;height:240px;} .banner-120x600, .banner-120x600 img{width:120px;height:600px;} .banner-125x125, .banner-125x125 img{width:125px;height:125px;} .banner-160x600, .banner-160x600 img{width:160px;height:600px;} .banner-234x60, .banner-234x60 img{width:234px;height:60px;} .banner-425x425, .banner-425x425 img{width:425px;height:425px;} .banner-425x500, .banner-425x500 img{width:425px;height:500px;} .banner-425x600, .banner-425x600 img{width:425px;height:600px;} .banner-468x60, .banner-468x60 img{width:468px;height:60px;} .banner-728x90, .banner-728x90 img{width:728px;height:90px;} #slider-container{width:960px;margin:0px auto;} /*----- Frames -----*/ .frame { padding:6px; border:solid 2px #d0d0d0; text-align:center} .alignright,img.alignright,a img.alignright { float:right; margin:0px 0 10px 15px; text-align:right} .alignleft,img.alignleft,a img.alignleft { float:left; margin:0px 15px 10px 0; text-align:left} .aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px} .frame,.small_frame { display:inline-block;} .frame img{ padding:4px; margin:0; display:block;} .small_frame img { padding:3px; margin:0;} .frame.shadow{-moz-box-shadow:0px 0px 2px 2px #CCC;} .frame span.frame-title{font-style:italic;color:#000;padding:0px 6px;font-size:12px;text-align:right !important;} .image-frame, .frame img{padding:4px;border:solid 1px #ccc;} .frame img{border-width:1px} /*----- Step Lists -----*/ .step-list-li{width:40px;height:40px;} .step-list-round, .dropcap{height: 40px;width: 40px;-moz-border-radius: 20px;-webkit-border-radius: 20px;position:relative;text-align:center;float:left;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);} .step-list-round span, .dropcap span{position:absolute; right:14px;top:6px;font-family:"Times New Roman", Georgia, Arial;font-size:24px;font-weight:bold; color:#FFF;} .step-content{float:left;margin:0px 0px 20px 10px;width:240px;} .step-content p{margin:0px;} /*----- Dropcaps -----*/ .dropcap{margin:5px 10px 0 0;} .dropcap span{font-size:30px;left:11px;top:6px;} .dropcap.no-back{ box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} /*----- Spacing -----*/ .top0{margin-top:0px} .top5{margin-top:5px} .top10{margin-top:10px} .top15{margin-top:15px} .top20{margin-top:20px} .top25{margin-top:25px} .top30{margin-top:30px} .top40{margin-top:40px} .top50{margin-top:50px} .bottom0{margin-bottom:0px} .bottom5{margin-bottom:5px} .bottom10{margin-bottom:10px} .bottom15{margin-bottom:15px} .bottom20{margin-bottom:20px} .bottom25{margin-bottom:25px} .bottom30{margin-bottom:30px} .bottom40{margin-bottom:40px} .bottom50{margin-bottom:50px} .left0{margin-left:0px} .left5{margin-left:5px} .left10{margin-left:10px} .left15{margin-left:15px} .left20{margin-left:20px} .left25{margin-left:25px} .left30{margin-left:30px} .left40{margin-left:40px} .left50{margin-left:50px} .right0{margin-right:0px} .right5{margin-right:5px} .right10{margin-right:10px} .right15{margin-right:15px} .right20{margin-right:20px} .right25{margin-right:25px} .right30{margin-right:30px} .right40{margin-right:40px} .right50{margin-right:50px} /*----- Get in touch -----*/ .getintouch p{width:196px; height:46px; line-height:40px; font-size:14px;color:#fff;margin:0px 0px 16px 0px;padding:4px 0px 0px 64px; background-repeat:no-repeat} .getintouch p span {font-size:11px; color:#9c9c9c; display:block; line-height:14px; margin-top:4px; text-transform:uppercase} .getintouch p span.inf{color:#dadada; text-transform:none} .getintouch .i-phone {background-image:url('img/icons/contact-bg-phone.png')} .getintouch .i-fax {background-image:url('img/icons/contact-bg-fax.png')} .getintouch .i-skype {background-image:url('img/icons/contact-bg-skype.png')} .getintouch .i-email {background-image:url('img/icons/contact-bg-email.png')} .getintouch.white p{color:#9c9c9c; width:200px; height:50px; padding-left:60px} .getintouch.white .i-phone {background-image:url('img/icons/contact-footer-phone.png')} .getintouch.white .i-fax {background-image:url('img/icons/contact-footer-fax.png')} .getintouch.white .i-skype {background-image:url('img/icons/contact-footer-skype.png')} .getintouch.white .i-email {background-image:url('img/icons/contact-footer-email.png')} /*----- Popular Posts -----*/ .list-post-thumb{float:left;width:50px;margin-right:10px;} .wt-title{color:#1db5e0;font-size:12px} .list-post-desc{float:right;width:180px;} ul.popular-posts{padding-left:0;} .popular-posts li{list-style:none;background:url('img/divider.png') repeat-x bottom;padding:8px 0px;} .popular-posts li:last-child{background:none;} .popular-posts img, .list-post-thumb img{border:solid 2px #aaaaaa;padding:0px;margin-bottom:0;margin-top:6px;} .list-post-desc a{font-size:13px;font-weight:bold;text-decoration:none;padding:0;line-height:22px;display:block;} .by-author{font-size:11px;} /*----- Workstream Circles -----*/ .workstream img{border:none; display:block; margin:auto} .workstream {background: url("img/icon-bg.png") no-repeat scroll 0 0 transparent; height: 68px; width: 68px; text-align:center;} .workstream a {cursor: pointer;text-align:center;display: table-cell; vertical-align: middle;height:68px;width:68px;opacity: .5;} .workstream a:hover{opacity: 1;} .workstream p.wdesc{display:none;} .workstream:hover .workstream-rotator, .active {display: block !important;} .rotator{width:113px;height:113px; background:url('img/klorik.png') no-repeat;position:relative;} .rotator div{width:90px;margin-top:36px;height:80px;top:10px; left:10px;position:absolute;transform:none;font-size:13px;text-align:center;-moz-rotation:rotate(0 deg) !important;} /*----- Content Slider / Gallery Slider -----*/ #slides {position:relative;width:422px;} .slides_container {width:422px;height:340px;overflow:hidden;position:relative;display:none;background:#e4e4e4;border:2px solid #D0D0D0} #slides .slide {padding:30px;width:352px;height:230px;display:block;} #slides .next, #slides .prev {position:absolute;top:150px;left:0px;width:30px;height:50px;display:block;z-index:101;} #slides .next {left:402px;} #cgallery {width:600px;position:relative;} .cgallery_container {width:585px;overflow:hidden;position:relative;display:none;} .cgallery_container div.cslide {width:570px;height:270px;display:block;} #cgallery .next,#cgallery .prev {position:absolute;top:107px;left:-8px;width:31px;height:68px;display:block;z-index:101;} #cgallery .next {left:562px;} .caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:url("img/menu_bg.png") repeat scroll 0 0 transparent;width:560px;} .caption p{color:#fff;} /*********************** TWITTER WIDGET ****************************/ #twitter_update_list li{list-style:none;font-size:16px;} #twitter_update_list li > a{font-size:15px;color:#1db5e0;display:block;padding:0} #twitter_update_list a{ font-size:12px; color:#555} #twitter_update_list li span a{margin:10px 0px} #twitter_update_list {padding:0;} #twitter_update_list li span{font-size:15px;} .twitbird{ no-repeat;width:37px;height:33px;} .twitter li{list-style-image:none; color:#fff !important;} .fctitle{position:absolute; z-index:40; width:110px; text-align:center; font-size:11px; font-weight:bold} .twitter-widget h2{padding-left:48px;height:48px;} /*******************************************************************/ /******************** Knowledge Base WIDGET BLOCKS ***********************/ .KBase-1{width:381px} .KBase-2{width:454px;border-right:none;} .KBase-3{width:0px;padding-right:0;border-right:none;} .home-wrapper{position:relative;background:#ebebeb;margin:auto;width:960px;z-index:999;} #home-widgets{position:absolute;z-index:1000;height:184px;padding-top:16px;overflow:hidden;} .bg-layer{position:absolute;top:85px;left:0px;height:200px;background:#ebebeb url(img/bg.png);z-index:998;width:100%;} #bg-layer-top{background: url(img/top-shadow.png) repeat-x top; height:34px; width:100%} /*******************************************************************/ /******************** EVENTS WIDGET AND PAGE ***********************/ .event-title{color:#1db5e0;font-size:16px;padding-top:2px;} .event-title, .event-title a{} .bg-default, .event-block{background:#e3e3e3;} .KBase-block .event-title{padding-bottom:2px} #event-wrapper{width: 960px;} .event-block{padding:10px 16px;width:266px;margin:0px 22px 40px 0px;float:left;} .event-date{font-size:13px;color:#1db5e0;} .KBase-block .event-title a{text-decoration:none;} .KBase-block .event-title a:hover{text-decoration:underline} .KBase-block .event-date{margin-top:0; margin-bottom:6px; } .KBase-block .event-location{ color:#555} /*******************************************************************/ /********************** PAGINATION STYLES **************************/ .pagination {margin:14px auto 0;width:100px;} .pagination li {float:left;margin:0 1px;list-style:none;} .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(img/pagination.png);background-position:0 0;float:left;overflow:hidden;} .pagination li.current a {background-position:0 -12px;} /* * SimpleModal lang Style Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: lang.css 254 2010-07-23 05:14:44Z emartin24 $ */ #lang-modal{position:absolute; top:0;left:50%; margin: 0px auto -1px auto; z-index:10000; } #lang-modal-content, #lang-modal-data {display:none;} /* Overlay */ #lang-overlay {background-color:#000; cursor:wait;} /* Container */ #lang-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:180px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;} #lang-container a {color:#ddd;} #lang-container #lang-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;} #lang-container .close {display:none; position:absolute; right:0; top:0;} #lang-container .close a {display:block; color:#777; font-weight:bold; padding:4px 4px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;} #lang-container .close a:hover {color:#000;} #lang-container #lang-modal-data {font-size:12px; padding:6px 12px;} #lang-container h2 {margin:10px 0 6px;} #lang-container p {margin-bottom:10px;} #lang-container span {color:#777;} /******************************** OTHER **************************/ #po-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#000; cursor:wait;} /* Container */ #simplemodal-container {height:760px; width:900px; color:#bbb; background-color:#EBEBEB; border:4px solid #444; padding:12px;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} #mastyle {font-weight:bold; color:green;} #header, .meter-value, #cs-header-container {background-image:url('img/header.png');} .event-title, #twitter_update_list li > a, .event-date, ul#portfolio-list li h4 a, blockquote.colored p, .post-desc a.read-more, .date-label, .wt-title, ol.commentlist li div.vcard cite.fn, cite.fn a.url{color:#0e766e} .colored{color:#0e766e !important} blockquote.colored {background-image: url('img/quote.png')} a.read-more{background-image:url('img/arrow.png')} .sub-menu{background-image:url('img/sub_menu.png')} .kbl1 { display: block; width: 500px; height: 285px; background: url('img/kbl.jpg') bottom; text-indent: -99999px; } .kbl1:hover { background-position: 0 0; } .sgl1 { display: block; width: 500px; height: 90px; background: url('img/sgl.jpg') bottom; text-indent: -99999px; } .sgl1:hover { background-position: 0 0; } .faq1 { display: block; margin-top: 20px; width: 357px; height: 184px; background: url('img/faq1.png') bottom; text-indent: -99999px; } .faq1:hover { background-position: 0 0; } .configg1 { display: block; margin-top: 20px; width: 374px; height: 194px; background: url('img/configg1.png') bottom; text-indent: -99999px; } .configg1:hover { background-position: 0 0; } .kba { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 5px 5px 5px ; -moz-box-shadow: 5px 5px 5px ; box-shadow: 5px 5px 5px ; background-color:#f9f9f9; margin-top:20px; } .kba h1 {margin-top:5px;} .kbat {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: #2989d8; /* Old browsers */ background: -moz-linear-gradient(top, #2989d8 0%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2989d8 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2989d8 0%,#7db9e8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #2989d8 0%,#7db9e8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #2989d8 0%,#7db9e8 100%); /* W3C */ padding: 10px; text-align:center; } .kbac {margin:10px;} /********osTicket Support***********/ table input { width: auto; height: auto; } img, fieldset { border:None; } fieldset { clear:both; margin:0; padding:2px 0 2px 0; } .btn, .btn a { display:block; width:134px !important; height:27px; border:none; font-family:arial, helvetica, sans-serif !important; line-height:27px !important; background:url(../images/button.jpg) top left no-repeat; text-align:center; color:#fff !important; font-weight:bold; text-decoration:none; padding:0; margin:0; float:left; } form .btn { padding-bottom:4px; } th { font-weight:bold; text-align:left; padding-left:3.5px; } #container { width:960px; margin:5px auto 0 auto; border:1px solid; text-align:left; } #nav { clear:both; } #nav { clear:both; margin:5px auto 0 auto; padding:0 40px 0 0; height:24px; border-bottom:1px solid; } #nav li { list-style:none; margin:0; padding:0; display:inline; } #nav li a { height:24px; line-height:24px; display:block; float:left; padding-left:25px; margin:0 10px 0 10px; text-decoration:none; font-weight:bold; float:right; } #nav a.home { background:url(../images/home.gif) 0 5px no-repeat; } #nav a.new_ticket { background:url(../images/new_ticket.gif) 0 5px no-repeat; } #nav a.my_tickets { background:url(../images/my_tickets.gif) 0 5px no-repeat; } #nav a.ticket_status { background:url(../images/ticket_status.gif) 0 5px no-repeat; } #nav a.log_out { background:url(../images/logout.gif) 0 5px no-repeat; } #content form { margin:0; padding:0; } #content form.status_form fieldset { clear:none; } #content form label { display:block; width:60px; padding-right:10px; text-align:right; float:left; font-weight:bold; } #content #index form input { width:175px; float:left; } #content #bar { width:21px; height:auto; display:block; float:left; } #ticketform { padding:20px 20px 50px 20px; width:600px; margin:20px auto 20px auto; border:1px solid; } #loginform { padding:20px 20px 50px 20px; width:400px; margin:20px auto 20px auto; border:1px solid; } #ticketform input, #ticketform select { width:300px; float:left; } #loginform input { width:160px; float:left; } #ticketform label { width:130px; text-align:right; display:block; float:left; padding-right:10px; } #loginform label { width:130px; text-align:right; display:block; float:left; padding-right:10px; } #ticketform textarea { width:400px; } #ticketform .ticketsubmit { margin-left:410px; } #loginform .ticketsubmit { margin-left:170px; } #powered_by { clear:both; display:block; width:126px; height:23px; } .error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; border: none; font-weight: bold; } .msg { font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; text-decoration: none; font-weight: bold; } #infomessage, #warnmessage, #errormessage { margin-bottom: 1.5em; padding: 0.3em; font-weight: bold; border-top: 1px solid; border-bottom: 1px solid; } /* Buttons */ .button, .button2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px; } .button { border: 1px solid; } /* Generic CSS based Icons. use=> text */ .Icon { width: auto; padding-left:20px; background-position: left center; background-repeat: no-repeat; color:#006699; text-decoration: none; } a.Icon { } a.Icon:hover { text-decoration: underline; } .Icon.Ticket { background:url(../images/icons/ticket.gif) 0 0 no-repeat; } .Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; } .Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; } .Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; } .Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; } .Icon.attachment { background-image: url(../images/icons/attachment.gif); } .Icon.file { background-image: url(../images/icons/attachment.gif); } .Icon.refresh { background-image: url(../images/icons/refresh.gif); } .Icon.thread { font-weight: bold; font-size: 1em; background-image: url(../images/icons/thread.gif); } /* Ticket view (Messages and Responses) */ #ticketthread table.message { margin:10px 0 5px 0; } #ticketthread table.response { margin-bottom:5px; } table.message, table.response { border: 1px solid; border-bottom: none; } table.message td, table.message th,table.response td, table.response th { border-bottom:1px solid; padding:5px; } table.message tr.header td, table.response tr.header td { padding:1px; padding-left:5px; } table.message th, table.response th { line-height:24px; font-size:10pt; padding:1px; padding-left:5px; font-weight:bold; } /* Index page */ #index { padding: 15px 0px 20px 0px; } #index h1 { font-size:15pt; } .big { font-size:13pt; line-height:1.4em; } .lcol { width:350px; float:left; } .rcol { width:350px; float:right; } .clear { clear:both; } .lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#ff8100; } .lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px; border: 1px solid; } /* default text and background colors */ /* default link color */ a { color:#006699; text-decoration: none; } /* default link hover color */ a:hover { color:#ff000f; text-decoration: none; } #container { background:#fff; border-color:#ccc; } #loginform, #ticketform { background:#f1f1f1; border-color:#ccc; } /* bottom border of header */ #header { border-color:#000; } /* "SUPPORT TICKET SYSTEM" default text */ #header p { color:#666; } /* "SUPPORT TICKET" color */ #header p span { color:#fe7700; } /* top nav background and bottom border */ #nav { background:#f1f1f1; border-color:#ccc; } /* nav link color */ #nav li a { color:#006699; font-weight:bold; } /* nav link hover color */ #nav a:hover { color:#fe7700; } /* Data Table */ table.tgrid { border-left: 1px solid; } table.tgrid td { border:1px solid; border-top:none; border-left:none; } table.tgrid th { color: #FFF; font-size: 12px; font-weight:bold; } table.tgrid, table.tgrid td, table.tgrid th { border-color:#ADADAD; } /* Table headings */ table.tgrid th { background:#ADADAD;; color:#FFF; } table.tgrid th a, table.tgrid th a:hover { color:#FFF; text-decoration:underline; } /* row highlighting on hover */ .tgrid tr:hover td { background-color: #FFFFDD; } /* Alt rows used on most data tables */ .row1 { background-color: #F4FAFF; } .row2 { background-color: #FFFFFF; } /* auto-highlight */ .row1.highlight td,.row2.highlight td { background-color: #FFFFDD; } /* mesages, warning and errors */ .error { color: #FF0000; } .msg { color:#006699; } #infomessage { background-color: #390; border-color: #390; color: #390; background: #CFC; } #errormessage { border-color: #903; background-color: #fcc; color: #903; } #warnmessage { border-color: #fad163; background-color: #fdedc1; } /* Input buttons/submits colors*/ .button { text-shadow: #000 -1px -1px 1px; color: #FFF; border-color: #666; } /* Assorted number of tables used on view ticket.*/ table.infotable td, table.infotable th { background-color: #F4FAFF; } table.infotable th { font-weight:bold; text-align:left; padding-left:3px; } /* Response & message background */ table.message, table.response { border-color:#ADADAD; } /* Message title */ table.message th { background-color: #C3D9FF; } /* Response title */ table.response th { background-color: #FFE0B3; } /* message & response header */ table.message tr.header td, table.response tr.header td { background-color: #EFEFEF; border-color:#ccc; } /* table cells bg */ table.message td, table.response td { background-color: #FAFAFA; } .rcol h3, .lcol h3 { color:#006699; } hr { border:none; border-bottom:1px solid #ccc; margin:10px 0 10px 0; } /* table cells bg */ p, dl, multicol {margin: 0;} .freetrialg {float:right; height:400px; } .freetrialg img{ padding: 3px; border: 1px solid #ccc; } .freetrialg:hover img{padding: 3px; border: 1px solid #43A227; } .yalogin1 {width:530px; margin:10px;} #form{width:529px; float:left;} #formmain{ width:529px; height:21px; float:left; background: url("img/form-top-corner.jpg") no-repeat scroll 0 0 transparent;line-height: 0px;} #form-center{width:529px; float:left;} #formbg-img{width:529px; float:left; background:url(img/form-bg-center.jpg); background-repeat:repeat-y;} .text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; line-height:18px;} #maintxt{width:500px; float:left; margin-left:25px;} #fom2{width:480px; float:left; } .input{ background:url(img/input-box.png); background-repeat:no-repeat;width:392px; height:44px; } .input-box{ background: transparent; background-repeat:no-repeat; width:350px; height:20px; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin-top:10px; border:none;} #txt{width:480px; float: left;margin-top:15px; margin-left:25px;} #in{width:480px; float:left;} .fortxt{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#3a3a3a;} #bottom-corner{width:529px; float:left;} .accbutton{height: 58px; width: 232px;background: url("img/request-button.png") no-repeat scroll 0 0 transparent;} .accjbutton { float: right; margin-right:30px; margin-top:20px; width: 376px; height: 192px; background-image: url("img/accsigng.png"); text-indent: -99999px; } .accjbutton:hover { background-position: 0 192px; } .pssocial {float:right; display:inline; margin-top:12px;}