html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none outside none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } :focus { outline: 0 none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } body { background: url("../images/bg.jpg") repeat scroll 0 0 #575757; color: #FFFFFF; font-family: Arial,Verdana,sans-serif; font-size: 13px; line-height: 21px; min-height: 25px; text-align: center; } body.HomePage { background: url("../images/FabricL.jpg") repeat scroll 0 0 #575757; color: #FFFFFF; font-family: Arial,Verdana,sans-serif; font-size: 13px; line-height: 21px; min-height: 25px; text-align: center; } a { color: #00B7F3; text-decoration: none; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { color: #808080; font-weight: normal; letter-spacing: -1px; line-height: 1em; padding-bottom: 5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { line-height: 18px; padding-bottom: 10px; text-align: justify; } strong { color: #1C1C1C; font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New,monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } blockquote { background: none repeat scroll 0 0 #E6E6E6; border: 1px solid #DCDCDC; color: #666666; font-style: italic; margin: 1.5em; padding: 1em; text-shadow: none !important; } blockquote p { padding-bottom: 0; } input[type="text"], input.text, input.title, textarea, select { background-color: #FFFFFF; border: 1px solid #BBBBBB; color: #4E4E4E; padding: 2px; } input[type="text"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #2D3940; color: #3E3E3E; } input[type="text"], input.text, input.title, textarea, select { margin: 0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0; } .clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } * html .clearfix { } :first-child + html .clearfix { } .container { margin: 0 auto; position: relative; text-align: left; width: 960px; } #top { background: url("../images/top-bg.png") repeat-x scroll 0 0 #D2D2D2; border-bottom: 1px solid #FFFFFF; padding-top: 50px; } #header { height: 120px; } #home-top { background: url("../images/top-bg.png") repeat-x scroll left bottom #D2D2D2; border-bottom: 1px solid #FFFFFF; height: 102px; left: 0; position: absolute; top: -1px; width: 100%; z-index: 1; } #logo { left: 10px; position: absolute; top: 0; } #menu { background: url("../images/menu-bg.png") no-repeat scroll 0 0 transparent; height: 55px; left: 0; position: absolute; top: 66px; width: 960px; } #top.HomePage { background: url("../images/FabricL.jpg") repeat-x scroll 0 0 #D2D2D2; border-bottom: 1px solid #FFFFFF; padding-top: 20px; } #HomePage-menu { background: url("../images/menu-bg-full.png") repeat-x scroll 0 0 transparent; bottom: 0; height: 55px; left: 0; position: absolute; width: 100%; } /* added by sachin for login page*/ #top.register { background: url("../images/top-bg.png") repeat-x scroll 0 0 #D2D2D2; border-bottom: 1px solid #FFFFFF; padding-top: 20px; } #register-logo { left: 20px; position: absolute; top: 0; } #register-menu { background: url("../images/menu-bg-full.png") repeat-x scroll 0 0 transparent; bottom: 0; height: 55px; left: 0; position: absolute; width: 100%; } /* end */ #search-form { background: url("../images/search-bg.png") no-repeat scroll 0 0 transparent; float: right; height: 31px; margin: 13px 10px 0 0; width: 150px; } input#searchinput { background: none repeat scroll 0 0 transparent; border: medium none; color: #7D7D7D; float: left; font-size: 12px; font-style: italic; margin-right: 4px; margin-top: 0; padding-left: 13px; position: relative; text-shadow: 1px 1px 1px #FFFFFF; top: 6px; width: 105px; } input#searchsubmit { float: left; margin-top: 9px; } #content-full { position: relative; } .center-highlight { background: url("../images/light-overlay.png") repeat-y scroll center top transparent; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); } #intro { background: url("../images/intro-bg.png") repeat scroll 0 0 transparent; } #hr { background: url("../images/shadow-bar-bg.png") repeat-x scroll left bottom transparent; } body#home-featured #hr { min-height: 479px; } #hr-center { background: url("../images/shadow-bar-centerbg.png") no-repeat scroll center bottom transparent; } /************************************************ Portfolio-Original ***********************************************/ #portfolio-scroll-area { padding: 20px 0px; } #portfolio-items { padding-bottom: 20px; } #portfolio-items.previews { min-height: 400px; } #portfolio-items .last { margin-right: 0; } #portfolio-items .item { background: url("../images/item-bottom-shadow.png") no-repeat scroll left bottom transparent; float: left; margin: 0 27px 32px 0; padding-bottom: 5px; position: relative; } .item-image { position: relative; top: 0; } #portfolio-items .item img.portfolio { border: 3px solid #E5E5E5; } .item-image span.overlay { background: url("../images/item-overlay.png") no-repeat scroll 0 0 transparent; height: 136px; left: 3px; position: absolute; top: 3px; width: 207px; } /*added for plan brochure page*/ #portfolio-items .item.brochure { background: url("../images/brochure-item-bottom-shadow.png") no-repeat scroll left bottom transparent; float: left; margin: 0 20px 32px 0; padding-bottom: 8px; position: relative; } .item-image span.overlayBrochure { background: url("../images/brochure-overlay.png") no-repeat scroll 0 0 transparent; height: 400px; left: 3px; position: absolute; top: 3px; width: 285px; } /*added for plan brochure page*/ #portfolio-items .item.presentation { background: url("../images/item-bottom-shadow.png") no-repeat scroll left bottom transparent; float: left; margin: 0 5px 32px 0; padding-bottom: 8px; position: relative; } .item-image span.overlayPresentation { background: url("../images/presentation-overlay.png") no-repeat scroll 0 0 transparent; height: 300px; left: 3px; position: absolute; top: 3px; width: 207px; } /*end*/ a.zoom-icon, a.more-icon { display: block; height: 61px; position: absolute; text-indent: -9999px; top: 41px; width: 61px; } a.zoom-icon { background: url("../images/zoom-icon.png") no-repeat scroll 0 0 transparent; left: 31px; } a.more-icon { background: url("../images/readmore-icon.png") no-repeat scroll 0 0 transparent; left: 128px; } a.zoomOnly-icon { display: block; height: 61px; position: absolute; text-indent: -9999px; left: 73px; width: 61px; background: url("../images/zoom-icon.png") no-repeat scroll 0 0 transparent; top: 5px; } /*added for plan brochure page*/ a.zoomBrochure-icon { display: block; height: 61px; position: absolute; text-indent: -9999px; left: 76px; width: 61px; background: url("../images/zoom-icon.png") no-repeat scroll 0 0 transparent; top: 5px; } /*************************************************** PORTFOLIO FILTER ***************************************************/ #portfolio-filter { width:100%; min-height : 50px; padding: 5px 0px; } #portfolio-filter li { display: inline; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 5px; float: left; } #portfolio-filter li a.current span, #portfolio-filter li a:hover span { background: url(../images/small-button-silver.png) no-repeat; color: #3d3d3d; text-shadow: 1px 1px 1px #FFFFFF; } #portfolio-filter li a.current, #portfolio-filter li a:hover { background: url(../images/small-button-silver.png) no-repeat bottom right; color: #3d3d3d; text-shadow: 1px 1px 1px #FFFFFF; } /*end Filter*/ #tagline { line-height: 26px; padding-bottom: 60px; padding-top: 30px; } #tagline p { background: url("../images/quote-left.png") no-repeat scroll left top transparent; color: #FFFFFF; font-size: 42px; min-height: 34px; padding: 0 0 0 40px; } #tagline span { background: url("../images/quote-right.png") no-repeat scroll right bottom transparent; color: #FFFFFF; font-size: 24px; padding: 0 50px 3px 40px; } /* #tagline span { background: url("../images/quote-right.png") no-repeat scroll right top transparent; color: #FFFFFF; font-size: 40px; padding-left: 40px; } */ div.service { float: left; padding: 52px 65px 26px 0; /*width: 274px;*/ width: 410px; } div.service.two { float: left; padding: 52px 65px 26px 0; width: 410px; } #blog { background: url("../images/fromblog-bottom.png") no-repeat scroll left bottom transparent; padding-bottom: 16px; padding-right: 0; position: relative; width: 282px; } div.serviceBlog { float: left; padding: 0px 65px 26px 0; width: 274px; } h3.hometitle { color: #FFFFFF; font-size: 30px; padding-bottom: 8px; } a.readmore { background: url("../images/readmore.png") no-repeat scroll right bottom transparent; color: #323232 !important; display: block; float: right; font-size: 18px; font-weight: normal; height: 38px; margin-top: 14px; padding-right: 9px; } a.readmore span { background: url("../images/readmore.png") no-repeat scroll 0 0 transparent; display: block; height: 38px; padding: 9px 5px 4px 12px; } a.readmore:hover { color: #FFFFFF; } #blog-top { background: url("../images/fromblog-top.png") no-repeat scroll 0 0 transparent; height: 11px; } #blog-wrapper { background: url("../images/fromblog-mainbg.png") repeat-y scroll 0 0 #EEEEEE; padding: 0 1px; } #blog-content { background: url("../images/fromblog-top-gradient.png") repeat-x scroll 0 0 transparent; padding: 7px 22px 6px 24px; } #blog-content h4.widgettitle { color: #333333; font-size: 24px; padding-bottom: 12px; } #blog-content ul li { background: url("../images/fromblog-bullet.png") no-repeat scroll 0 5px transparent; padding: 0 0 15px 17px; } #blog-content ul li a.title { color: #7D7D7D; display: block; font-size: 14px; margin-bottom: -3px; text-shadow: 1px 1px 1px #FFFFFF; } #blog-content ul li a.title:hover, #blog-content span.postinfo a:hover, #news-wrapper h3.hometitle a:hover { color: #000000; text-decoration: none; } #blog-content span.postinfo, #blog-content span.postinfo a { color: #9D9D9D; font-size: 12px; font-style: italic; text-shadow: 1px 1px 1px #FFFFFF; } #controllers2 { background: url("../images/fromblog-controllers-bg.png") no-repeat scroll 0 0 transparent; bottom: -12px; height: 38px; left: 102px; position: absolute; width: 75px; } #controllers3 { background: url("../images/fromblog-controllers-bg.png") no-repeat scroll 0 0 transparent; height: 38px; width: 75px; right: 0px; top: 42px; position: absolute; } #controllers2 a { display: block; float: left; height: 15px; text-indent: -9999px; width: 23px; } #controllers2 a#left-arrow { background: url("../images/fromblog-controllers-down.png") no-repeat scroll 0 0 transparent; margin: 11px 0 0 12px; } #controllers2 a#right-arrow { background: url("../images/fromblog-controllers-top.png") no-repeat scroll 0 0 transparent; margin: 11px 0 0 7px; } #controllers2 a#down-arrow { background: url("../images/fromblog-controllers-down.png") no-repeat scroll 0 0 transparent; margin: 11px 0 0 12px; } #controllers2 a#up-arrow { background: url("../images/fromblog-controllers-top.png") no-repeat scroll 0 0 transparent; margin: 11px 0 0 7px; } /* added by sachin for register buttons*/ #Reg_button { position: Absolute; top: 0px; right: 10px; padding: 10px 0px; } #Reg_button p { width:0; height:0; display: none; } #Reg_button li { float: left; list-style:none; margin-left: 10px; } /* end */ #breadcrumbs { color: #FFFFFF; padding: 27px 0; } #breadcrumbs .raquo, #breadcrumbs a { color: #B9B9B9; } #breadcrumbs a:hover { color: #FFFFFF; text-decoration: none; } #content-area { background: url("../images/sidebar-bg.png") repeat-y scroll 688px 0 transparent; padding: 38px 0; } /* added form right sidebar & login page in registers */ #content-area-right{ /* background: url("../images/sidebar-bg-left.png") repeat-y scroll 254px 0 transparent;*/ background: url("../images/sidebar-bg-left.png") repeat-y scroll 223px 0 transparent; padding: 25px 0; } #login-area { margin: 0 auto; padding:120px 0px; } /* End */ #full { background: none repeat scroll 0 0 transparent; padding: 38px 0; } #left-area { float:left; width: 688px; } #right-area { float:left; width: 1100px; padding-left: 50px; border: 1px solid red; } #news-wrapper { float: left; padding: 38px 0px; } .entry { margin-bottom: 45px; } #left-area.news { width: 678px; } .news-thumb { float: left; margin-right: 23px; position: relative; padding: 3px; } .news-thumb span.overlay { background: url("../images/avatar-overlay.png") no-repeat scroll 0 0 ; left: 0; position: absolute; top: 0; } .news-thumb, .news-thumb span.overlay { height: 68px; width: 63px; } .blog-thumb { float: left; margin-right: 23px; position: relative; } .blog-thumb span.overlay { background: url("../images/blog-overlay.png") no-repeat; left: 0; position: absolute; top: 0; } .blog-thumb, .blog-thumb span.overlay { height: 191px; width: 185px; } .entry-description { float: left; width: 443px; } .entry-description.news { float: left; width: 527px; } .full-description { width: 651px; } p.post-meta { -moz-border-radius: 20px 20px 20px 20px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); background: url(../images/intro-bg.png); border-bottom: 1px solid #909090; border-right: 1px solid #909090; float: left; font-size: 11px; font-style: italic; margin-bottom: 11px; padding: 5px 13px 5px 12px; } p.post-meta, p.post-meta a { color: #CCCCCC; font-weight: normal !important; } .post p.post-meta { width: 404px; } p.post-meta a:hover { color: #FFFFFF; text-decoration: none; } .entry h2.title, .entry h1.title { color: #FFFFFF; font-size: 36px; padding-bottom: 11px; } .gridHeader h3, .entry h3.title { color: #FFFFFF; font-size: 30px; padding-bottom: 8px; } .entry h4.title { color: #FFFFFF; font-size: 25px; padding-bottom: 8px; } .entry h2.title a { color: #FFFFFF; font-weight: normal !important; } .entry h2.title a:hover { text-decoration: none; } /* Added by Sachin*/ h3.hometitle a { color: #FFFFFF; font-weight: normal !important; } h3.hometitle a:hover { text-decoration: none; } /***/ .entry a.readmore { margin-top: 5px; } .entry a { color: #FFFFFF; font-weight: bold; } .post { margin-bottom: 17px; width: 648px; } /* Added by Sachin*/ #right-area .post { margin-bottom: 17px; width: 900px; border: 1px solid green; } /**/ .full { width: 960px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color: #FFFFFF; } #gallery { padding: 29px 0 0; } .gallery-thumb { border: 3px solid #E3E3E3; float: left; margin: 16px 0 45px; position: relative; } .gallery-thumb a { display: block; } .gallery-thumb img { max-width: 650px; } .gallery-thumb .overlay { background: url("../images/gallery-overlay.png") no-repeat scroll 0 0 transparent; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .gallery-thumb-bottom { bottom: -24px; height: 21px; left: 0; padding: 0 217px; position: absolute; width: 34%; } .gallery-thumb-bottom .bg { background: url("../images/gallery-thumb-bottombg.png") repeat-x scroll 0 0 transparent; height: 14px; } .gallery-thumb-bottom .left-shadow { background: url("../images/gallery-bottom-leftshadow.png") no-repeat scroll 0 0 transparent; height: 21px; left: 0; position: absolute; top: 0; width: 217px; } .gallery-thumb-bottom .right-shadow { background: url("../images/gallery-bottom-rightshadow.png") no-repeat scroll 0 0 transparent; height: 21px; position: absolute; right: 0; top: 0; width: 217px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul.nav { float: left; padding: 20px 0px 0px 4px; } ul.nav li { margin-left: 17px; } ul.nav a { font-size: 16px; color: #535353; text-decoration: none; text-shadow: 1px 1px 0px #fff; padding-bottom: 13px; } ul.nav a:hover { color: #000000; text-shadow: 1px 1px 0px #fff; } ul.nav ul { width: 189px; background: #e7e7e7 url(../images/dropdown-bottom.png) bottom left repeat-x; border: 1px solid #ffffff; border-top: none; top: 34px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; padding: 16px 0px 10px; z-index: 9999px; display: none; } ul.nav ul li { margin: 0px; padding: 0px 4px 20px 18px; } ul.nav ul li a { background: url(../images/dropdown-bullet.png) no-repeat 0px 1px; padding: 0px 0px 0px 17px; width: 130px; } ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -16px !important; left: 191px !important; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured { background: url("../images/featured-bottom-shadow.png") no-repeat scroll left bottom transparent; height: 447px; padding-bottom: 31px; position: relative; z-index: 4; } #featured span#left-shadow, #featured span#right-shadow { display: block; height: 132px; position: absolute; top: -30px; width: 9px; z-index: 1; } #featured span#left-shadow { background: url("../images/featured-leftshadow.png") no-repeat scroll 0 0 transparent; left: -9px; } #featured span#right-shadow { background: url("../images/featured-rightshadow.png") no-repeat scroll 0 0 transparent; right: -9px; } #slides { background: none repeat scroll 0 0 #000000; height: 447px; position: relative; } .slide .overlay { background: url("../images/slide-top-shadow.png") repeat-x scroll 0 0 transparent; height: 17px; left: 0; position: absolute; top: 0; width: 960px; } .slide .overlay2 { background: url("../images/slide-bottom-shadow.png") repeat-x scroll 0 0 transparent; bottom: 0; height: 4px; left: 0; position: absolute; width: 960px; } #slides .description { background: url("../images/description-top.png") no-repeat scroll 0 0 transparent; color: #8E8D8D; font-size: 12px; line-height: 18px; padding-top: 19px; position: absolute; right: -11px; text-shadow: 1px 1px 1px #FFFFFF; top: 33px; width: 275px; z-index: 14; } #slides .description .outer-content { background: url("../images/description-center-outer.png") repeat-y scroll 0 0 transparent; padding: 0 1px 0 7px; } #slides .description .inner-content { background: url("../images/description-center-inner.png") repeat-x scroll left bottom transparent; padding: 3px 16px 10px 28px; } #slides .description .bottom { background: url("../images/description-bottom.png") no-repeat scroll 0 0 transparent; height: 36px; } #slides .description h2.title { font-size: 32px; padding-bottom: 10px; } #slides .description h2.title a { color: #363636; } #slides .description h2.title a:hover { text-decoration: none; } #slides .description a.readmore { background: url("../images/featured-readmore.png") no-repeat scroll right bottom transparent; color: #FFFFFF !important; display: block; float: left; font-size: 12px; height: 35px; left: 89px; padding-right: 8px; position: relative; text-shadow: -1px -1px 1px #000000; top: -12px; } #slides .description a.readmore span { background: url("../images/featured-readmore.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; line-height: 32px; padding: 0 12px 0 20px; } #slides .description a.readmore:hover { color: #EEEEEE; } #controllers-wrapper { background: url("../images/featured-controllers-left.png") no-repeat scroll 0 0 transparent; bottom: 11px; height: 44px; left: 380px; padding-left: 12px; position: absolute; z-index: 30; } #controllers-wrapper #controllers { background: url("../images/featured-controllers-bg.png") repeat-x scroll 0 0 transparent; height: 30px; padding-top: 14px; } #controllers-wrapper #controllers, #controllers-wrapper #controllers-right { float: left; } #controllers-wrapper #controllers-right { background: url("../images/featured-controllers-right.png") no-repeat scroll 0 0 transparent; height: 44px; width: 8px; } #controllers-wrapper a { background: url("../images/featured-controller.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 15px; margin-right: 3px; text-indent: -9999px; width: 15px; } #controllers-wrapper a.active { background: url("../images/featured-controller-active.png") no-repeat scroll 0 0 transparent; } #controllers-wrapper a#left-arrow, #controllers-wrapper a#right-arrow { height: 23px; position: relative; top: -4px; width: 15px; } #controllers-wrapper a#left-arrow { background: url("../images/featured-controllers-leftarrow.png") no-repeat scroll 0 0 transparent; margin-right: 17px; } #controllers-wrapper a#right-arrow { background: url("../images/featured-controllers-rightarrow.png") no-repeat scroll 0 0 transparent; margin-left: 16px; } .recentscroll { height: 162px; overflow: hidden; } .recentscroll ul { height: 32000px; } h3.recentworks { padding: 7px 0 24px; } a.entergallery { margin-top: -3px; } .entry ul, .comment-content ul { list-style-type: disc; margin: 10px 0 10px 20px; } .entry ol, .comment-content ol { list-style-position: inside; list-style-type: decimal; margin: 10px 0 10px 2px; } .entry ul li ul, .entry ul li ol, .comment-content ul li ul, .comment-content ul li ol { margin: 2px 0 2px 20px; } .entry ol li ul, .entry ol li ol, .comment-content ol li ul, .comment-content ol li ol { margin: 2px 0 2px 35px; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { padding: 30px 40px 0 0; } h3#comments { color: #FFFFFF; font-size: 30px; padding: 0 0 25px; } .comment-icon { background: url("../images/comment-bottom-bg.html") no-repeat scroll left bottom transparent; padding-bottom: 14px; } .comment-icon .post { padding: 3px 0 0; } div.authordata { width: 100px; } div.avatar { float: left; padding: 3px; position: relative; } div.avatar span.overlay { background: url("../images/avatar-overlay.png") no-repeat scroll 0 0 transparent; display: block; height: 67px; left: 0; position: absolute; top: 0; width: 67px; } .comment-wrap { float: left; margin-left: 20px; } .reply-container { background: url("../images/readmore.png") no-repeat scroll right bottom transparent; display: block; float: right; font-size: 18px; font-weight: normal; height: 38px; margin-top: 14px; padding-right: 9px; } .reply-container a { background: url("../images/readmore.png") no-repeat scroll 0 0 transparent; color: #323232 !important; display: block; height: 38px; padding: 9px 5px 4px 12px; } .reply-container a:hover { color: #EEEEEE; text-decoration: none; } li.depth-1 .comment-wrap { width: 546px; } li.depth-2 .comment-wrap { width: 465px; } li.depth-3 .comment-wrap { width: 383px; } li.depth-4 .comment-wrap { width: 301px; } .fullwidth li.depth-1 .comment-wrap { width: 811px; } .fullwidth li.depth-2 .comment-wrap { width: 729px; } .fullwidth li.depth-3 .comment-wrap { width: 647px; } .fullwidth li.depth-4 .comment-wrap { width: 565px; } ol.commentlist { list-style: none outside none; padding-top: 8px; } ol.commentlist ul { list-style: none outside none; } .commentlist li.comment li { background: none repeat scroll 0 0 transparent; padding: 0; } .commentlist li.comment ul { margin: 8px 0 8px 82px; } #respond { padding-top: 25px; } .comment #respond { padding-left: 0; padding-top: 5px; } #commentform textarea#comment { width: 88%; } #commentform input[type="text"] { width: 40%; } li.comment #respond textarea { width: 88% !important; } li.comment #respond input[type="text"] { width: 50% !important; } #respond h3#comments { background: none repeat scroll 0 0 transparent; margin: 0; padding: 0; } .comment-author { font: 21px Arial,sans-serif; padding: 2px 0; } .comment-author .comment-meta, .comment-author .comment-meta a { color: #C0BFBF; } .comment-author .comment-meta a:hover { text-decoration: none; } span.fn, span.fn a { color: #FFFFFF; } span.fn a:hover { text-decoration: none; } .comment-content { padding-top: 5px; } .comment-body { padding: 8px 0; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #footer { background: url("../images/footer-overlay-bg.png") repeat scroll 0 0 transparent; padding-bottom: 15px; } #footer-wrapper { background: url("../images/footer-top-bg.png") repeat-x scroll 0 0 transparent; } #footer-center { background: url("../images/footer-top-centerbg.png") no-repeat scroll 0 0 transparent; color: #B9B9B9; padding-top: 35px; } .footer-container { margin: 0 auto; text-align: left; width: 960px; } #footer p#copyright a { color: #FFFFFF; font: italic 12px Arial,sans-serif; } #footer .widget { float: left; margin: 0 60px 45px 0; width: 280px; } #footer .widget a { color: #FFFFFF; } #footer .last { margin-right: 0; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: left; width: 269px; } .widget h4.widgettitle { color: #000000; font-size: 30px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } #sidebar a { color: #FFFFFF; } #sidebar .widget { padding: 0 0 50px 22px; } .widget ul ul { margin: 0 0 0 15px; } .widget ul li { background: url("../images/widget-bullet.png") no-repeat scroll 0 12px transparent; padding: 4px 0 4px 16px; } .widget ul li ul { margin: 0 0 -4px; padding: 5px 0 0 7px; } #sidebar p { text-align:left; } .widget ul li.iemail { background: url("../images/icon-email.png") no-repeat scroll 0 7px transparent; padding: 5px 0px 20px 30px; } .widget ul li.iaddress { background: url("../images/icon-address.png") no-repeat scroll 0 7px transparent; padding: 5px 0px 20px 30px; } .widget ul li.iphone { background: url("../images/icon-phone.png") no-repeat scroll 0 7px transparent; padding: 5px 0px 20px 30px; } .widget ul.MemberList li { background: url("../images/MemberListBorder.png") no-repeat scroll 0 0 transparent; padding:15px 0px 15px 10px; } .widget ul.MemberList li.active { background: url("../images/MemberListBG.png") no-repeat scroll 0 0px transparent; padding:15px 0px 15px 10px; } /*------------------------------------------------*/ /*------------[Right-Area Widgets]-----------*/ /*------------------------------------------------*/ /*----------------------------------------------------------------------*/ /*-------------------[Dashboard]------------------*/ /*----------------------------------------------------------------------*/ /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background-color: #F3F3F3; border: 1px solid #DDDDDD; margin-bottom: 10px; padding-top: 4px; text-align: center; } .wp-caption.alignleft { margin: 0 10px 10px 0; } .wp-caption.alignright { margin: 0 0 10px 10px; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .alignright { float: right; } .alignleft { float: left; } img.alignleft { display: inline; float: left; margin-right: 15px; } img.alignright { display: inline; float: right; margin-left: 15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { background-position: center bottom; background-repeat: no-repeat; position: absolute; top: -999em; z-index: 10; } .nav li { float: left; position: relative; } .nav a { display: block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 50px; } .nav li:hover li ul, .nav li.sfHover li ul { top: -999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left: 192px; top: 0; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; float: left; height: auto !important; padding: 0; /* opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); */ } .nav li ul { width: 191px; } .nav li li a:link, .nav li li a:visited { display: block; float: left; height: auto; } .nav li:hover { visibility: inherit; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; font-weight: bold; text-decoration: none; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { font: bold 13px Arial,Sans-Serif; text-decoration: none; } #wp-calendar td { color: #9F9F9F; padding: 3px 5px; } #wp-calendar td#today { color: #FFFFFF; } #wp-calendar th { font-style: normal; padding: 3px 5px; text-transform: capitalize; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0; } .wp-pagenavi { padding: 12px 30px 20px 0; position: relative; text-align: right; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { background: url("../images/pagenavi-bg.png") no-repeat scroll 0 0 transparent; border: medium none !important; color: #6D6D6D !important; font-size: 18px !important; font-weight: normal !important; margin: 2px; padding: 6px 19px 12px 14px !important; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; } .wp-pagenavi span.current { color: #000000 !important; font-size: 18px !important; text-shadow: 1px 1px 0 #FFFFFF; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background: url("../images/pagenavi-bg.png") no-repeat scroll 0 0 transparent; border: medium none !important; margin: 2px; padding: 6px 19px 12px 14px !important; } .wp-pagenavi span.pages { border: medium none !important; color: #000000; margin: 2px !important; padding: 5px 7px !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries { display: none; } .foursixeight { margin: 0 0 15px 84px; } body.cufon-disabled ul.nav a { font-size: 15px; } body.cufon-disabled ul.nav ul li a { background-position: 0 4px; } body.cufon-disabled #tagline p { font-size: 40px; } body.cufon-disabled a.readmore { font-size: 16px; } body.cufon-disabled a.readmore span { padding-top: 6px; } body.cufon-disabled .reply-container { font-size: 16px; } body.cufon-disabled .reply-container a { padding-top: 6px; } .js ul.nav a, .js ul.nav ul li a, .js #tagline p, .js a.readmore, .js a.readmore span, .js .reply-container, .js .reply-container a { text-indent: -9999px; } body.cufon-disabled ul.nav a, body.cufon-disabled ul.nav ul li a, body.cufon-disabled #tagline p, body.cufon-disabled a.readmore, body.cufon-disabled a.readmore span, body.cufon-disabled .reply-container, body.cufon-disabled .reply-container a { text-indent: 0; } .sitemap-col h2, .sitemap-col ul li a, p.et-registration a { color: #FFFFFF !important; } .sitemap-col ul li a:hover { color: #EEEEEE !important; } p.et-registration { color: #EEEEEE !important; } .et-protected-form label { text-shadow: none; } h2.et_pt_title a { color: #FFFFFF !important; } p.et_pt_blogmeta { color: #EEEEEE !important; } p.et_pt_blogmeta a { color: #FFFFFF !important; } .et_pt_blogentry a.readmore span { padding: 6px 0 0 13px !important; } .et_pt_portfolio_item h2 { color: #FFFFFF !important; } /* Index.html */ cufon { display: inline-block !important; font-size: 1px !important; line-height: 1px !important; position: relative !important; vertical-align: middle !important; } cufon { text-indent: 0 !important; } cufon canvas { position: relative !important; } /* PART II CSS */ /*------------------------------------------------*/ /*-------------------[SHORTCODES]-----------------*/ /*------------------------------------------------*/ .et-box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 10px; } .et-box-content { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px #ffffff; padding: 16px 20px 8px 75px; min-height:35px; } .et-box-content strong { color: #000000; font-weight: bold; } .et-box-content h1, .et-box-content h2, .et-box-content h3, .et-box-content h4, .et-box-content h5, .et-box-content h6 { font-family: Century Gothic, Arial, sans-serif; } .et-info { border: 1px solid #cecb8e; } .et-info .et-box-content { color: #8c8a64; background: #f7f4b4 url(../images/et-info.png) no-repeat 18px 13px; border: 1px solid #ffffea; } .et-info .et-box-content h1, .et-info .et-box-content h2, .et-info .et-box-content h3, .et-info .et-box-content h4, .et-info .et-box-content h5, .et-info .et-box-content h6 { color: #6b6a54; } .et-warning { border: 1px solid #e09b85; } .et-warning .et-box-content { color: #957368; background: #ffcebe url(../images/et-warning.png) no-repeat 18px 13px; border: 1px solid #ffeee8; } .et-warning .et-box-content h1, .et-warning .et-box-content h2, .et-warning .et-box-content h3, .et-warning .et-box-content h4, .et-warning .et-box-content h5, .et-warning .et-box-content h6 { color: #8e5643; } .et-download { border: 1px solid #91c184; } .et-download .et-box-content { color: #5c8a50; background: #c0f0b3 url(../images/et-download.png) no-repeat 18px 13px; border: 1px solid #e9ffe3; } .et-download .et-box-content h1, .et-download .et-box-content h2, .et-download .et-box-content h3, .et-download .et-box-content h4, .et-download .et-box-content h5, .et-download .et-box-content h6 { color: #3a7629; } .et-bio { border: 1px solid #80a0c1; } .et-bio .et-box-content { color: #517193; background: #bedeff url(../images/et-bio.png) no-repeat 18px 13px; border: 1px solid #e7f3ff; } .et-bio .et-box-content h1, .et-bio .et-box-content h2, .et-bio .et-box-content h3, .et-bio .et-box-content h4, .et-bio .et-box-content h5, .et-bio .et-box-content h6 { color: #4a6a8c; } .et-shadow { border: 1px solid #cbc4c4; box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 3px 11px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.1); } .et-shadow .et-box-content { color: #6d6e6e; background: #f1f1f1; border: 1px solid #ffffff; padding-left: 30px; } .et-shadow .et-box-content h1, .et-shadow .et-box-content h2, .et-shadow .et-box-content h3, .et-shadow .et-box-content h4, .et-shadow .et-box-content h5, .et-shadow .et-box-content h6 { color: #4e4e4e; } .et-tooltip { position: relative; } .et-tooltip-box { display: none; color: #6d6e6e; line-height: 18px; background: #ffffff; border: 1px solid #dbdbdb; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; bottom:35px; left: -94px; width: 235px; padding: 20px 25px 22px 25px; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); } .et-tooltip-arrow { background: url(../images/et-tooltip-arrow.png) no-repeat; width: 24px; height: 13px; display: block; position: absolute; bottom: -13px; left: 129px; } .et-learn-more { background: #f9f9f9 url(../images/et-learn-more-bg.png) repeat-x left top; border: 1px solid #e7e7e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 16px 13px 0px 18px; margin: 10px 0px; } .et-learn-more h3.heading-more {background: url(../images/et-learn-more-closed.png) no-repeat right top; cursor: pointer; padding: 3px 45px 20px 0px; font: 18px Century Gothic, Arial, sans-serif; color: #535353; letter-spacing: 0px; } .et-learn-more h3.open { background: url(../images/et-learn-more-opened.png) no-repeat right top; } .et-learn-more h3.heading-more span { display: block; } /***** Added for FAQ question & answers by Sachin ****/ .et-learn-more p.heading-more {background: url("../images/et-learn-more-closed.png") no-repeat scroll right top transparent; color: #535353; cursor: pointer; font-weight:bold; letter-spacing: 0; padding: 3px 45px 20px 0;} .et-learn-more p.open { background: url(../images/et-learn-more-opened.png) no-repeat right top; } .et-learn-more p.heading-more span { display: block; } .et-learn-more .learn-more-content { padding-bottom: 17px; display: none; } .et_slidecontent .et-learn-more .learn-more-content { display: block; visibility: hidden; } .et-open .learn-more-content { display: block; visibility: visible !important; } .learn-more-content a {color: #000000 !important;} .learn-more-content a:hover {text-decoration:none;} .et-simple-slider { background: #f9f9f9 url(../images/et-learn-more-bg.png) repeat-x left top; border: 1px solid #e7e7e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 23px 45px 16px 75px; margin: 10px 0px 10px; position: relative; } .et-simple-slider h1, .et-simple-slider h2, .et-simple-slider h3, .et-simple-slider h4, .et-simple-slider h5, .et-simple-slider h6 { font-family: Century Gothic, Arial, sans-serif; color: #333333; } .et-simple-slides { overflow: hidden; width: 100% !important; } .et-simple-slider div.et-slide { display: none; width:100% !important; } .et-simple-slider .et-slider-leftarrow, .et-simple-slider .et-slider-rightarrow { position: absolute; top: 44%; display: block; width: 25px; height: 25px; text-indent: -9999px; } .et-simple-slider .et-slider-leftarrow { background: url(../images/et-slider-left.png) no-repeat; left: -14px; } .et-simple-slider .et-slider-rightarrow { background: url(../images/et-slider-right.png) no-repeat; right: -13px; } .one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right:4%; position:relative; } .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width:65.32%; } .one_fourth { width:22%; } .three_fourth { width:74%; } a.small-button { padding-right: 17px; height: 32px; float: left; display: block; font: 14px Arial,sans-serif; color: #ffffff !important; margin: 8px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; text-decoration: none; } a.small-button:hover { text-decoration: none; color: #eeeeee !important; } a.small-button span { height: 32px; display: block; line-height: 30px; padding: 0px 0px 0px 17px; } a.smallblue { background: url(../images/small-button-blue.png) no-repeat bottom right; } a.smallblue span { background: url(../images/small-button-blue.png) no-repeat; } a.smalllightblue { background: url(../images/small-button-lightblue.png) no-repeat bottom right; } a.smalllightblue span { background: url(../images/small-button-lightblue.png) no-repeat; } a.smallteal { background: url(../images/small-button-teal.png) no-repeat bottom right; } a.smallteal span { background: url(../images/small-button-teal.png) no-repeat; } a.smallgreen { background: url(../images/small-button-green.png) no-repeat bottom right; } a.smallgreen span { background: url(../images/small-button-green.png) no-repeat; } a.smallorange { background: url(../images/small-button-orange.png) no-repeat bottom right; } a.smallorange span { background: url(../images/small-button-orange.png) no-repeat; } a.smallsilver { background: url(../images/small-button-silver.png) no-repeat bottom right; color: #3d3d3d !important; text-shadow: 1px 1px 1px #ffffff !important; } a.smallsilver:hover { color: #000000 !important; } a.smallsilver span { background: url(../images/small-button-silver.png) no-repeat; } a.smallblack { background: url(../images/small-button-black.png) no-repeat bottom right; } a.smallblack span { background: url(../images/small-button-black.png) no-repeat; } a.smallred { background: url(../images/small-button-red.png) no-repeat bottom right; } a.smallred span { background: url(../images/small-button-red.png) no-repeat; } a.smallpurple { background: url(../images/small-button-purple.png) no-repeat bottom right; } a.smallpurple span { background: url(../images/small-button-purple.png) no-repeat; } a.smallpink { background: url(../images/small-button-pink.png) no-repeat bottom right; } a.smallpink span { background: url(../images/small-button-pink.png) no-repeat; } a.big-button { padding-right: 13px; height: 52px; float: left; display: block; font: 20px Arial,sans-serif; color: #ffffff !important; margin: 8px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; text-decoration: none; } a.big-button:hover { text-decoration: none; color: #eeeeee !important; } a.big-button span { height: 52px; display: block; line-height: 49px; padding: 0px 5px 0px 17px; } a.bigblue { background: url(../images/big-button-blue.png) no-repeat bottom right; } a.bigblue span { background: url(../images/big-button-blue.png) no-repeat; } a.bigpurple { background: url(../images/big-button-purple.png) no-repeat bottom right; } a.bigpurple span { background: url(../images/big-button-purple.png) no-repeat; } a.bigred { background: url(../images/big-button-red.png) no-repeat bottom right; } a.bigred span { background: url(../images/big-button-red.png) no-repeat; } a.bigorange { background: url(../images/big-button-orange.png) no-repeat bottom right; } a.bigorange span { background: url(../images/big-button-orange.png) no-repeat; } a.biggreen { background: url(../images/big-button-green.png) no-repeat bottom right; } a.biggreen span { background: url(../images/big-button-green.png) no-repeat; } a.bigteal, a.bigturquoise { background: url(../images/big-button-turquoise.png) no-repeat bottom right; } a.bigteal span, a.bigturquoise span { background: url(../images/big-button-turquoise.png) no-repeat; } a.icon-button { padding-right: 17px; height: 34px; float: left; display: block; font: 14px Arial,sans-serif; color: #474747 !important; margin: 8px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; background: url(../images/icon-button-bg-sprite.png) no-repeat right -34px; text-shadow: 1px 1px 1px #ffffff !important; text-decoration: none; } a.icon-button span.et-icon { background: url(../images/icon-button-bg-sprite.png) no-repeat; height: 34px; display: block; } a.icon-button span.et-icon span { padding: 0px 0px 0px 40px; display: block; height: 34px; line-height: 32px; } a.icon-button:hover { text-decoration: none; color: #000000 !important; background: url(../images/icon-button-bg-sprite.png) no-repeat right bottom; } a.icon-button:hover span.et-icon { background: url(../images/icon-button-bg-sprite.png) no-repeat left -68px; } /*** Added for Download page by Sachin ***/ a.icon-button.placeright { float: right;} a.download-icon span.et-icon span { background: url(../images/download-icon.png) no-repeat 14px 6px; } a.search-icon span.et-icon span { background: url(../images/search-icon.png) no-repeat 15px 8px; } a.refresh-icon span.et-icon span { background: url(../images/refresh-icon.png) no-repeat 14px 8px; } a.question-icon span.et-icon span { background: url(../images/question-icon.png) no-repeat 14px 9px; } a.people-icon span.et-icon span { background: url(../images/people-icon.png) no-repeat 14px 8px; } a.warning-icon span.et-icon span { background: url(../images/warning-icon.png) no-repeat 14px 8px; } a.mail-icon span.et-icon span { background: url(../images/mail-icon.png) no-repeat 14px 8px; } a.heart-icon span.et-icon span { background: url(../images/heart-icon.png) no-repeat 15px 10px; } a.paper-icon span.et-icon span { background: url(../images/paper-icon.png) no-repeat 15px 9px; } a.notice-icon span.et-icon span { background: url(../images/notice-icon.png) no-repeat 15px 9px; } a.stats-icon span.et-icon span { background: url(../images/stats-icon.png) no-repeat 15px 9px; } a.rss-icon span.et-icon span { background: url(../images/rss-icon.png) no-repeat 15px 8px; } .et-tabs-container { min-height: 200px; background: #f7f7f7 url(../images/tabs-container-bg.png) repeat-x; border: 1px solid #dcdcdc; border-bottom: 1px solid #a2a2a2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 3px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1); position: relative; margin: 50px 0px 0px; } .et-tabs-container .et-tabs-control { margin: 0px !important; position: absolute; top: -36px; left: 30px; } .et-tabs-container .et-tabs-control li { list-style:none outside none; margin: 0px 3px 0px 0px !important; float: left; background: url(../images/et-tabs-control.png) no-repeat bottom right !important; padding-right: 10px !important; height:35px; padding-left: 0 !important; } .et-tabs-container .et-tabs-control li a { font: 14px/37px Century Gothic, Arial; color: #515050 !important; text-shadow: 1px 1px 1px #ffffff !important; display: block; background: url(../images/et-tabs-control.png) no-repeat !important; height:35px; padding-left:10px; } .et-tabs-container .et-tabs-control li a:hover { color: #000000 !important; text-decoration: none; } .et-tabs-container .et-tabs-control li.active { background: url(../images/et-tabs-control-active.png) no-repeat bottom right !important; height:44px; margin-top:-8px !important;} .et-tabs-container .et-tabs-control li.active a { background: url(../images/et-tabs-control-active.png) no-repeat !important; height:44px; line-height:44px; font-weight:bold;} .js .et-tabs-content > div { opacity: 0; } /*Version History Tab Content*/ .tabs-left { background: #fafafa url(../images/left-links-bg.png) repeat-y; border: 1px solid #dcdcdc; border-bottom: 1px solid #a8a8a8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; padding-left:210px; min-height: 170px; box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 3px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .tabs-left .et-tabs-control { width: 191px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; position: absolute; top: 0px; left: 0px; list-style:none outside none !important; margin:0 !important; } .tabs-left .et-tabs-control { padding-top: 6px; } .tabs-left .et-tabs-control li { width: 190px; padding-right: 0px !important; padding-left: 0 !important; background: none !important; list-style: none !important; } .tabs-left .et-tabs-control li.active { background: url(../images/tabs-left-link-active.png) no-repeat right 11px !important; padding-right: 7px !important; } .tabs-left .et-tabs-control li a { color: #828282 !important; font: 14px Century Gothic, Arial, sans-serif; text-shadow: 1px 1px 1px #ffffff !important; display: block; background: url(../images/tabs-left-link-bottombg.png) no-repeat bottom left; padding: 10px 10px 11px 32px; } .tabs-left .et-tabs-control li a:hover, .tabs-left .et-tabs-control li.active a { text-decoration: none; color: #4e4e4e !important; font-weight:bold;} .tabs-left .et-tabs-content { padding: 23px 20px 23px 26px; margin-top:12px; } .tabs-left .et-tabs-content h3 { padding-bottom: 14px; color: #333333; } .author-shortcodes { margin-bottom: 15px; border: 1px solid #e1e1e1; border-bottom: 1px solid #979797; background: url(../images/author-shortcodes-topbg.png) repeat-x; padding-top:1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); } .author-inner { background: #fbfbfb url(../images/author-bg.png) repeat-x bottom left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 17px 21px 10px 17px; } .author-inner .author-image { width: 62px; position: absolute; padding-left:6px; padding-top:6px; min-height: 85px; } .author-image img, .t-img img { border: none !important; } .author-inner .author-image .author-overlay { width: 69px; position: absolute; height: 75px; top: 0px; left: 0px; background: url(../images/author-overlay-bg.png) no-repeat; } .author-inner .author-info { padding-left: 83px; } .et-protected { width: 315px; } .et-protected-form { background: url(../images/password-protected-bg.png) no-repeat; height: 144px; margin-bottom: 10px; padding: 26px 33px 0px 30px; font-family: Arial, sans-serif; } .et-protected-form p { padding-bottom: 16px; } .et-protected-form p input { background: url(../images/protected-input-bg.png) repeat-x; border: 1px solid #dadada; margin: 0px 0px 0px 14px; padding: 7px; width:150px; } .et-protected-form p input[type="password"] { margin-left: 16px; } .et-protected-form p input:focus { border-color:#2D3940; color:#3E3E3E; } .et-protected-form input.etlogin-button { background: url(../images/protected-login-bg.png) no-repeat; border: none; width: 59px; height: 24px; float: right; color: #ffffff; font-size: 11px; text-shadow: -1px -1px 1px #000000; font-family: Arial, sans-serif; } .et-protected-form label { color: #757575; font-size: 14px; } p.et-registration { text-align: right; font: 12px Georgia, serif; color: #757575; } p.et-registration a { color: #424242; font-style: italic; font-weight: bold; } .et_slidecontent { width: 90%; } .et-image-slider { background: #fbfbfb; border: 1px solid #e1e1e1; border-bottom: 1px solid #7a7a7a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); padding: 3px; margin-bottom:25px ; } .et-image-shadow { /*background: url(../images/et-image-slider-bottom.png) repeat-x; position: absolute; bottom: -6px;height: 5px; width: 88%; */ display: none; } .et-image-shadowleft { background: url(../images/et-image-sliderleft-shadow.png) no-repeat; position: absolute; bottom: -16px; height: 16px; width: 161px; left: 0px; } .et-image-shadowright { background: url(../images/et-image-sliderright-shadow.png) no-repeat; position: absolute; bottom: -16px; height: 16px; width: 161px; right: -22px; } .et-image { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .et-image span.et-image-overlay { display: block; background: url(../images/et-image-overlay.png) no-repeat; width: 100%; height: 100%; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .et-image-slider .controllers-wrapper { position: absolute; bottom: -26px; left: 380px; background: url(../images/featured-controllers-left.png) no-repeat; height: 44px; padding-left: 12px; z-index:30; } .et-image-slider .controllers-wrapper .controllers { background: url(../images/featured-controllers-bg.png) repeat-x; height: 30px; padding-top: 14px; } .et-image-slider .controllers-wrapper .controllers, .et-image-slider .controllers-wrapper .controllers-right { float: left; } .et-image-slider .controllers-wrapper .controllers-right { background: url(../images/featured-controllers-right.png) no-repeat; height: 44px; width: 8px; } .et-image-slider .controllers-wrapper a { text-indent: -9999px; display: block; float: left; width: 15px; height: 15px; background: url(../images/featured-controller.png) no-repeat; padding-right: 3px; } .et-image-slider .controllers-wrapper a:hover, .et-simple-slider a.et-slider-leftarrow:hover, .et-simple-slider a.et-slider-rightarrow:hover, .et-tabs-container .et-tabs-control li a:hover, .tabs-left .et-tabs-control li a:hover, a.small-button:hover, a.big-button:hover, a.icon-button:hover { border: none !important; } .et-image-slider .controllers-wrapper a.active { background: url(../images/featured-controller-active.png) no-repeat; } .et-image-slider .controllers-wrapper a.left-arrow, .et-image-slider .controllers-wrapper a.right-arrow { width: 15px; height: 23px; position:relative; top:-4px; } .et-image-slider .controllers-wrapper a.left-arrow { background: url(../images/featured-controllers-leftarrow.png) no-repeat; padding-right: 17px; } .et-image-slider .controllers-wrapper a.right-arrow { background: url(../images/featured-controllers-rightarrow.png) no-repeat top right; padding-left: 16px; padding-right: 0px; } .et-learn-more, .et-tabs-container, .tabs-left, .et-simple-slider, .author-shortcodes, .et-tooltip-box { color:#201F1F !important; text-shadow: none !important; } .et-learn-more a, .et-tabs-container a, .tabs-left a, .et-simple-slider a, .author-shortcodes a, .et-tooltip-box a { text-shadow: none !important; } .et-custom-list ul { list-style: none !important; list-style-image: none !important; padding-left: 0 !important; margin: 0 !important; } .et-custom-list ul li { background: url(../images/list-checkmark.png) no-repeat 0 3px !important; padding-left: 25px !important; margin: 5px 0 !important; list-style: none !important; font-weight:bold;} .etlist-x ul li { background: url(../images/list-x.png) no-repeat 0 3px !important; } .etlist-dot ul li { background: url(../images/list-dot.png) no-repeat 0 5px !important; } .et-custom-list ul li ul { padding: 2px 0px !important; margin: 0 !important; } .et-pricing { margin: 40px 0 10px; } .pricing-table { float: left; width: 200px; background: url(../images/pricing-content-bottom.png) no-repeat bottom left; padding-bottom: 22px; position: relative; margin-left: -1px; } .pricing-heading { background: url(../images/pricing-header-blue.png) no-repeat bottom left; height: 80px; text-align: center; font-family: Century Gothic, sans-serif; } .pricing-heading h2 { padding: 20px 10px 0px; margin: 0 !important; font-size: 24px; color: #fff !important; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); background: none !important; font-weight: normal !important; } .pricing-heading p { color: #aacbe0; font-size: 14px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); padding: 0; margin-top: 2px; } .pricing-content { background: #eee url(../images/pricing-content-bg.png) repeat-y; } .pricing-tcontent { background: url(../images/pricing-content-top.png) no-repeat; padding: 25px 6px 12px 7px; } .pricing-tcontent ul.pricing { padding: 0 !important; list-style: none !important; background: url(../images/pricing-separator.png) no-repeat; margin: 0 !important; list-style-image: none !important; } .pricing-tcontent ul.pricing li { background: url(../images/pricing-separator.png) no-repeat bottom left !important; color: #929292; text-shadow: 1px 1px 1px #fff; list-style: none !important; } .pricing-tcontent ul.pricing li span { background: url(../images/list-checkmark.png) no-repeat 26px 11px; display: block; padding: 8px 0 9px 48px; } .pricing-tcontent ul.pricing li.x-mark span { background: url(../images/list-x.png) no-repeat 26px 11px; } span.et-price { display: block; text-align: center; background: url(../images/pricing-price-glow.png) no-repeat; height: 44px; font-size: 48px; color: #4a9d46; font-family: Georgia, serif; text-shadow: 1px 1px 0px #fff; padding: 2px 0 17px; line-height: normal; } span.et-price sup { font-size: 24px; bottom: 13px; left: 1px; } span.et-price span.dollar-sign { font-size: 36px; } .pricing-table a.join-button { background: url(../images/join-button.png) bottom right no-repeat; display: block; padding-right: 13px; height: 29px; position: absolute; left: 63px; bottom: -3px; font-size: 12px; color: #fff !important; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-decoration: none; font-family: Helvetica, Arial, sans-serif; } .pricing-table a.join-button span { background: url(../images/join-button.png) no-repeat; display: block; height: 29px; padding-left: 14px; line-height: 25px; } .pricing-table a.join-button:hover { text-decoration: none; color: #eee !important; cursor: pointer; border: none !important; } .pricing-big { width: 230px; background: url(../images/pricing-big-bottom.png) no-repeat left bottom; margin-top: -28px; } .pricing-big .pricing-heading { background: url(../images/pricing-header-green.png) no-repeat left bottom; } .pricing-big .pricing-content { background: #eee url(../images/pricing-big-content.png) repeat-y; } .pricing-big .pricing-tcontent { background: url(../images/pricing-big-content-top.png) no-repeat; padding-left: 23px; padding-right: 20px; padding-top: 53px; } .pricing-big a.join-button { left: 78px; } .pricing-big span.et-price { margin-top: 17px; } .pricing-big .pricing-heading p { color: #a8d9d4; } .et-testimonial-box { border: 1px solid #c6c6c6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; padding: 1px; position: relative; margin: 10px 0 35px; } .et-testimonial-content { min-height: 200px; background: #fff url(../images/testimonial-bg.png) bottom left repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .et-testimonial { padding: 22px 28px 22px 48px; background: url(../images/testimonial-quotes.png) no-repeat 17px 24px; color: #424242; text-shadow: none; } .product-img { float: left; position: relative; margin: 4px 8px 5px 0;} .product-img img { margin: 6px 0 0 6px; } /*altered by sachin*/ .product-img { float: left; position: relative; margin: 4px 8px 5px 0; border:3px solid #FFF;} .product-img img { margin: 0px 0 0 0px; } .product-img span.overlay { background: url("../images/product-overlay.png") no-repeat scroll 0 0 transparent; left: 0; position: absolute; top: 0; } .product-img, .product-img span.overlay { height: 150px; width: 150px; } /*end*/ .t-img { float: left; position: relative; margin: 4px 8px 5px 0; } .t-img img { margin: 6px 0 0 6px; } .t-img .t-overlay { position: absolute; top: 0px; left: 0px; } .t-img, .t-img .t-overlay { width: 69px; height: 74px; background: url(../images/author-overlay-bg.png) no-repeat; } .t-info { background: url(../images/testimonial-separator.png) repeat-x; padding: 13px 0 0; text-align: right; font-family: Georgia, serif; margin-top: 10px; } .t-info .t-author { font-size: 13px; color: #111111; display: block; } .t-info .t-position { font-size: 11px; color: #9c9c9c; font-style: italic; display: block; } .t-bottom-arrow { background: url(../images/testimonial-bottom-arrow.png) no-repeat; width: 23px; height: 23px; position: absolute; bottom: -22px; right: 38px; } .t-bottom-shadow { background: url(../images/testimonial-bottom-shadow.png) no-repeat; width: 150px; height: 14px; position: absolute; bottom: -14px; left: 1px; } .et-dropcap { font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; } .et_quote { background: url(../images/left-quotes-big.png) no-repeat; padding-left: 57px; min-height: 40px; font-family: Georgia, serif; font-size: 14px; font-style: italic; text-align:justify;} .et_right_quote { width: 100%; } .quote-center { font-size: 24px; line-height: 1.2; text-align: center; background: url(../images/left-quotes-small.png) no-repeat 0px 3px; padding-left: 30px; } .quote-center .et_right_quote { padding-right: 30px; width: 95%; background: url(../images/right-quotes-small.png) 100% 3px no-repeat; } /*Added for plan presentation intro : Not in Use..*/ .et_quote.plan_intro { background:none; padding-left: 0px; margin-top:20px; min-height: 40px; font-family: Georgia, serif; font-size: 14px; font-style: italic; text-align:justify;} .et_quote.plan_intro img {float:left; margin:0px 8px 2px 0px;} /*end*/ .et-tabs-container .et-tabs-control { padding: 0; } .tabs-left .et-tabs-control { padding-left: 0; } .author-info h1, .author-info h2, .author-info h3, .author-info h4, .author-info h5, .author-info h6 { color:#201F1F !important; } a.small-button, a.big-button, a.icon-button { cursor: pointer; font-weight: normal !important; text-decoration: none !important; } .et-tabs-container .et-tabs-control li a, .tabs-left .et-tabs-control li a { text-decoration: none !important; } .tabs-left .et_slidecontent { background: #fafafa\9; } .et-tabs-container .et_slidecontent { background: #f7f7f7 url(../images/tabs-container-bg.png) repeat-x\9; } .et-learn-more .learn-more-content , .et-simple-slider .et_slidecontent { background: #f9f9f9\9; } .t-info { position: relative; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .last { margin-right: 0px !important; clear:right; } .clear { clear:both; } /*************************************************** TESTIMONIALS with Outer Rounded Background ***************************************************/ /*Outer Background*/ .et-testimonial-box { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C6C6C6; margin: 10px 0 35px; padding: 1px; position: relative; } .et-testimonial-content { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; background: url("../images/testimonial-bg.png") repeat-x scroll left bottom #FFFFFF; min-height: 400px; } .et-testimonial { background: url("../images/testimonial-quotes.png") no-repeat scroll 17px 24px transparent; color: #424242; padding: 22px 28px 22px 48px text-shadow: none; } .t-bottom-arrow { background: url("../images/testimonial-bottom-arrow.png") no-repeat scroll 0 0 transparent; bottom: -22px; height: 23px; position: absolute; right: 38px; width: 23px; } .t-bottom-shadow { background: url("../images/testimonial-bottom-shadow.png") no-repeat scroll 0 0 transparent; bottom: -14px; height: 14px; left: 1px; position: absolute; width: 150px; } /*Testimonial Contents*/ #testimonial-blog { padding-bottom: 16px; padding-right: 0; position: relative; width: 280px; } .sliderbutton { float:right; width:25px; margin-left: 3px; padding-top:10px; padding-bottom:10px; padding-right:5px; } .sliderbutton img { cursor:pointer; } #testimonial-holder { float: left; width: 100%; } #testimonial { float:left; position:relative; overflow:auto; height: 350px; width: 100%; } #testimonial ul { position:absolute; list-style:none; top:0; left:0; padding: 0px; height: 350px; font-style: italic; margin-left: 0; } #testimonial li { float:left; width:100%; height: 350px; padding: 0px; font-style: italic; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #testimonial img { float: left; width : 75px; margin: 0px; margin-right : 5px; margin-bottom: 5px; } #testimonial li a { text-align: right; display: block; background-image: none; } #testimonial li p { padding: 0px; line-height: 20px; text-align:justify; } #testimonial li .authors { font-weight: bold; color: #666666; text-align: right; display: block; } #controllers3 { background: url("../images/fromblog-controllers-bg.png") no-repeat scroll 0 0 transparent; height: 38px; width: 75px; right: 0px; top: 50px; position: absolute; } /*************************************************** ACCORDION ***************************************************/ #accordion { /* -moz-border-radius: 10px 10px 10px 10px; border: 1px solid #E7E7E7; margin: 10px 0; padding: 20px;*/ position: relative; border-color: #DCDCDC #DCDCDC #A8A8A8; border: 1px solid #FAFAFA; border-top: none; background: url("../images/et-learn-more-bg.png") repeat-x scroll left top #F9F9F9; padding-top : 20px; padding-bottom : 20px; -moz-border-radius: 10px 10px 10px 10px; } #accordion div { margin-bottom: 15px; color: #201F1F !important; text-shadow: none !important; } #accordion h3 { background-color: #FAFAFA; color: #535353; cursor: pointer; font: 18px Century Gothic,Arial,sans-serif; letter-spacing: 0; padding: 12px 45px 12px 15px; /* border-top: 1px solid #DCDCDC;*/ color: #201F1F !important; text-shadow: none !important; } span.release{ position: relative; left : 50px; font: 14px/37px Century Gothic, Arial; } #accordion .et-custom-list { padding:5px 20px 0px 30px; padding-left: 30px; border: none !important; } #accordion h3.ui-state-active { /* background-color: #DCDCDC; border-top: 1px solid #A8A8A8;*/ } /*----------------------------------------------------------------------*/ /*-------------------[Register Table Formatting]------------------*/ /*----------------------------------------------------------------------*/ th { background: url(../images/menu-bg.png) no-repeat center top; height: 55px; color: #000; padding: 0px 10px; } th.leftColumn { background: url(../images/menu-bg.png) no-repeat left top; } .rightColumn { background: url(../images/menu-bg.png) no-repeat right top; } td { padding: 4px 10px; font-size:90%; background : url(../images/intro-bg.png); } #differ, #differ1 { margin-bottom: 50px; } #differ tr { background: url(../images/shadow-bar-bg.png) repeat-x bottom left; } #differ1 { color: #000; } #differ1 tr { background-color:#b9b9b9; } td.table-footer { background: none; padding: 4px; } .table-footer { background : url(../images/footer-top-centerbg.png) no-repeat top center; } .table-total { background : url(../images/footer-top-centerbg.png) no-repeat top center; font-weight: bold; } .rowgap td { background: none; padding: 0px; height:5px; } #Reg_button p { width:0; height:0; display: none; } #Reg_button li { float: left; list-style:none; margin-left: 10px; } /****************************************** Register Diaglogue Form *******************************************/ #Dialogue p { color: #fff; } .button { position:absolute; bottom: 30px; right:5px; } .button li { float: right; list-style:none; width : 80px; height:20px; padding:6px; color:#fff; background : #000 url('../Images/button.png') center center; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 3px #605d5c; margin-left: 10px; text-align :center; text-transform:uppercase; font-weight:bold; } .component { float:left; margin-top:25px; width: 100%; } .component li { float:left; width:20%; list-style:none; margin-left:15px; color:#fff; } .textBox { width:250px; padding:5px; background : #fff url('../Images/textBox.png') repeat-x; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 3px #605d5c; } /*************************************************** CONTACT #et-contact p input, #et-contact p textarea { background: url(../images/contact_input.png) repeat-x #f7f7f7 !important; border: 1px solid #cccccc !important; width: 100% !important; color: #111111 !important; padding: 8px !important; } #et-contact p textarea { width: 95% !important; } #et-contact p #et_contact_captcha { width: 20px !important; } #et-contact p .et_contact_error { border: 1px solid red !important; } #et_contact_left, #et_contact_right { float: left; } #et_contact_left { width: 70%; } #et_contact_right { width: 17%; margin-left: 50px; } #et_contact_submit, #et_contact_reset { border: 0px !important; color: #4c4b4b !important; float: right; font-size: 12px; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; margin-right: 9px; height: 35px; } #et_contact_submit { background: url(../images/contact_submit.png) no-repeat; width: 73px; margin-right: 6px; } #et_contact_reset { background: url(../images/contact_reset.png) no-repeat; width: 61px; } ***************************************************/ /*----------------------------------------------------------------------*/ /*-------------------[TABS IN PLANS]------------------*/ /*----------------------------------------------------------------------*/ /* group of tabs using custom.js */ .tabs.container { margin: 0px !important; position: absolute; top: -36px; left: 30px; width:100%; } .tabs.container li { list-style:none outside none; margin: 0px 3px 0px 0px !important; float: left; background: url(../images/et-tabs-control.png) no-repeat bottom right !important; padding-right: 10px !important; height:35px; padding-left: 0 !important; } .tabs.container li a { font: 14px/37px Century Gothic, Arial; color: #515050 !important; text-shadow: 1px 1px 1px #ffffff !important; display: block; background: url(../images/et-tabs-control.png) no-repeat !important; height:35px; padding-left:10px; } .tabs.container li a:hover { color: #000000 !important; text-decoration: none; } .tabs.container li.active { background: url(../images/et-tabs-control-active.png) no-repeat bottom right !important; height:44px; margin-top:-8px !important; } .tabs.container li.active a { background: url(../images/et-tabs-control-active.png) no-repeat !important; height:44px; line-height:44px; } .divider { margin: 20px 0px; border-bottom:1px dotted #999; } .tab_container { padding: 20px;} /*----------------------------------------------------------------------*/ /*-------------------[TABLES ABOVE WHITE BACKGROUNDS]------------------*/ /*----------------------------------------------------------------------*/ .planTable table, .planTable thead, .planTable tbody, .planTable tr, .planTable th, .planTable td { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: central; } table.planTable { margin-bottom: 10px; } .planTable td { padding: 10px; } .planTable th { height:auto; padding: 5px 10px; } .planTable tbody tr { border: 1px solid #999; } tr.border td { border: 1px solid #999; } .planTable thead tr { border: none; } .planTable thead tr th { background-color:#999; } .planTable th.firstRow { -moz-border-radius: 10px 0px 0px 0px; } .planTable th.lastRow { -moz-border-radius: 0px 10px 0px 0px; } td.criteria { background-color: #DCDCDC; } /*.tab_content .et-custom-list.normal ul li { font-weight:normal;}*/ .et-custom-list.normal ul li { font-weight:normal;} /*----------------------------------------------------------------------*/ /*-------------------[top bottom scroll functionality]------------------*/ /*----------------------------------------------------------------------*/ .nav_up{ padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url(../images/arrow_up.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:10px; opacity:0.7; left:30px; white-space:nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-left-radius:3px; -khtml-border-top-right-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } .nav_down{ padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url(../images/arrow_down.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:10px; opacity:0.7; left:70px; white-space:nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-left-radius:3px; -khtml-border-top-right-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } /*----------------------------------------------------------------------*/ /*-------------------[Diary on plan at a glance page - NOT IN USE]------------------*/ /*----------------------------------------------------------------------*/ /* #diary .top, #diary .middle, #diary .bottom { margin:0 auto; float: left; width:648px; } #diary .top { background: url("../images/Diary-top.png") no-repeat 0 0 #575757; } #diary .middle { background: url("../images/Diary-middle.png") repeat-y scroll 0 0 #575757; } #diary .bottom { background: url("../images/Diary-bottom.png") no-repeat 0 0 #575757; } .content-left { float: left; width:250px; padding: 20px 0px 20px 20px; margin-left:15px; margin-right: 40px; } .content-right { float: left; width:250px; padding: 20px 0px 20px 20px; margin-left:15px; margin-right: 0px; } */ /*----------------------------------------------------------------------*/ /*-------------------[Social Share - Facebook, Twitter, etc.]------------------*/ /*----------------------------------------------------------------------*/ a.simplesocial { height: 32px; margin-right: 5px; width: 32px; } a.simplesocial:hover { margin-top: -2px; } a.simplesocial:hover, a.simplesocial:active { border-bottom: 1px dotted #7799AA; color: #7799AA; text-decoration: none; } div.simplesocial, a.simplesocial { display: block; float: left; margin-bottom: 10px; } /*----------------------------------------------------------------------*/ /*-------------------[Product Page Fancy Download Button]------------------*/ /*----------------------------------------------------------------------*/ .button_wrap{ position:relative; width:500px; height:36px; overflow:hidden; font-weight:bold; font-size:11px; margin:10px 10px 10px 0px; } .button_aRight{ width:105px; height:36px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#093d6f; color:#fff; top:0px; left:0px; position:absolute; line-height:36px; text-align:right; } .button_aRight span{ display:none; padding-right:20px; } .button_bRight{ width:100px; height:30px; background-color:#474747; -moz-border-radius:5px; -webkit-border-radius:5px; color:#000; position:absolute; top:3px; left:3px; text-transform:uppercase; line-height:30px; text-align:center; cursor:pointer; } .button_bRight span{ color:#008ddd; } .button_c{ background-color:#008ddd; color:#fff; text-transform:uppercase; } .button_c span{ color:#093d6f; } /***********************************************************/ /************ Diary **************/ /***********************************************************/ #content-area-middle{ background: url("../images/background_Notebook.png") repeat scroll 0 0 transparent; width:100%; margin:50px 0px; } #Diary{ float: left; width:100%; } #DiaryHeader { background: url("../images/DiaryHeader2.png") repeat-x scroll 0 0 transparent; height: 87px; margin-bottom: 2px; border-top: 1px solid #2c0b04; } #DiaryFooter { background: url("../images/DiaryFooter.png") repeat-x scroll 0 0 transparent; height: 40px; clear: both; border-bottom: 1px solid #2c0b04; } span.leftPunch { float: left; background: url("../images/leftPunch.png") no-repeat 0 0 transparent; height:35px; width:37px; } span.rightPunch { float: right; background: url("../images/rightPunch.png") no-repeat 0 0 transparent; height:35px; width:37px; } ul.iconList { margin:20px 0px 0px 20px; } ul.iconList li{ float: left; width: 100px; } #sidebar.diaryLeft { padding: 10px 0px; margin-left: 20px; margin-bottom : 20px; border: 1px solid #7a5640; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #right-area.diaryRight { float:left; padding-left: 50px; margin-bottom : 20px; width:840px; } .SearchBar { background: url("../images/SearchBar.png") no-repeat 0 0 transparent; height: 50px; width:270px; } .gridHeader { background: url("../images/gridHeader.png") repeat-x 0 0 transparent; height:60px; border-top: 1px solid #0d5e84; } .gridHeader h3{ margin:10px 0 0 10px; } .gridContainer { background: url("../images/gridContainer.png") repeat-y 0 0 transparent; min-height: 350px; } .gridBottom { background: url("../images/gridBottom.png") no-repeat 0 0 transparent; height: 25px; } /**** end **/ /*----------------------------------------------------------------------*/ /*-------------------[Additional CSS FOR IE7]------------------*/ /*----------------------------------------------------------------------*/ /*span.sf-sub-indicator {padding-left: 2px;}*/ #featured span#left-shadow, #featured span#right-shadow { z-index: 5; } #slides .description .outer-content { position: relative; z-index: 100; } #blog-content, #blog-wrapper { position: relative; } #top { z-index: 5; position: relative; } #content-full { z-index: 4; position: relative; } #home-top, #featured span#left-shadow, #featured span#right-shadow { display: none; } .item-image { height: 142px; } .item.brochure .item-image { height: 306px; } .item.presentation .item-image { height: 306px; } /*p.post-meta { background: url(../images/postinfo-bg.png) !important; }*/ /*----------------------------------------------------------------------*/ /*-------------------[Additional CSS FOR IE8]------------------*/ /*----------------------------------------------------------------------*/ /*a.readmore span { padding:7px 5px 4px 12px !important; height:42px !important; }*/ /* @media (max-width: 600px) { body { background: url("../images/bg-brown.jpg") repeat scroll 0 0 #575757; } * { float: none; width: auto; } } */