/* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #86b1d9; color: #fff; text-shadow: none; } ::selection { background: #86b1d9; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: none; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ===== Primary Styles ======================================================== Author: ========================================================================== */ //http://html5please.us/#box-sizing * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @url = "http://repo.accessintegra.com/wp-content/themes/Integra/images/"; //@url = "http://integra/wp-content/themes/Integra/images/"; @blue = #86b1d9; @lightBlue = #e8f5fc; @red = #cc0000; @hColour = #4790c5; @textColour = #666666; @lightGreyText = #7d7d7d; @lightGreyBack = #f2f2f2; .border-radius(@radius: 4px){ -o-border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .box-shadow(@shadow: 1px 1px 2px 1px #cccccc){ -o-box-shadow: @shadow; -moz-box-shadow: @shadow; -webkit-box-shadow: @shadow; box-shadow: @shadow; } .pie(){ behavior: url({@url}PIE-1.0beta5/PIE.php); } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } html{ background:#e3e5e5; } body{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color:@textColour; background:#f5f5f5; } a, a:link, a:active, a:visited{ color:#4790c5; text-decoration:none; } a:hover{ text-decoration:none; color:#333 !important; img{ text-decoration:none !important; } } h1, h2, h3, h4, h5, h6{ color:@hColour; a{ color:@hColour !important; text-decoration:none; } } //h1 used in teh top right seo thing, h2 is site header+logo h1, h2{ font-size:100%; } //the actual page title h3{ font-size:18px; line-height: 125%; } h4, h5{ font-size:14px; line-height: 125%; } p{ line-height:150%; margin-bottom:20px; } em{ font-style: italic; } strong{ font-weight:bold; } /*structure*/ #terms{ width:990px; margin:0 auto; color:#D8D8D8; font-size:10px; font-weight:normal; text-align:right; padding:5px 0; } #wrapper{ width:1000px; padding:0 0 20px 0; margin:0 auto 30px auto; background:#fff; position:relative; //.border-radius(0 0 5px 5px); .border-radius(5px); .box-shadow(0 0 10px 2px #e7e8e8); .pie(); } #footer{ background:#e3e5e5; width:100%; } .pipe{ margin:0 10px !important; } /*Header*/ #branding{ padding:0 20px; } #logo{ float:left; margin-top:-5px; } /*Shortcuts*/ #shorcuts-nav{ width:100%; float:left; ul{ font-size:12px; float:right; padding:8px 15px; background:@blue; position:relative; .border-radius(0 0 5px 5px); .pie(); } li{ float:left; &:first-child{ .pipe{ display:none; } } } a{ color:#fff; } .pipe{ margin:0 10px; color:#fff; } } /*Search Bar*/ #search-bar{ float:right; color:#333; font-size:13px; width:auto; height:32px; margin-top:25px; margin-right:0; margin-bottom:15px; line-height: 30px; form, a, span{ float:left; color:#333; } a{ color:#4790c5; } form{ width:150px; height:32px; background:url({@url}search.png) left top no-repeat; margin-left:10px; input[type="text"]{ width:130px; margin-left:8px; border:none; background:none; line-height: 100%; margin-top:8px; &:focus { outline: none; } } } } /*Main nav*/ #main-nav{ width:100%; display:block; float:left; background: url({@url}nav.png) left -1px repeat-x; border:1px solid #9bd2ef; position:relative; .border-radius(4px); .pie(); > ul > li{ float:left; width:160px; text-align:center; border-left:1px solid #9bd2ef; &:first-child{ border-left:none; width:158px; a{ .border-radius(4px 0 0 4px); } } &:last-child{ a{ .border-radius(0 4px 4px 0); } } a{ font-size:14px; color:#fff; text-decoration:none; display:block; line-height: 38px; &:hover{ background: url({@url}nav.png) left -40px repeat-x; } } &.current-menu-item, &.current-menu-item, &.current-page-ancestor, &.current-menu-ancestor, &.current-menu-parent, &.current-page-parent, &.current_page_parent, &.current_page_ancestor{ a{ background: url({@url}nav.png) left -40px repeat-x; } } } .sub-menu{ z-index:9999; display:none; min-width:160px; width:auto !important; position:absolute; text-align: left; border-left:1px solid #9bd2ef; border-right:1px solid #9bd2ef; border-bottom:1px solid #9bd2ef; .border-radius(0 0 4px 4px); .pie(); li a{ font-size:14px; background: #e8f5fc !important; /*url({@url}nav.png) left -40px repeat-x;*/ color:#4790c5; text-indent:20px; width:100% !important; padding-right:20px; -o-border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } li{ border:none; border-top:1px solid #9bd2ef; width:auto !important; &:first-child{ border:none; a{ -o-border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; .pie(); } } &:last-child{ a{ .border-radius(0 0 4px 4px); .pie(); } } } } } #sub-pages{ width:100%; display:block; background:@lightBlue; float:left; .border-radius(0 0 4px 4px); font-size:12px; li{ float:left; a{ padding:0 30px; line-height: 30px; } &.current_page_item{ background: url({@url}subpage-arrow.png) 50% 120% no-repeat; } } } /*Footer*/ #footer-nav{ width:1000px; padding:30px 0 60px 30px; margin:0 auto; font-size:11px; ul, li, span, a{ float:left; color:#666666; } ul{ li:first-child{ .pipe{ display:none; } } } .pipe{ margin:0 5px; } } /*Content*/ #main-content{ padding-top:25px; } body.home{ #main-content{ padding-top:0; } } .simple-page{ padding:0 50px; h1{ margin:0; padding-top:0; color:#4790c5; font-weight:100; font-size:48px; } } .hentry{ blockquote{ margin:0; padding:15px 30px; color:#fff; background:#68b5f2; font-size:24px; line-height: 140%; } h1, h2, h3, h4, h5, h6{ p, span{ margin:0 !important; padding:0 !important; } } h4, a:hover{ color:@lightBlue; } ul{ padding-left:0; } ul li{ background:url({@url}bullet-list.png) 0 6px no-repeat; padding-left:20px; list-style: none; margin-bottom:8px; } img.alignleft{ float:left; margin:0 10px 0 0; } } .gform_wrapper{ ul li{ list-style: none; padding:0; margin-bottom:0; background:none; input[type="text"], textarea{ padding:4px 0; border:1px solid #666; } } } .blue-button{ position:relative; display:inline-block; color:#fff !important; background:#68b5f2; font-size:20px; padding:8px 16px; .border-radius(4px); .pie(); } /*Contact*/ #gform_wrapper_sales_force{ width:400px; } #zip-details{ display:none; width:360px; height:150px; padding:15px 25px; position:fixed; top:50%; left:50%; margin:-75px 0 0 -180px; background:#fff; border:10px solid @hColour; .border-radius(4px); .box-shadow(0 0 10px 2px #ccc); .pie(); } #close-zip{ font-size:11px; float:right; position: absolute; top:5px; right:5px; } #zipcode{ padding:4px 0; border:1px solid #666; margin:0 15px; width:220px; } #zipcode-button{ padding-top:6px; padding-bottom:6px; } .top0{ margin-top:0 !important; padding-top:0 !important; } .bottom0{ margin-bottom:0 !important; padding-bottom:0 !important; } /*Side Illu*/ .side-illu{ padding:0 50px 0 350px; h1{ margin:0; padding-top:0; color:#4790c5; font-weight:100; font-size:48px; } .wp-post-image{ float:left; margin-left:-300px; } } /*2 Cols Page*/ .two-cols{ .blox{ float:left; } .row{ .clearfix; } .blue-row{ background:#68b5f2; padding:30px 50px 10px 50px; h3{ font-size:28px; padding:0; margin:0; font-weight:100; color:#333; } p{ font-size:14px; line-height: 24px; } .text{ width:600px; padding-right:80px; color:#333; a{ color:#333; width:45%; float:left; } .email-link{ width:auto; float:none; } } .quote{ width:300px; background: url({@url}quote.png) left top no-repeat; color:#fff; margin-top:-15px; } } .left-text{ padding:0 50px; margin-bottom:30px; .text{ width:420px; h1{ color:#4790c5; font-weight:100; font-size:48px; line-height:100%; margin:0; padding:0; &+p{ margin-top:10px; } } p{ font-size:16px; color:@textColor; } } .img{ float:right; margin-right:15px; } } .left-img{ padding:0 50px; .text{ width:430px; float:right; h3{ font-size:28px; font-weight:200; } } .img{ margin-top:96px; margin-bottom:30px; } } .img img{ max-width:470px !important; height:auto !important; } } /*Home*/ .callout{ //background: url({@url}greybox.png) left top no-repeat; width:322px; height:117px; float:left; margin-top:10px; position:relative; > div{ background: url({@url}callout-darker.png) left top no-repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:.5; -moz-opacity: 0.5; filter: alpha(opacity = 50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } a{ display:block; padding:0 20px 0 10px; height:100%; text-shadow: 0 1px 0 #fff; &:hover{ //text-shadow: 0 1px 0 #fff; } position:relative; z-index:1; } h3{ font-size:24px; font-weight:100; margin:0 0 0 100px; padding:25px 0 0 0; } p{ font-size:14px; line-height:20px; color:@textColour; margin:0 0 0 100px; padding:0; } } .callout.order-2{ margin-left:17px; a{ background: url({@url}callout-providers.png) 20px 25px no-repeat; } h3{ color:#3c91bd; margin-left:110px; } p{ margin-left:110px; } } .callout.order-3{ a{ background: url({@url}callout-healthcare.png) 20px 25px no-repeat; } h3{ color:#84b042; margin-left:95px; } p{ margin-left:95px; } } .callout.order-4{ a{ background: url({@url}callout-patients.png) 20px 22px no-repeat; } h3{ color:#ed9d12; margin-left:110px; } p{ margin-left:110px; } } .slider-panel{ background:#fff; .panel-title{ font-size:48px; line-height:48px; color:#4790c5; font-weight:100; font-style:italic; width:45%; margin:50px 0 0 10px; padding: 0; span{ color:#99c740 !important; } } p{ font-size:15px; color:#666666; font-style:italic; width:40%; margin:10px 0 0 10px; padding: 0; } img{ position:absolute; right:0; bottom:0; } } /*Testimonials + careers*/ .career, .testimonial{ margin-bottom:30px; .expand{ display:none; } } .career{ margin-bottom:50px; .button{ float:right; margin-bottom:0; margin-top:-8px; color: #444; } } .large{ input{ width: 99.2% !important; } } /*Blog*/ .has-sidebar{ float:right; padding: 0 60px 0 0; margin-left:0; width:650px; } #blog-sidebar{ float:left; width:350px; padding: 25px 50px 0 50px; > div{ background:#68b5f2; padding:20px 0; } } #blog-title{ color: #4790c5; font-weight: 100; font-size: 48px; line-height: 100%; margin: 0 0 20px 0; padding: 0; } .post-in-list{ border-top:1px solid #4790c5; h2{ font-size:28px; color:#0a5489; font-weight:normal; margin:15px 0 10px 0; padding:0; } } #next-prev-links{ padding-top:10px; border-top:1px solid #4790c5; .clearfix(); .next-article-link{ float:right; padding-right:30px; background:url({@url}next-prev-big.png) right top no-repeat; line-height:25px; display:block; font-size:15px; color:#6398bf; &:hover{ color:#0a5489 !important; } } .prev-article-link{ float:left; padding-left:30px; background:url({@url}next-prev-big.png) left bottom no-repeat; line-height:25px; display:block; font-size:15px; color:#6398bf; &:hover{ color:#0a5489 !important; } } } #next-prev-links-small{ .clearfix(); width:200px; float:right; margin-top:-45px; .next-article-link{ float:right; padding-right:25px; background:url({@url}next-prev-small.png) right top no-repeat; line-height:20px; display:block; font-size:11px; color:#6398bf; &:hover{ color:#0a5489 !important; } } .prev-article-link{ float:left; padding-left:25px; background:url({@url}next-prev-small.png) left bottom no-repeat; line-height:20px; display:block; font-size:11px; color:#6398bf; &:hover{ color:#0a5489 !important; } } } /*Search Bar*/ #search-bar-sidebar{ font-size:13px; width:auto; height:32px; line-height: 30px; margin:0 0 20px 0; form, a, span{ color:#333; } form{ width:196px; height:32px; margin:0 auto; background:url({@url}search-sidebar.png) left top no-repeat; input[type="text"]{ width:175px; margin-left:8px; border:none; background:none; line-height: 100%; margin-top:8px; &:focus { outline: none; } } } } #join-mailling-list{ display:block; background:#b8d5f2; font-size:15px; font-weight:bold; width:196px; text-align:center; margin:0 auto; border:1px solid #fff; padding:4px 0; color:#0a5489 !important; .border-radius(3px); } #recent-posts{ list-style:none; padding:0; width:196px; margin:15px auto 0 auto; h3{ font-size:24px; font-weight:normal !important; margin: 0 0 10px 0; padding:0; color:#fff; } a{ color:#fff; font-size:12px; } li{ margin-bottom:8px; line-height:16px; } } .single-post{ h1{ margin: 0; padding-top: 0; color: #4790c5; font-weight: 100; font-size: 48px; line-height: 100%; } h2{ font-size:16px; } h3{ font-size:14px; } h4{ font-size:12px; } h2, h3, h4{ font-weight:bold !important; color:#333; margin:0; padding:0; line-height:120%; } .entry-meta{ padding:5px 0; margin-bottom:20px; line-height:21px; border-top:1px solid #4790c5; border-bottom:1px solid #4790c5; font-size:12px; color:#333; #rss{ width:21px; height:21px; display:inline-block; background:url({@url}rss.png) left top no-repeat; text-indent:-9999px; float:right; margin-left:5px; } #comments{ width:21px; height:21px; display:inline-block; background:url({@url}comments.png) left top no-repeat; text-indent:-9999px; float:right; margin-left:5px; } .fb-like{ float:right; } .twitter-share-button{ float:right; } .linkedin{ float:right; } } #next-prev-links{ border-bottom:1px solid #4790c5; padding-bottom:9px; margin-bottom:20px; a{ font-size:11px !important; } } } #dsq-content h3{ font-family: Georgia, serif; font-style:italic; color:#333; font-size:18px; font-weight:normal; } #gform_wrapper_2{ float:left; width:100%; } .search-results{ padding:0 50px; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ #featured { width: 960px; height: 360px; background: #fff url({@url}loading.gif) no-repeat center center; overflow: hidden; margin-left:20px; margin-top: 0; } #featured > img, #featured > div, #featured > a { display: none; } /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit > img { position: absolute; top: 0; left: 0; display: none; } div.orbit > a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit > div { position: absolute; top: 0; left: 0; width: 960px; height: 360px; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; display: none !important; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url({@url}rotator-black.png) no-repeat; z-index: 3; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move { left: 0 } span.mask.move { width: 40px; left: 0; background: url({@url}timer-black.png) repeat 0 0; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url({@url}pause-black.png) no-repeat; z-index: 4; opacity: 0; } span.pause.active { background: url({@url}pause-black.png) no-repeat 0 -40px } div.timer:hover span.pause, span.pause.active { opacity: 1 } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.slider-nav { display: block } div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; } div.slider-nav span.right { background: url({@url}right-arrow.png); right: 0; } div.slider-nav span.left { background: url({@url}left-arrow.png); left: 0; } /* BULLET NAV ================================================== */ .orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom:0; right:0; padding:0; margin:0 0px 5px 0; } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url({@url}bullets.png) no-repeat 0 0 !important; width: 18px; height: 18px; overflow: hidden; padding:0 !important; } .orbit-bullets li.active { color: #222; background-position: -25px 0 !important; } .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* ============================================================================= Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer !important; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* ---------------------------------------------------------------- Gravity Forms Front End Form Styles Version 1.6.2 http: //www.gravityforms.com updated: November 3, 2011 3:46 PM Gravity Forms is a Rocketgenius project copyright 2011 Rocketgenius Inc. http: //www.rocketgenius.com this may not be re-distrubited without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. If you need to make extensive customizations, copy the contents of this file to your theme style sheet for editing. Then, go to the form settings page & set the 'output CSS' option to no. ---------------------------------------------------------------- */ .gform_wrapper { overflow: inherit; margin: 10px 0; max-width: 98% } .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 { font-weight: normal; border: none; outline: none; background: none } .gform_wrapper :focus { outline: 0 } .gform_wrapper form { text-align: left } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { outline-style: none; font-size: 11px; font-family: inherit; padding: 2px 0 2px 0; letter-spacing: normal } .gform_wrapper input[type=image] { border: none !important; padding: 0 !important; width: auto !important } .gform_wrapper textarea { outline-style: none; font-size: 11px; font-family: inherit; letter-spacing: normal; padding: 2px 0 2px 0; resize: none } .gform_wrapper ul { margin: 0; list-style-type: none } html>body .entry ul, .gform_wrapper ul { text-indent: 0 } .gform_wrapper li, .gform_wrapper form li { list-style-type: none !important; list-style-image: none !important; list-style: none !important; overflow: visible } .gform_wrapper ul li.gfield { clear: both } .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow: hidden } .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li { margin-bottom: 14px } .gform_wrapper ul.right_label li ul.gfield_radio li, .gform_wrapper form ul.right_label li ul.gfield_radio li, .gform_wrapper ul.left_label li ul.gfield_radio li, .gform_wrapper form ul.left_label li ul.gfield_radio li, .gform_wrapper ul.right_label li ul.gfield_checkbox li, .gform_wrapper form ul.right_label li ul.gfield_checkbox li, .gform_wrapper ul.left_label li ul.gfield_checkbox li, .gform_wrapper form ul.left_label li ul.gfield_checkbox li { margin-bottom: 10px } .gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible } .gform_wrapper select { font-size: 11px; font-family: inherit; padding: 3px 0 3px 0; letter-spacing: normal } .gform_wrapper .inline { display: inline !important } .gform_wrapper .gform_heading { width: 98%; margin-bottom: 18px } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 70px; vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { margin-right: 12px } .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_year { vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .gfield_date_dropdown_month, .gform_wrapper .gfield_date_dropdown_day, .gform_wrapper .gfield_date_dropdown_year { margin-right: 6px } .gform_wrapper .gfield_time_ampm { vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .gform_wrapper .gfield_time_ampm select { width: 60px !important } .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 70% !important } .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 50px; float: left } .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 85% !important } .gform_wrapper .field_hover { border: 1px dashed #2175A9; cursor: pointer } .gform_wrapper .field_selected { background-color: #DFEFFF; border: 1px solid #C2D7EF } .gform_wrapper .field_name_first, .gform_wrapper .field_name_last { width: 50%; float: left } .gform_wrapper .ginput_complex { overflow: hidden } .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input { width: 95% !important } .gform_wrapper .field_name_last input { width: 93% !important } .gform_wrapper .datepicker { width: 100px !important } .gform_wrapper .ginput_complex .ginput_left { width: 50%; float: left } .gform_wrapper .ginput_complex .ginput_right { width: 49%; float: right } .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width: 50% } .gform_wrapper .gfield_error .ginput_complex .ginput_left input { width: 90% !important } .gform_wrapper .gfield_error .ginput_complex .ginput_right input { width: 95% !important } .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select { width: 95% !important } .gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select { width: 96% !important } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display: block; margin: 3px 0; font-size: 11px; letter-spacing: 0.5pt } .gform_wrapper .ginput_complex .name_prefix { float: left; width: 30px !important; margin-right: 14px } .gform_wrapper .ginput_complex .name_suffix { float: left; width: 30px !important } .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last { float: left; width: 100px; margin-right: 8px } .gform_wrapper .top_label .gfield_label { margin: 10px 0 4px 0; font-weight: bold; display: -moz-inline-stack; display: inline-block; line-height: 1.3em; clear: both } .gform_wrapper .left_label .gfield_label { float: left; margin: 0 15px 0 0; width: 29%; font-weight: bold; } .gform_wrapper .right_label .gfield_label { float: left; margin: 0 15px 0 0; width: 29%; font-weight: bold; text-align: right } .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio { margin-left: 32%; overflow: hidden } .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small { width: 25% } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 47% } .gform_wrapper .top_label input.medium { padding-right: 2px } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 99.2% } .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small { width: 15% } .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium { width: 35% } .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea { width: 63% } .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex { width: 64% } .gform_wrapper h2.gsection_title { margin: 0 !important; padding: 0 !important; letter-spacing: normal !important } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: bold; font-size: 1.3em } .gform_wrapper h3.gform_title { letter-spacing: normal !important; margin: 10px 0 6px 0 } .gform_wrapper span.gform_description { font-weight: normal } .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title { width: 98% } .gform_wrapper .gsection { border-bottom: 1px dotted #CCC; padding: 0 0 8px 0; margin: 16px 0; clear: both } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { width: auto !important } /* radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/ .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { position: relative } .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 6px 0; padding: 0 } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: block; margin: 0 0 0 24px; padding: 0; width: auto; line-height: 1.5; vertical-align: top } .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input { float: left; margin-top: 2px } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { font-size: 0.85em; line-height: 1.5em; clear: both; font-family: sans-serif; letter-spacing: normal } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description { padding: 4px 0 8px 0 } .gform_wrapper .gfield_description { padding: 10px 0 0 0; width: 99.8% } .gform_wrapper .left_label .gfield_description, .gform_wrapper .right_label .gfield_description { width:63% } .gform_wrapper .description_above .gfield_description { padding: 0 0 10px 0 } .gfield_date_year+.gfield_description { padding: 0 } .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction { margin-left: 31% } .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description { margin-left: 0; padding-top: 4px; padding-left: 0; line-height: 1.5em } .gform_wrapper .gfield_required { color: #790000; margin-left: 4px } .gform_wrapper textarea.small { height: 80px } .gform_wrapper textarea.medium { height: 150px } .gform_wrapper textarea.large { height: 250px } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #FFDFDF; margin-bottom: 6px !important; padding: 6px 6px 4px 6px !important; border: 1px solid #C89797 } .gform_wrapper li.gfield.gfield_creditcard_warning { margin-bottom: 6px !important; padding: 6px 6px 4px 6px !important; border: 1px dashed #C89797 } .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message { font-size:1em; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; padding: 10px 20px 10px 45px; min-height: 25px; background-image: url(../images/stopbanner.png); background-repeat: no-repeat; background-position: 0 0; background-color: #790000; border-bottom: 1px solid #620101; color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,0.50); line-height: 1.3em; letter-spacing: 0.2pt } li.gfield + li.gfield.gfield_creditcard_warning { margin-top: 14px !important } .gform_wrapper li.gfield.gfield_error .gfield_description { color: #790000 } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 99% } .gform_wrapper .top_label .gfield_error { width: 97% } .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea { width: 100% } .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width: 66% } .gform_wrapper .gfield_error .gfield_label { color: #790000 } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 12px; margin-bottom: 12px !important } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 12px } .gform_wrapper .validation_error { color: #790000; font-weight: bold; font-size: 14px; line-height: 1.5em; margin-bottom: 16px } .gform_wrapper .validation_message { color: #790000; font-size: 11px; letter-spacing: normal } .gform_wrapper .gform_footer { padding: 16px 0 10px 0; margin: 16px 0 0 0; clear: both } .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding: 16px 0 10px 31% } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { font-size: 1em; } .gform_wrapper .gform_footer input[type=image] { padding: 0; width: auto !important; background: none !important; border: none !important } #gforms_confirmation_message { background-color: #FFFAC6; border: 1px solid #E6DB55; margin: 10px auto; padding: 30px 10px; width: 90%; font-size: 1.4em; color: #222; text-align: center } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height: 43px; display: block; overflow: hidden } .gform_wrapper .ginput_complex .ginput_full input { width: 98% !important } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { margin: 0 0 8px 0; line-height: 1.3em } .gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label { font-weight: bold } /* jQuery UI date picker ------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 1em; list-style: none; font-family: "lucida sans", "lucida grande", lucida , sans-serif; background-color: #FFF; font-size: 1em; border: 4px solid #C1C1C1; width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative } .ui-datepicker-div, #ui-datepicker-div { z-index: 9999; display: none } .ui-datepicker-inline { float: left; display: block } .ui-datepicker-control { display: none } .ui-datepicker-current { display: none } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; left: 0.5em; top: 0.5em; background-color: #EEE } .ui-datepicker-next { left: 14.6em } .ui-datepicker-next: hover, .ui-datepicker-prev: hover { background-color: #DADADA } .ui-datepicker-next a, .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background-image: url(../images/datepicker_arrow_left.gif); background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #d3d3d3; cursor: pointer } .ui-datepicker-next a { background-image: url(../images/datepicker_arrow_right.gif); background-position: 50% 50%; background-repeat: no-repeat } .ui-datepicker-header select { border: 1px solid #D3D3D3; color: #555; background-color: #E6E6E6; font-size: 1em; line-height: 1.4em; position: absolute; top: 0.5em; margin: 0 !important } .ui-datepicker-header option: focus, .ui-datepicker-header option: hover { background-color: #DADADA } .ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em } .ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em } table.ui-datepicker { width: 15.5em; text-align: right } table.ui-datepicker td a { padding: .1em; display: block; color: #555; background-color: #E6E6E6; cursor: pointer; border: 1px solid #FFF; text-align: center } table.ui-datepicker td a: hover { border: 1px solid #FFF; color: #212121; background-color: #DADADA; text-decoration: none } table.ui-datepicker td a: active { border: 1px solid #AAA; color: #212121; background-color: #FFF; text-decoration: none } table.ui-datepicker .ui-datepicker-title-row td { padding: .2em 0; text-align: center; font-size: 0.9em; color: #222; text-transform: uppercase } table.ui-datepicker .ui-datepicker-title-row td a { color: #222; padding: 0.3em 0 } .ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 193px; height: 200px } img.ui-datepicker-trigger { cursor: pointer; vertical-align: top; width: 17px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper input.datepicker.datepicker_with_icon { margin-right: 4px !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } /* tame those pesky hidden fields ------------------------------------------------------*/ .gform_wrapper input[type=hidden], .gform_wrapper input.gform_hidden, .gform_wrapper .gform_hidden, .gform_wrapper .gf_hidden { display: none !important; max-height: 1px !important; overflow: hidden } .gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br { display: none !important } /* additional spacing and padding tweaks ------------------------------------------------------*/ .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding: 0 !important } .gform_wrapper ul.gfield_radio li input+input { margin-left: 4px; } .gform_wrapper ul.gfield_radio li input[value=gf_other_choice] { margin-right: 6px; margin-top: 4px } .gform_wrapper .top_label .gfield_description, { padding: 10px 0 0 0 } .gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message { padding: 10px 0 10px 0 !important } .gform_wrapper .ginput_container + .gfield_description.validation_message { margin-top: 6px } .gform_wrapper .ginput_container.ginput_list { margin-top: 6px } .gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message { margin-top: 0 } /* HTML field default margins -----------------------------------------------------*/ .gform_wrapper .left_label li.gfield_html_formatted, .gform_wrapper .right_label li.gfield_html_formatted { margin-left: 32% } .gform_wrapper .gfield_html.gfield_no_follows_desc { margin-top: 10px } /* ajax forms ------------------------------------------------------*/ .gform_wrapper .gform_ajax_spinner { padding-left: 10px } /* hide the honeypot field ------------------------------------------------------*/ .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px } /* Really Simple Captcha ------------------------------------------------------*/ .gform_wrapper .gfield_captcha_input_container { padding-top: 3px } .gform_wrapper .simple_captcha_small input { width: 100px } .gform_wrapper .simple_captcha_medium input { width: 150px } .gform_wrapper .simple_captcha_large input { width: 200px } .gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .right_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_large { margin-left: 32% } .gform_wrapper .gfield_captcha_container img.gfield_captcha { border: none !important; background: none !important; float: none !important; margin: 0 !important; padding: 0 !important } /* math challenge ------------------------------------------------------*/ .gform_wrapper .math_small input { width: 69px } .gform_wrapper .math_medium input { width: 90px } .gform_wrapper .math_large input { width: 108px } .gform_wrapper .left_label .math_small, .gform_wrapper .right_label .math_small, .gform_wrapper .left_label .math_medium, .gform_wrapper .right_label .math_medium, .gform_wrapper .left_label .math_large, .gform_wrapper .right_label .math_large { margin-left: 32% } /* textarea character counter ------------------------------------------------------*/ .gform_wrapper div.charleft { font-size: 11px; margin-top: 4px; color: #B7B7B7; width: 92% !important; white-space: nowrap !important } .gform_wrapper div.charleft[style] { width: 92% !important } .gform_wrapper .left_label div.charleft, .gform_wrapper .right_label div.charleft { margin-left: 32% } .gform_wrapper div.charleft.warningTextareaInfo { color: #A1A1A1 } .gform_wrapper li.gf_hide_charleft div.charleft { display: none !important } /* pricing fields ------------------------------------------------------*/ .gform_wrapper .ginput_price { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 } .gform_wrapper span.ginput_total { color: #060; font-size: 1.2em } .gform_wrapper .top_label span.ginput_total { margin: 8px 0 } .gform_wrapper span.ginput_product_price_label { margin-right: 2px } .gform_wrapper span.ginput_product_price { color: #900 } .gform_wrapper span.ginput_quantity_label { margin-left: 10px; margin-right: 2px } .gform_wrapper input.ginput_quantity { width: 40px } /* multi-page form paging ------------------------------------------------------*/ .gform_wrapper .gform_page_footer { margin: 20px 0; width: 92%; border-top: 1px dotted #CCC; padding: 16px 0 0 0 } .gform_wrapper .gform_page_footer .button.gform_button { margin-right: 10px } /* multi-page progress bar ------------------------------------------------------*/ .gform_wrapper .gf_progressbar_wrapper { clear: both; width: 92%; margin: 0 0 8px 0; padding: 0 0 16px 0; border-bottom: 1px dotted #CCC } .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { font-size: 13px; line-height: 1em !important; margin: 0 0 6px 0 !important; padding: 0 !important; clear: both; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6 } .gform_wrapper .gf_progressbar { width: 99%; height: 20px; overflow: hidden; line-height: 20px !important; border: 1px solid #ACACAC; border-right: 1px solid #959595; border-bottom: 1px solid #959595; background-image: url(../images/percentbar_bg.png); background-repeat: repeat-x; background-position: bottom; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .gform_wrapper .gf_progressbar_percentage { height: 20px; text-align: right; font-family: helvetica,arial,sans-serif; font-size: 13px !important; text-shadow: 0 1px 1px rgba(0,0,0,0.50) } .gform_wrapper .gf_progressbar_percentage span { margin-right: 5px; margin-left: 5px } .gform_wrapper .percentbar_blue { background-image: url(../images/percentbar_blue.png); background-repeat: repeat-x; background-color: #0072BC; color: #FFF } .gform_wrapper .percentbar_gray { background-image: url(../images/percentbar_gray.png); background-repeat: repeat-x; background-color: #666; color: #FFF } .gform_wrapper .percentbar_green { background-image: url(../images/percentbar_green.png); background-repeat: repeat-x; background-color: #94DC21; color: #FFF } .gform_wrapper .percentbar_orange { background-image: url(../images/percentbar_orange.png); background-repeat: repeat-x; background-color: #DC7021; color: #FFF } .gform_wrapper .percentbar_red { background-image: url(../images/percentbar_red.png); background-repeat: repeat-x; background-color: #DC2521; color: #FFF } .gform_wrapper .percentbar_custom { background-image: url(../images/percentbar_custom.png); background-repeat: repeat-x } /* multi-page steps ------------------------------------------------------*/ .gform_wrapper .gf_page_steps { width: 92%; margin: 0 0 8px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #CCC } .gform_wrapper .gf_step { width: auto !important; margin: 0 10px 10px 0; font-size: 14px; height: 20px; line-height: 20px !important; filter: alpha(opacity=50); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; font-family: arial,sans-serif; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .gf_step span.gf_step_number { font-size: 20px; float: left; font-family: arial,sans-serif } .gform_wrapper .gf_step.gf_step_active { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0 } .gform_wrapper .gf_step_clear { display: block; clear: both; height: 1px; overflow: hidden } /* password strength indicator -----------------------------------------------------------------*/ .gform_wrapper .gfield_password_strength { border: 1px solid #DDD; margin: 0; padding: 3px 5px; text-align: center; width: 200px; background-color: #EEE } .gform_wrapper .gfield_password_strength.bad { background-color: #FFB78C; border-color: #FF853C } .gform_wrapper .gfield_password_strength.good { background-color: #FFEC8b; border-color: #FC0 } .gform_wrapper .gfield_password_strength.short, .gform_wrapper .gfield_password_strength.mismatch { background-color: #FFA0A0; border-color: #f04040 } .gform_wrapper .gfield_password_strength.strong { background-color: #C3FF88; border-color: #8DFF1C } /* reset the default list styles for the HTML blocks -----------------------------------------------------------------*/ body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li { list-style-type: disc !important; overflow: visible; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul { list-style-type: disc !important; margin: 0 0 1.5em 1.5em; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li { list-style-type: decimal!important; overflow:visible; margin: 0 0 .5em 0; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol { list-style-type: decimal!important; margin: 0 0 1.5em 1.5em; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl { margin: 0 0 1.5em 0; padding-left: 0 } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt { font-weight: bold } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd { margin: 0 0 1em 1.5em; } /* list fields added in v.1.6 -----------------------------------------------------------------*/ .gform_wrapper table.gfield_list, .gform_wrapper table.gfield_list caption, .gform_wrapper table.gfield_list tbody, .gform_wrapper table.gfield_list tfoot, .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr, .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } .gform_wrapper table.gfield_list { border-spacing: 0; border-collapse:collapse } .gform_wrapper table.gfield_list thead th { font-weight: bold; text-align: left } .gform_wrapper li.gfield.gfield_error table.gfield_list thead th { color: #790000 } .gform_wrapper table.gfield_list thead, .gform_wrapper table.gfield_list tr { padding: 0; margin: 0 } .gform_wrapper table.gfield_list th, .gform_wrapper table.gfield_list td { padding:0 0 0.5em 0 } .gform_wrapper table.gfield_list th + th, .gform_wrapper table.gfield_list td + td { padding:0 0 0.5em 0.7em } .gform_wrapper .left_label .gfield_list, .gform_wrapper .right_label .gfield_list { width: 64% } .gform_wrapper .top_label .gfield_list { width: 99% } .gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column { width: 45% } .gform_wrapper .top_label .gf_list_one_column { width: 46% } .gform_wrapper .gfield_list input{ width: 98% } .gfield_icon_disabled { cursor: default !important; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6 } .gform_wrapper table.gfield_list td.gfield_list_icons { min-width: 45px !important } /* enhanced UI/select styles added in v.1.6 -----------------------------------------------------------------*/ .gform_wrapper select.chzn-select { visibility: hidden; height: 28px !important; min-height: 28px !important } .gform_wrapper .chzn-container { font-size: 13px; position: relative; margin-bottom: 4px; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .chzn-container .chzn-drop { background-color: #FFF; border: 1px solid #AAA; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); z-index: 999 } .gform_wrapper .chzn-container-single .chzn-single { background-color: #FFF; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEE), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #EEE 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #EEE 0%, white 50%); background-image: -o-linear-gradient(top, #EEE 0%,#FFF 50%); background-image: -ms-linear-gradient(top, #EEE 0%,#FFF 50%); //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#FFF',GradientType=0 ); background-image: linear-gradient(top, #EEE 0%,#FFF 50%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #AAA; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 26px; padding: 0 0 0 8px; color: #444; text-decoration: none } .gform_wrapper .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis } .gform_wrapper .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #CCC; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCC), color-stop(0.6, #EEE)); background-image: -webkit-linear-gradient(center bottom, #CCC 0%, #EEE 60%); background-image: -moz-linear-gradient(center bottom, #CCC 0%, #EEE 60%); background-image: -o-linear-gradient(bottom, #CCC 0%, #EEE 60%); background-image: -ms-linear-gradient(top, #CCC 0%,#EEE 60%); //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #CCC 0%,#EEE 60%); border-left: 1px solid #AAA; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px } .gform_wrapper .chzn-container-single .chzn-single div b { background-image: url(../images/chosen-sprite.png); background-position: 0 1px; background-repeat: no-repeat; display: block; width: 100%; height: 100% } .gform_wrapper .chzn-container-single .chzn-search { padding: 3px 4px; margin: 0; white-space: nowrap } .gform_wrapper .chzn-container-single .chzn-search input { background: #FFF url(../images/chosen-sprite.png) 100% -20px no-repeat; background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) 100% -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #AAA; font-family: sans-serif; font-size: 1em } .gform_wrapper .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .gform_wrapper .chzn-container-multi .chzn-choices { background-color: #FFF; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background-image: -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background-image: -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background-image: -o-linear-gradient(bottom, white 85%, #EEE 99%); background-image: -ms-linear-gradient(top, #FFF 85%,#EEE 99%); //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #FFF 85%,#EEE 99%); border: 1px solid #AAA; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative } .gform_wrapper .chzn-container-multi .chzn-choices li { float: left; list-style: none } .gform_wrapper .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0 } .gform_wrapper .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none } .gform_wrapper .chzn-container-multi .chzn-choices .search-field .default { color: #999 } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #E4E4E4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E4E4), color-stop(0.7, #EEE)); background-image: -webkit-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%); background-image: -moz-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%); background-image: -o-linear-gradient(bottom, #E4E4E4 0%, #EEE 70%); background-image: -ms-linear-gradient(top, #E4E4E4 0%,#EEE 70%); //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #E4E4E4 0%,#EEE 70%); color: #333; border: 1px solid #B4B4B4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice span { cursor: default } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus { background-color: #D4D4D4 } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 6px; width: 8px; height: 9px; font-size: 1px; background-image: url(../images/chosen-sprite.png); background-position: right top; background-repeat: no-repeat } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close: hover { background-position: right -9px } .gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -9px } .gform_wrapper .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto } .gform_wrapper .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0 } .gform_wrapper .chzn-container .chzn-results li { line-height: 80%; padding: 7px 7px 8px; margin: 0; list-style: none } .gform_wrapper .chzn-container .chzn-results .active-result { cursor: pointer } .gform_wrapper .chzn-container .chzn-results .highlighted { background-color: #F0F0F0; } .gform_wrapper .chzn-container .chzn-results li em { background-color: #FEFFDE; font-style: normal } .gform_wrapper .chzn-container .chzn-results .highlighted em { background: transparent } .gform_wrapper .chzn-container .chzn-results .no-results { background-color: #F4F4F4 } .gform_wrapper .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold } .gform_wrapper .chzn-container .chzn-results .group-option { padding-left: 20px } .gform_wrapper .chzn-container-multi .chzn-drop .result-selected { display: none } .gform_wrapper .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3) } .gform_wrapper .chzn-container-active .chzn-single-with-drop { border: 1px solid #AAA; -webkit-box-shadow: 0 1px 0 #FFF inset; -moz-box-shadow: 0 1px 0 #FFF inset; -o-box-shadow: 0 1px 0 #FFF inset; box-shadow: 0 1px 0 #FFF inset; background-color: #EEE; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #EEE)); background-image: -webkit-linear-gradient(center bottom, white 0%, #EEE 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #EEE 50%); background-image: -o-linear-gradient(bottom, white 0%, #EEE 50%); background-image: -ms-linear-gradient(top, #FFF 0%,#EEE 50%); //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 ); background-image: linear-gradient(top, #FFF 0%,#EEE 50%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0 } .gform_wrapper .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none } .gform_wrapper .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px } .gform_wrapper .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3) } .gform_wrapper .chzn-container-active .chzn-choices .search-field input { color: #111 !important } .gform_wrapper .chzn-rtl { direction: rtl; text-align: right } .gform_wrapper .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px } .gform_wrapper .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0 } .gform_wrapper .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #AAA; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .gform_wrapper .chzn-rtl .chzn-choices li { float: right } .gform_wrapper .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0 } .gform_wrapper .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top } .gform_wrapper .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px } .gform_wrapper .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px } .gform_wrapper .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none } .gform_wrapper .chzn-rtl .chzn-search input { background: url(../images/chosen-sprite.png) -38px -20px no-repeat, #FFF; background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE)); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%); background: url(../images/chosen-sprite.png) -38px -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%); padding: 4px 5px 4px 20px } /* ============================================================================ */ /* ! CSS Ready Classes ------------------------------------------------------ */ /* ============================================================================ */ /* inline fields ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_inline { vertical-align: top; width: auto !important; margin-right: 14px; float: none !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].large { width: 25.4em !important } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium { width: 18.7em !important } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium { width: 6em !important } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].small { width: 5em !important } .gform_wrapper .top_label li.gfield.gf_inline select { width: auto !important } .gform_wrapper .top_label li.gfield.gf_inline textarea { width: 95% !important } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text], .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] { width: 70% !important } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year { width: 50px } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm { width: auto } .gform_wrapper li.gf_inline div.ginput_container { white-space: nowrap !important } /* 2 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_half { margin: 0 0 8px 0; width: 49% } .gform_wrapper .top_label li.gfield.gf_right_half { margin: 0 0 8px 0; width: 49% } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 46% } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { margin-right: 1% } .gform_wrapper .top_label li.gfield.gf_left_half { float: left; clear: left !important } .gform_wrapper .top_label li.gfield.gf_right_half { float: right; clear: right !important } .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large { width: 97% } .gform_wrapper .top_label li.gfield.gf_left_half textarea, .gform_wrapper .top_label li.gfield.gf_right_half textarea { width: 98% } .gform_wrapper .top_label li.gfield.gf_left_half input.small, .gform_wrapper .top_label li.gfield.gf_right_half input.small { width: 35% } .gform_wrapper .top_label li.gfield.gf_left_half+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half+li.gsection { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 0 0 8px 0 } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer { clear: both } /* 3 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { margin: 0 0 8px 0; width: 32% } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { width: 29% } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { margin-right: 1% } .gform_wrapper .top_label li.gfield.gf_left_third { float: left; clear: left !important } .gform_wrapper .top_label li.gfield.gf_middle_third { float: left; margin-left: 2%; clear: none !important } .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third { margin-left: 3% } .gform_wrapper .top_label li.gfield.gf_right_third { float: right; clear: right !important } .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large { width: 95% } .gform_wrapper .top_label li.gfield.gf_left_third+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_third+li.gsection { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_left_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer { clear: both } /* radio/checkbox sub-column ready classes ------------------------------------------------------*/ .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li { width: 50%; float: left; margin: 0 0 8px 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_3col ul.gfield_radio li { width: 33%; float: left; margin: 0 0 8px 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li { width: 25%; float: left; margin: 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li { width: 20%; float: left; margin: 0; min-height: 1.8em } .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_3col ul.gfield_radio { overflow: hidden } /* optional height settings for the radio/checkbox columns */ .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li { height: 25px } .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li { height: 50px } .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li { height: 75px } .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li { height: 100px } .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li { height: 125px } .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li { height: 150px } /* radio/checkbox inline list ready classes ------------------------------------------------------*/ .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { width: auto !important; float: none !important; margin: 0 10px 10px 0; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } /* hide am/pm field ready class ------------------------------------------------------*/ .gform_wrapper li.gf_hide_ampm div.gfield_time_ampm { display: none !important } /* scrolling text section break ready class ------------------------------------------------------*/ .gform_wrapper li.gsection.gf_scroll_text { height: 180px; width: 96%; overflow: auto; border: 1px solid #CCC; border-bottom: 1px solid #CCC !important } .gform_wrapper li.gsection.gf_scroll_text h2.gsection_title { margin: 10px 10px 0 10px !important } .gform_wrapper li.gsection.gf_scroll_text .gsection_description { margin: 10px; font-size: 0.8em } /* credit card icons ------------------------------------------------------*/ .gform_wrapper .gform_card_icon_container { margin: 8px 0 6px 0; height: 32px } .gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url(../images/gf_creditcard_icons.png); background-repeat: no-repeat; width: 36px; height: 32px; float:left } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0 } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px } /* credit card fields ------------------------------------------------------*/ .gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-height: 43px; position: relative; float: left } .gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 50%; margin-right: 1% } .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-width: 85px !important } .gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label { white-space: nowrap !important } .gform_wrapper .ginput_complex span.ginput_cardextras { display: block; overflow: hidden } .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container { position: relative; display: block; min-width: 160px !important } .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year { width: 48% !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } .gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 4px } .gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { max-width: 50% !important } .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { width: 32px; height: 23px; background-image: url(../images/gf_creditcard_icons.png); background-repeat: no-repeat; background-position: 0 -128px; position: relative; top: -1px; left: 6px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline } /* ================================================================================= */ /* ! Browser Specific Rules ------------------------------------------------------ */ /* ================================================================================= */ /* Safari specific rules ------------------------------------------------------*/ .entry .gform_wrapper.gf_browser_safari ul li:before, .entry .gform_wrapper.gf_browser_safari ul li:after { content: "" } .gform_wrapper.gf_browser_safari .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important } .gform_wrapper.gf_browser_safari .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_safari .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_safari .gfield_checkbox li input { margin-top: 4px } /* Chrome specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_chrome ul li: before, .gform_wrapper.gf_browser_chrome ul li: after, .entry .gform_wrapper.gf_browser_chrome ul li:before, .entry .gform_wrapper.gf_browser_chrome ul li:after { content: none } .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important } .gform_wrapper.gf_browser_chrome .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_chrome .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } .gform_wrapper.gf_browser_chrome .ginput_complex select, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select { padding: 5px 0 5px; margin-bottom: 5px } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input { margin-top: 4px } /* Firefox specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_gecko ul li: before, .gform_wrapper.gf_browser_gecko ul li: after, .entry .gform_wrapper.gf_browser_gecko ul li:before, .entry .gform_wrapper.gf_browser_gecko ul li:after { content: none } .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select { margin-left: 2px } .gform_wrapper.gf_browser_gecko .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 2px } /* Opera specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_opera ul li: before, .gform_wrapper.gf_browser_opera ul li: after, .entry .gform_wrapper.gf_browser_opera ul li:before, .entry .gform_wrapper.gf_browser_opera ul li:after { content: none } .gform_wrapper.gf_browser_opera .ginput_complex .ginput_right select { padding: 5px 0 5px; margin-bottom: 5px } .gform_wrapper.gf_browser_opera .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area { width: 99% !important } .gform_wrapper.gf_browser_opera .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_opera .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } /* IE specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_ie ul li: before, .gform_wrapper.gf_browser_ie ul li: after, .entry .gform_wrapper.gf_browser_ie ul li:before, .entry .gform_wrapper.gf_browser_ie ul li:after { content: none } .gform_wrapper.gf_browser_ie .gfield_time_hour { width: 80px } .gform_wrapper.gf_browser_ie .gfield_time_minute { width: 70px } .gform_wrapper.gf_browser_ie .gfield_time_ampm { padding-top: 2px } .gform_wrapper.gf_browser_ie .gfield_time_hour input, .gform_wrapper.gf_browser_ie .gfield_time_minute input { margin-left: 0 } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_left label, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right label { margin: 3px 0 5px 0 } .gform_wrapper.gf_browser_ie .gform_footer input.button { padding: 3px } .gform_wrapper.gf_browser_ie ul.top_label .clear-multi { overflow: hidden; clear: both } .gform_wrapper.gf_browser_ie .gfield_radio li { line-height: 1.3em !important } .gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_ie .gfield_checkbox li input { margin-top: 0 } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_left select, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select { padding: 2px 0 2px 0 } .gform_wrapper.gf_browser_ie .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {width: 99%!important} .gform_wrapper.gf_browser_ie .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_ie .right_label #recaptcha_area #recaptcha_table { margin-left: 32% } .gform_wrapper.gf_browser_ie .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { position: relative; top: -1px; left: 4px } /* iPhone specific rules ------------------------------------------------------*/ .gform_wrapper.gf_browser_iphone ul li: before, .gform_wrapper.gf_browser_iphone ul li: after, .entry .gform_wrapper.gf_browser_iphone ul li:before, .entry .gform_wrapper.gf_browser_iphone ul li:after { content: none } /* rules for other unknown browsers ------------------------------------------------------*/ .gform_wrapper.gf_browser_unknown ul li: before, .gform_wrapper.gf_browser_unknown ul li: after, .entry .gform_wrapper.gf_browser_unknown ul li:before, .entry .gform_wrapper.gf_browser_unknown ul li:after { content: none }