/********************************************************************* ========= SITE BY ========= Advent Creative http://www.adventcreative.com ========= GLOBAL ========= 1. Customized normalize 2. Ogrid 3. Oform 4. Obray ========= APP LEVEL ========= 1. Templates 2. Layouts 3. Main navigation 4. Oform *********************************************************************/ /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section time { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #66cc00; color: #fff; text-shadow: none; } ::selection { background: #66cc00; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active, a:focus { outline: 0 !important; } /* ============================================================================= Typography ========================================================================== */ 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; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ 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%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ dd { margin: 0 0 0 40px; } ul, ol, nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ /*label { cursor: pointer; }*/ /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } 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 { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ /* input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } */ /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none; -ms-filter: none; } /* 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; } } /* ================ structure ================ */ /* ========= STRUCTURE ========= 1. Container 2. Columns 3. Horizontal UL ========= PRESENTATION ========= 1. Spacing for text, images, video [specifics should still be styled at the app level] 2. Default typography settings 3. Colours, borders & outlines 4. Images 5. Video 6. Floats 7. Positioning 8. Visibility 9. Transitions 10. Browser resets ========= BROWSER RESETS ========= 1. IE9 filter:none [this kills all ie7 & ie8 filters so ie9 uses the SVG gradient] "-5" Suffix denotes an adjustment and rounding, e.g. ogrid-2-3-5 is the adjusted 2/3rds - 66.6666% rounded to 67% to accomodate the 1/3 at 33% */ /* ================ $structure ================ */ /* ======== $container ======== */ /* box sizing */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* main container */ #container{ width: 1000px; margin: 0 auto; } /* ======== $columns ======== */ /* 1 column grid */ .ogrid-1{ width: 100%; } /* 20ths */ .ogrid-1-20{ width: 5%; } /* 12ths */ .ogrid-1-12{ width: 8%; } .ogrid-7-12{ width: 56%; } .ogrid-11-12{ width: 88%; } /* 10ths */ .ogrid-1-10{ width: 10%; } .ogrid-2-10{ width: 20%; } .ogrid-3-10{ width: 30%; } .ogrid-4-10{ width: 40%; } .ogrid-5-10{ width: 50%; } .ogrid-6-10{ width: 60%; } .ogrid-7-10{ width: 70%; } .ogrid-8-10{ width: 80%; } .ogrid-9-10{ width: 90%; } /* 8ths */ .ogrid-1-8{ width: 12%; } .ogrid-3-8{ width: 37%; } /* 6ths */ .ogrid-1-6{ width: 16%; } .ogrid-1-6-5{ width: 17%; } .ogrid-5-6{ width: 84%; } .ogrid-5-6-5{ width: 83%; } /* 5ths */ .ogrid-1-5{ width: 20%; } .ogrid-2-5{ width: 40%; } .ogrid-3-5{ width: 60%; } .ogrid-4-5{ width: 80%; } /* 4ths */ .ogrid-1-4{ width: 25%; } .ogrid-3-4{ width: 75%; } /* 1/2 */ .ogrid-1-2{ width: 50%; } /* 1/3 */ .ogrid-1-3{ width: 33%; } .ogrid-1-3-5{ width: 34%; } .ogrid-2-3{ width: 67%; } /* ======== horizontal UL ======== */ .ogrid-horizontal-ul{ margin: 0; padding: 0; } .ogrid-horizontal-item{ float: left; background: none; margin: 0; padding: 0; } .ogrid-horizontal-separator{ float: left; background: none; margin: 0; padding: 0 10px; } /* ================ $presentation ================ */ /* ======== $content spacing ======== */ /* used for: content (used as a class), fonts & lists, media */ /* general */ .ogrid-content, h1, h2, h3, h4, p, ul, .OImage img, .oplayer-container{ margin: 0 20px; } /* images */ .opart-img{ margin: 10px 20px; } /* video */ .oplayer-container{ margin-bottom: 10px; } /* ======== $typography ======== */ /* headings */ h1{ font-size: 2.6em; line-height: 1.1; padding: 15px 0; letter-spacing: -1px; } h2{ font-size: 2.1em; line-height: 1; padding: 10px 0; letter-spacing: -1px; font-weight: normal; } h3{ font-size: 1.6em; line-height: 1.1; padding: 8px 0; font-weight: lighter; } h4{ font-size: 1.3em; line-height: 1.2; padding: 5px 0; } /* paragraph */ p{ font-size: 1em; line-height: 1.45; padding: 8px 0; } /* lists */ ul{ padding: 10px 0 10px 0; } li{ font-size: .9em; line-height: 1.2; margin: 0 10px 6px 20px; } /* text align */ .ogrid-text-left{ text-align: left; } .ogrid-text-right{ text-align: right; } .ogrid-text-center{ text-align: center; } /* text decoration */ .ogrid-text-underline{ text-decoration: underline; } .ogrid-text-strikethrough{ text-decoration: line-through; } /* font styles */ .ogrid-text-bold{ font-weight: bold; } .ogrid-text-italic{ font-style: italic; } /* text transform */ .ogrid-text-uppercase { text-transform: uppercase; } /* small text */ .ogrid-text-small{ font-size: .85em; } /* links */ a { color: #afbd21; text-decoration: none; } a:visited { color: #afbd21; } a:hover { text-decoration: underline; } a:focus { outline: thin dotted; } /* clear formatting */ .ogrid-text-default{ margin: 0; padding: 0; background: none; border: none; } /* custom fonts */ @font-face { font-family: icons; src: url('/obray/fonts/fico.eot'); src: url('/obray/fonts/fico.eot?#iefix') format('embedded-opentype'), url('/obray/fonts/fico.ttf') format('truetype'), url('/obray/fonts/fico.svg#Fico') format('svg'); } /* icons */ .ogrid-icon{ font-family: icons; -webkit-font-smoothing: antialiased; speak: none; } /* ======== $colours & borders ======== */ /* background */ .ogrid-background{ background-color: #eee; } /* outline */ .ogrid-outline{ outline: dashed 1px #a7a7a7; outline: 1px dotted rgba(0, 0, 0, 0.4); } /* borders */ .ogrid-border{ border: dashed 1px #a7a7a7; margin: -1px; } .ogrid-border-margin{ border: dashed 1px #a7a7a7; } /* ======== $floats ======== */ /* left float */ .ogrid-float{ float: left; } /* right float */ .ogrid-float-right{ float: right; } /* clear float using a div shim */ .clear{ clear: both; } /* contain floats */ .ogrid-clear:before, .ogrid-clear:after { content: ""; display: table; } .ogrid-clear:after { clear: both; } .ogrid-clear { zoom: 1; } /* break float */ .ogrid-clear-float{ clear: both; } /* ======== $positioning ======== */ /* center div */ .ogrid-center{ margin: 0 auto; } /* min height */ .ogrid-min-height{ min-height: 25px; } /* spacer */ .ogrid-spacer{ width: 100%; height: 5px; position: relative; margin: 20px 0 25px; clear: both; } /* divider */ .ogrid-divider{ width: 100%; height: 5px; border-top: solid 1px #a7a7a7; position: relative; margin: 20px 0 25px; clear: both; } /* block */ .ogrid-block{ display: block; } /* position: relative */ .ogrid-relative{ position: relative; } /* ======== $visibility ======== */ /* hide from both screenreaders and browsers: h5bp.com/u */ .ogrid-hidden{ display: none; visibility: hidden; } /* hide only visually, but have it available for screenreaders: h5bp.com/v */ .ogrid-visuallyhidden{ border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .ogrid-visuallyhidden.focusable:active, .ogrid-visuallyhidden.focusable:focus, .ogrid-visuallyhidden:focus, .ie7 .ogrid-visuallyhidden:active { width: auto; height: auto; clip: auto; margin: 0; overflow: visible; position: absolute; top: 10px; left: 10px; } /* hide visually and from screenreaders, but maintain layout */ .ogrid-invisible { visibility: hidden; } /* show cursor as pointer */ .ogrid-pointer{ cursor: pointer; } /* ======== $transitions ======== */ /* ogrid-transition is now deprected in favour of ogrid-transition-std */ .ogrid-transition, .ogrid-transition a, a.ogrid-transition, p a{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } /* fast speed transition */ .ogrid-transition-fast{ -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } /* medium speed transition */ .ogrid-transition-std{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } /* slow speed transition */ .ogrid-transition-slow{ -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out; } /* ======== $browser resets ======== */ .ie9 body, .ie9 a, .ie9 a:hover, .ie9 div, .ie9 div:hover, .ie9 input, .ie9 input:hover, .ie9 input:focus, .ie9 textarea, .ie9 textarea:focus, .ie9 input[type="button"], .ie9 input[type="button"]:hover, .ie9 input[type="button"]:active, .ie9 input[type="button"]:focus, .ie9 .box div, .ie9 .box div:hover{ filter: none; } /* ================ oform ================ */ /* ========= RESETS ========= 1. Labels 2. Inputs 3. Buttons 4. Box sizing 5. Typography ========= PRESENTATION ========= 1. Input wrapper 2. Labels 3. Generic input styles: a. sizing / text effect b. border radius c. background colours / gradients d. box shadow e. ie6, ie7 & ie8 borders / outlines 4. Text input 5. Select 6. Radio Boxes 7. Check Boxes 8. File Uploader 9. Date Fields ========= RESPONSIVE THEORY ========= set font-size to 10px so all following dimensions can be set easily in ems e.g. text box base style has 7px padding - .7em size of form elements can be adjusted by changing a single selector, i.e. .oform-container{ font-size: 10px; } */ /* ======== oform resets ======== */ /* font size */ .oform-container{ font-size: 10px; line-height: 1; min-height: 50px;} /* label */ label{ margin: 0; padding: 0; border: none; line-height: 1; } /* input */ input{ border: 0; margin: 0; padding: 0; } input:focus, input:active, textarea:focus, textarea:active, .ofcheck:focus, .ofoptions-check:focus, .ofselect:focus{ outline-width: 0; } /* ======== input wrapper ======== */ .ofinput-wrapper{ margin: 0 0 1.5em 0; padding: 0; position: relative; /*z-index: 1;*/ } /* ======== label ======== */ /* structure */ .oflabel{ width: 25%; float: left; margin: 0; padding: 1em .5em .5em 0; color: #333; } /* font sizing */ .oflabel, .ofcheck-box-description{ font-size: 1.3em; } .front-end input.ofinput-label, .front-end .ofinput-label{ color: #aaa; } /* ======== generic form element styles ======== */ /* structure */ .ofselect, .oftext, .ofinput-container{ float: left; } /* sizing */ .ofselect, .oftext, .offile-display{ height: 2.5em; padding: .5em; } .ie6 .oftext, .ie6 .offile-display, .ie7 .oftext, .ie7 .offile-display{ width: 90%; height: 1.2em; } /* fonts */ .ofselect, .oftext, .offile-display{ font-size: 1.6em; text-shadow: 1px 1px 0 #fff; color: #333; } /* select, text, check box, file uploader border radius */ .ofselect, .oftext, .ofcheck, .offile-display, .oform-btn{ -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* radio outer circle border radius */ .ofoptions-check{ -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* background colours */ .oftext, .ofoptions-check, .ofcheck, .ofselect-options{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );*/ background-color: #fff; cursor: text; } .offile-display, .ofselect, .upload-progress-bar{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0) 25%,rgba(0,0,0,0.25) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 );*/ background-color: #fff; border: solid 1px #bbb; } /* box shadow */ .oftext, .ofcheck, .ofoptions-check{ -moz-box-shadow: inset 0 0 6px #444; -webkit-box-shadow: inset 0 0 6px #444; box-shadow: inset 0 0 6px #444; } .ofselect, .offile-display{ -moz-box-shadow: 0 2px 2px -2px #444; -webkit-box-shadow: 0 2px 2px -2px #444; box-shadow: 0 2px 2px -2px #444; overflow: visible; } /* borders for ie */ .ie6 .oftext, .ie7 .oftext, .ie8 .oftext, .ie6 .ofcheck, .ie7 .ofcheck, .ie8 .ofcheck, .ie6 .ofoptions-check, .ie7 .ofoptions-check, .ie8 .ofoptions-check, .ie6 .ofselect, .ie7 .ofselect, .ie8 .ofselect, .ie6 .ofselect-options, .ie7 .ofselect-options, .ie8 .ofselect-options{ border: .1em solid #8d9196; } /* ======== transition ======== */ input, textarea, .ofcheck, .ofoptions-check, .ofselect, .oform-btn, .important-btn, .offile-form .oform-btn{ -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } /* ======== focus / active ======== */ /* shadow */ .oftext:focus, .ofcheck:focus, .ofoptions-check:focus, textarea.oftext:focus, .ofselect:focus, .offile-display:focus{ -moz-box-shadow: 0 6px 6px -6px #444; -webkit-box-shadow: 0 6px 6px -6px #444; box-shadow: 0 6px 6px -6px #444; border: solid 1px #bbb; } /* gradient */ .ofselect:focus{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.25) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 );*/ background-color: #fff; } /* ======== text input ======== */ .oftext{ overflow: hidden; } /* ======== date ======== */ .ofdate-container .ofinput-wrapper{ margin: 0 .5em 0 0 !important; } /* ======== textarea ======== */ textarea.oftext{ border: none; } /* ======== select ======== */ .ofselect{ position: relative; cursor: pointer; padding-top: .8em; padding-bottom: .55em; filter: none; } .ie6 .ofselect, .ie7 .ofselect{ width: 90%; height: .8em; } /* select icon */ .ofselect-btn{ width: 2.2em; line-height: 2.5; text-align: center; position: absolute; right: 0; top: 0; text-align: center; color: #999; text-decoration: none; border-left: .1em solid #8d9196; } .ofselect-btn:hover{ text-decoration: none; -moz-border-radius-topright: .4em; -moz-border-radius-bottomright: .4em; -webkit-border-top-right-radius: .4em; -webkit-border-bottom-right-radius: .4em; border-top-right-radius: .4em; border-bottom-right-radius: .4em; border-left-color: #aaa; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .ie6 .ofselect-btn, .ie7 .ofselect-btn{ line-height: 2.2; } /* options container */ .ofselect-options{ width: 100%; height: 7.8em; position: absolute; z-index: 5000; bottom: -7.85em; left: 0; -webkit-border-bottom-right-radius: .4em; -webkit-border-bottom-left-radius: .4em; -moz-border-radius-bottomright: .4em; -moz-border-radius-bottomleft: .4em; border-bottom-right-radius: .4em; border-bottom-left-radius: .4em; border-top: 1px groove #888; -moz-box-shadow: 0 4px 5px #888; -webkit-box-shadow: 0 4px 5px #888; box-shadow: 0 4px 5px #888; overflow-y: scroll; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* individual options */ .ofselect-options .ofselect-option{ border-top: 1px solid #ddd; padding: .5em; text-decoration: none; display: block; font-weight: normal; color: #333; cursor: pointer; } .ofselect-hover{ background-color: #ddd; color: #fff; text-shadow: 1px 1px 0px #bbb; } .ofselect a:hover{ background-color: #ddd; color: #fff; text-shadow: 1px 1px 0px #bbb; } /* ======== checkboxes & radio buttons ======== */ /* check box & radio labels */ .ofcheck-box-description, .ofoptions-check-label{ font-size: 1.3em; margin: .4em 0 0 0; float: left; line-height: 1; } /* options item */ .ofoptions-item{ display: block; margin: 0 0 1em 0; } /* radio & check box outer circle size & structure */ .ofoptions-check, .ofcheck{ width: 2em; height: 2em; position: relative; cursor: pointer; margin: 0 .5em 0 0; padding: .4em; float: left; background: #fff; } .ie6 .ofoptions-check, .ie6 .ofcheck, .ie7 .ofoptions-check, .ie7 .ofcheck{ width: 1em; height: 1em; } /* radio & check box inner circle colour & structure */ .ofoptions-check-circle, .ofcheck-box{ width: 100%; height: 100%; background: #333; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* radio inner circle size */ .ofoptions-check-circle{ -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; } /* check box inner circle size */ .ofcheck-box{ -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em; } /* floating check */ .floating-check{ width: 50%; float: left; } /* ======== file uploader ======== */ .offile-display{ position: relative; cursor: pointer; } .offile-form .oform-btn{ font-size: 1.2em; } /* container */ .upload-progress-container{ width: 400px; height: 22px; background-color: black; padding: 2px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjAyMDIiIHN0b3Atb3BhY2l0eT0iMC4zMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(30,30,30,0.33) 0%, rgba(127,127,127,0.33) 32%, rgba(127,127,127,0.33) 40%, rgba(56,56,56,0.33) 80%, rgba(2,2,2,0.33) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.33)), color-stop(32%,rgba(127,127,127,0.33)), color-stop(40%,rgba(127,127,127,0.33)), color-stop(80%,rgba(56,56,56,0.33)), color-stop(100%,rgba(2,2,2,0.33))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30,30,30,0.33) 0%,rgba(127,127,127,0.33) 32%,rgba(127,127,127,0.33) 40%,rgba(56,56,56,0.33) 80%,rgba(2,2,2,0.33) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30,30,30,0.33) 0%,rgba(127,127,127,0.33) 32%,rgba(127,127,127,0.33) 40%,rgba(56,56,56,0.33) 80%,rgba(2,2,2,0.33) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30,30,30,0.33) 0%,rgba(127,127,127,0.33) 32%,rgba(127,127,127,0.33) 40%,rgba(56,56,56,0.33) 80%,rgba(2,2,2,0.33) 100%); /* IE10+ */ background: linear-gradient(top, rgba(30,30,30,0.33) 0%,rgba(127,127,127,0.33) 32%,rgba(127,127,127,0.33) 40%,rgba(56,56,56,0.33) 80%,rgba(2,2,2,0.33) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541e1e1e', endColorstr='#54020202',GradientType=0 ); /* IE6-8 */ overflow: hidden; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #333; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* progress bar */ .upload-progress-bar{ width: 0; height: 18px; text-align: center; text-shadow: 1px 1px 0px #bbb; padding-top:2px; box-shadow: 0px 4px 10px #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .ie6 .upload-progress-bar, .ie7 .upload-progress-bar, .ie8 .upload-progress-bar{ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); } /* .ie9 .upload-progress-container{ filter: none; } */ /* upload button */ .offile{ float: left; margin: 0; padding: 0; cursor: pointer; } /* display file name */ .offile-display{ float: left; margin: 0; overflow: hidden; } /* ======== standard submit button ======== */ /* normal state */ .oform-btn{ background: #848484; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #848484 0%, #626262 44%, #353535 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(44%,#626262), color-stop(100%,#353535)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #848484 0%,#626262 44%,#353535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #848484 0%,#626262 44%,#353535 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #848484 0%,#626262 44%,#353535 100%); /* IE10+ */ background: linear-gradient(top, #848484 0%,#626262 44%,#353535 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#353535',GradientType=0 ); /* IE6-8 */ float: right; padding: .5em 1.5em; font-size: 1.5em; text-align: center; color: #fff; text-shadow: 0px -1px 0px #398235; -moz-box-shadow: 0 0 6px #222; -webkit-box-shadow: 0 0 6px #222; box-shadow: 0 0 6px #222; border: solid 1px #ddd; } /* hover state */ .oform-btn:hover, .oform-btn:focus{ background: rgb(165,165,165); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTRlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(165,165,165,1) 0%, rgba(128,128,128,1) 44%, rgba(78,78,78,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,165,165,1)), color-stop(44%,rgba(128,128,128,1)), color-stop(100%,rgba(78,78,78,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(165,165,165,1) 0%,rgba(128,128,128,1) 44%,rgba(78,78,78,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(165,165,165,1) 0%,rgba(128,128,128,1) 44%,rgba(78,78,78,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(165,165,165,1) 0%,rgba(128,128,128,1) 44%,rgba(78,78,78,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(165,165,165,1) 0%,rgba(128,128,128,1) 44%,rgba(78,78,78,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: 0 6px 6px -6px #444; -webkit-box-shadow: 0 6px 6px -6px #444; box-shadow: 0 6px 6px -6px #444; } /* active state */ .oform-btn:active, .offile-form:active .oform-btn{ background: #4e4e4e; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWE1YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4e4e4e 0%, #808080 56%, #a5a5a5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(56%,#808080), color-stop(100%,#a5a5a5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4e4e4e 0%,#808080 56%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4e4e4e 0%,#808080 56%,#a5a5a5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4e4e4e 0%,#808080 56%,#a5a5a5 100%); /* IE10+ */ background: linear-gradient(top, #4e4e4e 0%,#808080 56%,#a5a5a5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-8 */ border-color: #aaa; -moz-box-shadow: 0 0 1px #444; -webkit-box-shadow: 0 0 1px #444; box-shadow: 0 0 1px #444; } /* ======== important submit button ======== */ /* normal state */ .important-btn, .warning-btn{ padding: 12px 20px; text-align: center; width: auto; box-shadow: 0px 0px 4px #333; float: right; font-size: 13px; background: #c9de96; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); background: linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); cursor: pointer; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px #398235; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 4px #444; box-shadow: 0 0 4px #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: solid 1px #fff; } .important-btn:visited{ color: #fff; } /* hover state */ .important-btn:hover, .warning-btn: hover, .important-btn:focus, .warning-btn:focus{ background: #cfed87; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZWQ4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzg1ZDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzljMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cfed87 0%, #85d949 44%, #239c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfed87), color-stop(44%,#85d949), color-stop(100%,#239c1c)); background: -webkit-linear-gradient(top, #cfed87 0%,#85d949 44%,#239c1c 100%); background: -o-linear-gradient(top, #cfed87 0%,#85d949 44%,#239c1c 100%); background: -ms-linear-gradient(top, #cfed87 0%,#85d949 44%,#239c1c 100%); background: linear-gradient(top, #cfed87 0%,#85d949 44%,#239c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfed87', endColorstr='#239c1c',GradientType=0 ); -moz-box-shadow: 0 6px 6px -6px #444; -webkit-box-shadow: 0 6px 6px -6px #444; box-shadow: 0 6px 6px -6px #444; } /* active state */ .important-btn:active, .warning-btn:active{ background: #398335; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5ODMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzhiYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGRlOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #398335 0%, #8bb76b 56%, #c8de96 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#398335), color-stop(56%,#8bb76b), color-stop(100%,#c8de96)); background: -webkit-linear-gradient(top, #398335 0%,#8bb76b 56%,#c8de96 100%); background: -o-linear-gradient(top, #398335 0%,#8bb76b 56%,#c8de96 100%); background: -ms-linear-gradient(top, #398335 0%,#8bb76b 56%,#c8de96 100%); background: linear-gradient(top, #398335 0%,#8bb76b 56%,#c8de96 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398335', endColorstr='#c8de96',GradientType=0 ); -moz-box-shadow: 0 0 1px #444; -webkit-box-shadow: 0 0 1px #444; box-shadow: 0 0 1px #444; border-color: #c9de96; } .warning-btn{ float: left; margin: 5px; background: #db9995; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiOTk5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2IyNjk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #db9995 0%, #b26969 44%, #7c3333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db9995), color-stop(44%,#b26969), color-stop(100%,#7c3333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db9995 0%,#b26969 44%,#7c3333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #db9995 0%,#b26969 44%,#7c3333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #db9995 0%,#b26969 44%,#7c3333 100%); /* IE10+ */ background: linear-gradient(top, #db9995 0%,#b26969 44%,#7c3333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db9995', endColorstr='#7c3333',GradientType=0 ); /* IE6-8 */ } /* ======== secondary form buttons ======== */ .offile-form .oform-btn, .oform-secondary-btn{ font-size: 1.2em; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjNjE2MTYxIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(132,132,132,0.6) 0%, rgba(97,97,97,0.75) 44%, rgba(53,53,53,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,132,132,0.6)), color-stop(44%,rgba(97,97,97,0.75)), color-stop(100%,rgba(53,53,53,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(132,132,132,0.6) 0%,rgba(97,97,97,0.75) 44%,rgba(53,53,53,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(132,132,132,0.6) 0%,rgba(97,97,97,0.75) 44%,rgba(53,53,53,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(132,132,132,0.6) 0%,rgba(97,97,97,0.75) 44%,rgba(53,53,53,0.65) 100%); /* IE10+ */ background: linear-gradient(top, rgba(132,132,132,0.6) 0%,rgba(97,97,97,0.75) 44%,rgba(53,53,53,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99848484', endColorstr='#a6353535',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 4px #444; box-shadow: 0 0 4px #444; cursor: pointer; } .offile-form:hover .oform-btn, .oform-secondary-btn:hover{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDg0ODQiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(53,53,53,0.75) 0%, rgba(98,98,98,0.75) 56%, rgba(132,132,132,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,0.75)), color-stop(56%,rgba(98,98,98,0.75)), color-stop(100%,rgba(132,132,132,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(53,53,53,0.75) 0%,rgba(98,98,98,0.75) 56%,rgba(132,132,132,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(53,53,53,0.75) 0%,rgba(98,98,98,0.75) 56%,rgba(132,132,132,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(53,53,53,0.75) 0%,rgba(98,98,98,0.75) 56%,rgba(132,132,132,0.75) 100%); /* IE10+ */ background: linear-gradient(top, rgba(53,53,53,0.75) 0%,rgba(98,98,98,0.75) 56%,rgba(132,132,132,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf353535', endColorstr='#bf848484',GradientType=0 ); /* IE6-8 */ } /* ======== validation ======== */ /* icon */ .oficon{ font-size: 2em; float: left; margin: 0 0 0 .5em; color: #a00; } .oficon-fixed{ color: #0a0; } /* error message */ .oferror-message, .ofsuccess-message{ border: 1px solid #f00; padding: 1em; font-size: 1.3em; color: #a00; font-weight: bold; margin: 0 0 1em 0; background-color: #fbb; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .oform-message-ul{ margin: 0; } .oform-message-item{ margin: 0 0 8px 0; padding: 0; background: none; font-weight: normal; } .oferror-message .oform-message-item{ padding: 0 0 0 15px; position: relative; } .oferror-message .oform-message-item:before{ position: absolute; top: 1px; left: 0; content: '!'; font-family: icons; font-size: .9em; } .ofsuccess-message{ color: #0a0; border: 1px solid #0a0; background-color: #beb; } .ofinput-error-message{ color: #a00; clear: both; font-size: 1.3em; padding: .3em 0 0 0; text-shadow: 1px 1px 2px #888; } /* ======== front end sections ======== */ .front-end h2.oform-section-header{ font-size: 2.3em; margin: 40px 0 0 0; padding: 0; } p.oform-section-description{ margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: solid 1px #aaa; } .front-end p.oform-section-description{ font-size: 1.4em; } .front-end .help-wrapper{ float: left; } .front-end .help-wrapper .help-button{ cursor: pointer; } .front-end .help-wrapper .help-box{ position: absolute; top: -27px; left: 25px; display: none; } .front-end .important-btn{ padding: 10px 15px; font-size: 14px; } /* ================ obray styles ================ */ /* ========= OBRAY STRUCTURE ========= 1. Oarea 2. Opart 3. Additional footer padding 4. Typography 5. Spinner ========= EDIT ICONS ========= 1. Icon wrapper 2. Individual icons ========= MODAL BOX ========= 1. Header 2. Form section 3. Footer ========= SITE MAP ========= 1. Pages 2. Form ========= TOOL BAR ========= ========= TEXT BOX ========= back end styles are set here so admin areas are always consistent no matter how the front end is styled */ /* ======== obray structure ======== */ /* oarea */ .oarea{ min-height: 25px; } /* opart */ .opart{ float: left; } /* additional padding at footer so that site comes above toolbar */ .obray-admin-footer{ padding: 80px 0; } /* ======== typography ======== */ /* font family */ .box, .obray-admin-container, .obray-map, .owidget-menu-item{ font-family: Helvetica, Arial, sans-serif; } /* font styles - some styles are set to long hand to prevent being overwritten by front end styles */ .box h1, .box h2, .box h3, .box h4{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #000; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; background-image: none; background-color: transparent; border: none; line-height: 1; text-align: left; letter-spacing: 0; text-shadow: 0 2px 0 #fff; } .box h1{ font-size: 22px; } .box h2{ font-size: 18px; } .box h3{ font-size: 16px; } .box h4{ font-size: 14px; font-weight: bold; } .box-section-content p{ font-size: 12px; color: #a5a5a5; margin: 0; padding: 5px 0; } /* spinner */ .spinner{ background-color: #fff; opacity: .75; } /* ======== global styles ======== */ /* corner */ .obray-admin-corner{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* ======== edit icons ======== */ .oedits{ position: absolute; right: 0; top: 0; padding: 0; } .oedit-icon{ font-family: icons; font-size: 18px; display: block; color: #999; padding: 0 0 0 7px; cursor: pointer; } .oedit-icon:hover{ color: #fff; text-shadow: 0px 0px 8px #444; } /* ======== modal box ======== */ /* remove IE filter from all divs for IE9 SVG gradient */ /* .ie9 .box div{ filter: none; } */ .box{ visibility:hidden; opacity:0; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease; overflow: hidden; } /* overlay background */ .box-overlay{ position: fixed; top: 0; left: 0; background-color: #000; z-index: 9999; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44MSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.81) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.81))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.81) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.81) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.81) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.81) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cf000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ visibility:hidden; opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .box-opened{ visibility:visible; opacity:1; } /* close button */ .box-close{ font-family: icons; font-size: 25px; position: absolute; right: 7px; top: 7px; color: #333; cursor: pointer; z-index: 10000; text-shadow: 0 2px 0 #fff; } .box-close:hover{ color: #f00; } /* header container */ .box-section-header{ height: 45px; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 11%, #e2e2e2 51%, #d6d6d6 94%, #afafaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(11%,#e5e5e5), color-stop(51%,#e2e2e2), color-stop(94%,#d6d6d6), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 11%,#e2e2e2 51%,#d6d6d6 94%,#afafaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 11%,#e2e2e2 51%,#d6d6d6 94%,#afafaf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 11%,#e2e2e2 51%,#d6d6d6 94%,#afafaf 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#e5e5e5 11%,#e2e2e2 51%,#d6d6d6 94%,#afafaf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afafaf',GradientType=0 ); /* IE6-8 */ -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* header icon */ .box-section-header img{ margin: 9px; } /* header title */ .box-section-header h1{ padding: 11px 11px 11px 2px; } /* form section */ .obray-admin-container .box-section-content{ } /* section content */ .box-section-content .oform-section-content{ border-bottom: 1px solid #e0e0e0; padding: 15px; } .box-section-content .oform-section-even{ background-color: #f5f5f5; } .box p.oform-section-description{ margin: 0 0 15px 0; } .box p.ogrid-content{ font-weight: bold; margin: 0 20px; } /* footer */ .box-footer{ width: 100%; height: 55px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #afafaf; /* Old browsers */ background: rgb(175,175,175); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmYWZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZDZkNmQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(214,214,214,1) 6%, rgba(226,226,226,1) 49%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(175,175,175,1)), color-stop(6%,rgba(214,214,214,1)), color-stop(49%,rgba(226,226,226,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(175,175,175,1) 0%,rgba(214,214,214,1) 6%,rgba(226,226,226,1) 49%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(175,175,175,1) 0%,rgba(214,214,214,1) 6%,rgba(226,226,226,1) 49%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(175,175,175,1) 0%,rgba(214,214,214,1) 6%,rgba(226,226,226,1) 49%,rgba(226,226,226,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(175,175,175,1) 0%,rgba(214,214,214,1) 6%,rgba(226,226,226,1) 49%,rgba(226,226,226,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .box-footer.oform-container{ min-height: 40px; } /* .ie9 .box-footer{ filter: none; } */ /* std button & important button placement */ .box-footer .oform-btn, .box-footer .important-btn{ padding: 12px 20px; margin: 6px 5px 0 10px; font-size: 13px; line-height: 1.3em; } /* std button width */ /*.box-footer .oform-btn{ width: auto; }*/ /* ==== olist items ==== */ /* list items */ .olist-ul{ margin: 0; padding: 0; } .olist-item{ display: block; color: #888888; margin: 0; padding: 10px; background-image: none; border-bottom: 1px solid #e0e0e0; } .olist-ul .odd{ background-color: #fff; } .olist-ul .even{ background-color: #f5f5f5; } /* ======== site map ======== */ /* body */ .obray-map{ overflow: hidden; margin: 0px; padding: 0px; } /* wrapping div for page title, images and control buttons */ .opage{ margin: 5px 5px 29px 5px; } /* title that goes above page images */ .opage-title{ font-size: 14px; height: 20px; text-shadow: 0 1px 2px #858585; color: #454545; } /* contains images and control buttons */ .opage-content{ width: 125px; height: 175px; position: relative; margin: 0 auto; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* template & layout images */ .opage-template, .opage-layout{ width: 125px; height: 150px; position: absolute; top: 0; left: 0px; } .opage-layout{ font-size: 12px; } /* control buttons */ .opage-controls{ position: absolute; bottom: 0; left: 0; } .opage-controls-button{ width: 63px; height: 25px; background: rgb(255,255,255); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYzZjNmM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(198,198,198,1) 4%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(4%,rgba(198,198,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 4%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 4%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 4%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 4%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ border: solid 1px #959595; margin: 0 -1px 0 0; } .opage-controls-button:hover{ background: rgb(255,255,255); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(198,198,198,1) 96%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(96%,rgba(198,198,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 96%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 96%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 96%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(198,198,198,1) 96%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .opage-controls-button:active{ -moz-box-shadow: inset 0 0 1px #444; -webkit-box-shadow: inset 0 0 1px #444; box-shadow: inset 0 0 1px #444; } /* .ie9 .opage-controls-button{ filter: none; } */ /* horizontal & vertical guides */ .opage-top-guide, .opage-bottom-guide{ height: 49px; position: absolute; border-left: 1px solid #000; opacity: .1; } .opage-top-guide{ left: 62px; top: -50px; } .opage-bottom-guide{ left: 62px; bottom: -25px; } .opage-horizontal-guide{ margin: -25px 68px 0px 68px; border-top: 1px solid #000; opacity: .1; } /* plus minus button to open/close child pages */ .opage-button{ width: 25px; height: 25px; position: absolute; bottom: -35px; left: 50px; font-family: icons; font-size: 18px; color: #999; line-height: 25px; } /* containing div for oform inside box */ .obray-map .box .box-section-content{ padding: 20px; } .zoom-knob{ background: #7d7e7d; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #7d7e7d 0%,#0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-image: -webkit-radial-gradient( 50% 0%, 8% 50%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient( 50% 100%, 12% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient( 0% 50%, 50% 7%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient( 100% 50%, 50% 5%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, .1) 3.5%), -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, .1) 7.5%), -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, .2) 2.2%), -webkit-radial-gradient( 50% 50%, 200% 50%, rgba(230, 230, 230, 1) 5%, rgba(217, 217, 217, 1) 30%, rgba(153, 153, 153, 1) 100%); background-image: -moz-radial-gradient( 50% 0%, 8% 50%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient( 50% 100%, 12% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient( 0% 50%, 50% 7%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient( 100% 50%, 50% 5%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -moz-repeating-radial-gradient( 50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, .1) 3.5%), -moz-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, .1) 7.5%), -moz-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, .2) 2.2%), -moz-radial-gradient( 50% 50%, 200% 50%, rgba(230, 230, 230, 1) 5%, rgba(217, 217, 217, 1) 30%, rgba(153, 153, 153, 1) 100%); background-image: -ms-radial-gradient( 50% 0%, 8% 50%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -ms-radial-gradient( 50% 100%, 12% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), -ms-radial-gradient( 0% 50%, 50% 7%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -ms-radial-gradient( 100% 50%, 50% 5%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -ms-repeating-radial-gradient( 50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, .1) 3.5%), -ms-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, .1) 7.5%), -ms-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, .2) 2.2%), -ms-radial-gradient( 50% 50%, 200% 50%, rgba(230, 230, 230, 1) 5%, rgba(217, 217, 217, 1) 30%, rgba(153, 153, 153, 1) 100%); background-image: -o-radial-gradient( 50% 0%, 8% 50%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -o-radial-gradient( 50% 100%, 12% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), -o-radial-gradient( 0% 50%, 50% 7%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -o-radial-gradient( 100% 50%, 50% 5%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), -o-repeating-radial-gradient( 50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, .1) 3.5%), -o-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, .1) 7.5%), -o-repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, .2) 2.2%), -o-radial-gradient( 50% 50%, 200% 50%, rgba(230, 230, 230, 1) 5%, rgba(217, 217, 217, 1) 30%, rgba(153, 153, 153, 1) 100%); background-image: radial-gradient( 50% 0%, 8% 50%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient( 50% 100%, 12% 50%, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient( 0% 50%, 50% 7%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient( 100% 50%, 50% 5%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%), repeating-radial-gradient( 50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, .1) 3.5%), repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, .1) 7.5%), repeating-radial-gradient( 50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, .2) 2.2%), radial-gradient( 50% 50%, 200% 50%, rgba(230, 230, 230, 1) 5%, rgba(217, 217, 217, 1) 30%, rgba(153, 153, 153, 1) 100%); -moz-box-shadow: 0 0 8px #444; -webkit-box-shadow: 0 0 8px #444; box-shadow: 0 0 8px #444; } .zoom-container{ -moz-box-shadow: inset 0 0 8px #222; -webkit-box-shadow: inset 0 0 8px #222; box-shadow: inset 0 0 8px #222; } /* ======== widget drawer ======== */ /* widget icon */ .owidget-icon{ width: 125px; height: 125px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .owidget-icon:hover{ background: #eee; -moz-box-shadow: inset 0 0 6px #444; -webkit-box-shadow: inset 0 0 6px #444; box-shadow: inset 0 0 6px #444; } /* widget name */ .owidget-name{ font-size: 13px; color: #000; } /* ======== widget cog ======== */ /* cog */ .obray-cog{ position: absolute; top: -10px; right: -10px; font-family: icons; font-size: 25px; color: #999; z-index: 1000000; } .obray-cog.active{ color: #777; text-shadow: 0 2px 2px #f00; } /* menu wrapper */ .cog-menu{ width: 150px; position: absolute; top: 10px; left: -133px; background-color: #999; } /* menu items */ .owidget-menu-item{ color: #fff; text-shadow: 0 1px 1px #444; } .owidget-menu-item:hover{ background-color: #555; } .owidget-menu-icons{ font-family: icons; font-size: 14px; padding: 5px; } .owidget-menu-labels{ font-size: 15px; padding: 5px; } /* widget bar */ .owidget-bar-title a{ color: #f00; } /* ======== text box ======== */ /* ======== otext a box ======== */ .otext-a-box{ background: rgb(242,245,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 54%, rgba(200,215,220,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(54%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 54%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 54%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 54%,rgba(200,215,220,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 54%,rgba(200,215,220,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .otext-a-box input{ margin: 5px; border: 1px solid #ddd; color: #888; } /* ======== otext toolbar ======== */ .otext-toolbar, .otext-style-button{ background: #eceded; /* Old browsers */ background: -moz-linear-gradient(top, #eceded 0%, #b2b4b6 50%, #9ea0a2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceded), color-stop(50%,#b2b4b6), color-stop(100%,#9ea0a2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eceded 0%,#b2b4b6 50%,#9ea0a2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eceded 0%,#b2b4b6 50%,#9ea0a2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eceded 0%,#b2b4b6 50%,#9ea0a2 100%); /* IE10+ */ background: linear-gradient(top, #eceded 0%,#b2b4b6 50%,#9ea0a2 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#9ea0a2',GradientType=0 );*/ /* IE6-9 */ /*box-shadow: 0px 4px 10px #333;*/ border: 1px solid #898b8e; } .otext-tool-button{ padding: 2px; width: 30px; height: 30px; } .otext-tool-button-hover{ background: #888; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ } .drop-down-over{ background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #777777 98%, #565656 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(98%,#777777), color-stop(100%,#565656)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#777777 98%,#565656 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#777777 98%,#565656 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#777777 98%,#565656 100%); /* IE10+ */ background: linear-gradient(top, #333333 0%,#777777 98%,#565656 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#565656',GradientType=0 ); /* IE6-9 */ color: #aaa !important; } .otext-styles{ background: #eaebec; /* Old browsers */ background: -moz-linear-gradient(top, #eaebec 0%, #8e9093 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaebec), color-stop(100%,#8e9093)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eaebec 0%,#8e9093 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eaebec 0%,#8e9093 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eaebec 0%,#8e9093 100%); /* IE10+ */ background: linear-gradient(top, #eaebec 0%,#8e9093 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebec', endColorstr='#8e9093',GradientType=0 ); /* IE6-9 */ } /* .admin-container .oform-container .ofdate-icon, .front-end .oform-container .ofdate-icon{ background-color: #ddd; cursor: pointer; } .admin-container .oform-container .ofdate-inner, .front-end .oform-container .ofdate-inner{ background-color: #fff; } .of-date-box{ color: #888; font-family: helvetica; font-size: 9px; } .admin-container .oform-container .oflabel{ width: 40%; text-align: right; margin-right: 10px; margin-left: -10px; } .admin-container{ font-family: Helvetica; } .admin-container .oferror-message{ font-size: 1.2em; } .admin-container .oform-container{ font-size: 9px; } */ /* ======== toolbar ======== */ .toolbar-container{ z-index: 8000; } .obray-admin-container .ogrid-price{ text-align:right; width: 60px; } .doc-body{ background-color: #e0e0e0 !important; } /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url('/obray/fonts/fontawesome-webfont.eot?v=3.0.1'); src: url('/obray/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/obray/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/obray/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; /* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"] { /* keeps button heights with and without icons the same */ } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eeeeee; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .rich-text-editor a:link {color:#888;} /* unvisited link */ .rich-text-editor a:visited {color:#555;} /* visited link */ .rich-text-editor a:hover {color:#000;} /* mouse over link */ .rich-text-editor a:active {color:#000;} /* selected link */ .wysihtml5-command-active{ color: #000; } .wysiwyg-text-align-right{ text-align: right; } .wysiwyg-text-align-left{ text-align: left; } .wysiwyg-text-align-center{ text-align: center; } .height-50{ } .height-100{ } .height-150{ } .height-200{ } .height-250{ } .height-300{ } .height-350{ } .height-400{ } .height-450{ } .height-500{ } .height-550{ } .height-600{ } .height-650{ } .height-700{ }/* ================ body ================ */ html{ /*background: url(/templates/default/images/background.png) repeat 0 0;*/ height: 100%; } body { min-height: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; color: #444; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#dbdbdb 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#dbdbdb 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 0%,#dbdbdb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ padding: 10px 0 0 0; } /* container */ .container{ max-width: 1000px; margin: 0 auto; } #container{ width: 95%; max-width: 1000px; margin: 0 auto; outline: solid 1px #f00; } header.container{ margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 10px; } /* skip nav */ .skip-nav{ background: #f00; color: #fff; padding: 5px 10px; display: inline-block; } .ie7 .skip-nav{ padding: 0; } .ie7 .skip-nav:active{ padding: 5px 10px; } /* ================ ogrid resets ================ */ /*.ogrid-outline{ outline-color: transparent; }*/ .opart-img{ margin: 0 20px; } .ogrid-outline{ outline: solid 0px #100; } /* ================ global typography ================ */ @font-face { font-family: 'PlayRegular'; src: url('/assets/fonts/play-regular-webfont.eot'); src: url('/assets/fonts/play-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/play-regular-webfont.woff') format('woff'), url('/assets/fonts/play-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .post-title{ margin: 5px 0; padding: 0; color: #fff; } .post-title a, .post-title a:visited{ color: #fff; } .post-title a:hover{ color: #444; text-decoration: none; } /* ================ global ================ */ /* horizontal UL's */ .horizontal-ul{ margin: 0; padding: 0; } .horizontal-item{ float: left; background-image: none; margin: 0; padding: 0; } .horizontal-separator{ float: left; background-image: none; margin: 0; padding: 0 10px; } /* dividers */ hr.gradient{ width: 100%; height: 10px; border: none; clear: both; } .ie7 hr.gradient{ display : list-item; list-style : url(/templates/default/images/gradient.png) inside; filter : alpha(opacity=0); margin: 10px 0 2px 0; padding: 0; } hr.divider{ border-color: #888; } /* corners */ .corner{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* gradients */ .gradient{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 ); } /* secondary-link */ .secondary-link a, .secondary-link a:visited{ color: #000; } .secondary-link a:hover, .secondary-link a:focus, .ie7 .secondary-link a:active{ color: #000; text-decoration: none; } /* pagination */ .pagination{ margin: 20px 0 0 0; padding: 5px 0 0 0; border-top: solid 1px #bbb; } .pagination a{ margin: 0; padding: 0 5px; line-height: 1; } .pagination .selected{ color: #000; } /* images */ .default-image{ width: 100%; height: 100%; background: #aaa; opacity: .5; filter: alpha(opacity=50); } /* icons */ .icon{ font-family: icons; } /* ================ ie7 & ie8 global fixes (minor fixes should be with specific css) ================ */ /* fix black flash of png transparency issue */ .ie8 .header-social-media span{ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00FFFFFF', EndColorStr='#00FFFFFF'); } .accordion-inner{ width: 90%; } /* ================ template ================ */ /* == typography == */ h1, h2, h3, h4{ color: #0093AD; font-weight: normal; padding: 1.45em 0 -.73em 0; } h1{ color: #000; } p{ padding: 0 0 1.45em 0; } li{ padding: 0 0 0 20px; margin: 0 30px 6px 40px; background: url(/templates/default/images/dark-grey-circle.png) no-repeat 0 4px; } a, a:visited{ color: #555; } p a{ padding: 2px 4px; } p a:hover, p a:focus, .ie7 p a:active{ color: #444; background: #fff; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .error{ color: #f00; } /* == header elements == */ .cart{ font-size: 1.2em; margin: 0 5px 0 0; } header{ } /* social media */ .header-social-media a{ width: 22px; height: 22px; position: relative; } .header-social-media span{ width: 22px; height: 22px; position: absolute; top: 0; left: 0; background: url(/templates/default/images/sprite.png) no-repeat 0 -35px; } /* standard state */ .header-social-media .std{ z-index: 2; opacity: 1; } .header-social-media .rollover{ z-index: 1; opacity: 0; } /* rollover */ /* change z-index in IE instead of opacity so we don't get black border around icons */ .header-social-media a:hover .std, .header-social-media a:focus .std{ opacity: 0; } .header-social-media a:hover .rollover, .header-social-media a:focus .rollover{ opacity: 1; } .ie7 .header-social-media a:hover .std, .ie7 .header-social-media a:active .std, .ie8 .header-social-media a:hover .std, .ie8 .header-social-media a:focus .std{ z-index: -2; } /* social media icons */ .header-social-media .twitter .std{ background-position: 0 -35px; } .header-social-media .twitter .rollover, .header-social-media .twitter:focus .rollover{ background-position: 0 -57px; } .header-social-media .facebook .std{ background-position: -22px -35px; } .header-social-media .facebook .rollover{ background-position: -22px -57px; } .header-social-media .rss .std{ background-position: -44px -35px; } .header-social-media .rss .rollover{ background-position: -44px -57px; } /* == footer elements == */ /* footer nav */ .footer-nav{ margin: 0 0 20px 0; } .footer-nav .ogrid-horizontal-item, .footer-nav .ogrid-horizontal-separator{ text-transform: capitalize; color: #888; } .footer-nav .ogrid-horizontal-item a, .footer-nav .ogrid-horizontal-item a:visited{ color: #888; font-weight: normal; } .footer-nav .ogrid-horizontal-item a:hover{ color: #fff; } .footer-nav .ogrid-horizontal-separator{ padding: 0 5px; } /* == main-content == */ #content{ background-color: transparent; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } /* ================ layout styles ================ */ #main-content .opart-img, .full-splash-column .opart-img{ margin: 0px; } /* ---------------------- main nav ----------------------------------------------------------------------------------------------------------- */ /* ---------------------- main nav wrapper */ .main-nav{ height: 32px; background-color: #888; position: relative; z-index: 2; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 50px; } /* ---------------------- 1st level */ .main-nav .onav-ul{ margin: 0 0 0 10px; padding: 0; } .main-nav .onav-item{ float: left; margin: 0; padding: 0; background-image: none; position: relative; } .main-nav .onav-item a{ margin: 0; padding: 0 12px; font-size: .9em; color: #fff; text-transform: uppercase; text-decoration: none; background: none; line-height: 31px; display: block; } .main-nav .onav-separator{ width: 3px; height: 32px; margin: 0; padding: 0; text-indent: -9999px; font-size: 0; } .main-nav .selected a, .main-nav .onav-item a:hover{ background-color: #555; } .mini-nav.ogrid-horizontal-ul{ margin-top: 35px; } /* ---------------------- sub pages */ .main-nav .onav-sub-pages{ width: 237px; min-height: 30px; position: absolute; top: 32px; left: -5px; padding: 0; background-color: #555; } .main-nav .onav-sub-pages:after{ width: 237px; height: 6px; position: absolute; bottom: -6px; left: 0; content: ''; background-color: #555; } .main-nav .onav-sub-page-ul{ width: 227px; margin: 0 0 0 5px; padding: 0; } .main-nav .onav-sub-page-ul .onav-item{ background: none; font-size: 1em; float: none; } .main-nav .onav-sub-page-ul .onav-item a{ color: #fff; font-weight: bold; text-align: left; margin: 0; padding: 10px; line-height: 1; display: block; background: none; } .main-nav .onav-sub-page-ul .onav-item-link:hover{ text-decoration: none; background: #373636; } .main-nav .onav-sub-page-ul .onav-separator{ display: none; } .mini-nav li{ font-size: 1.2em; } /* ================ oform styles ================ */ /* ======== label ======== */ /* structure */ .front-end .oflabel{ color: #444; } /* ======== generic form element styles ======== */ /* fonts */ .front-end .ofselect, .front-end .oftext, .front-end .offile-display{ color: #000; } /* background colours */ .ie7 .front-end .offile-display, .ie7 .front-end .ofselect, .ie7 .front-end .upload-progress-bar, .ie8 .front-end .offile-display, .ie8 .front-end .ofselect, .ie8 .front-end .upload-progress-bar{ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ) !important;*/ filter: none; } /* ======== focus / active ======== */ /* gradient */ .ie7 .front-end .ofselect:focus, .ie8 .front-end .ofselect:focus{ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#20000000',GradientType=0 ) !important;*/ border: solid .1em #f00; } /* ================ responsive ================ */ @media screen and (max-width: 480px) { .container{ background: #f00; } } /* ================ Banner Widget /widgets/WBanner/css/default.css ================ */ #WBanner{ min-height: 15px; }/* ================ Contact Widget /widgets/WC3/css/default.css ================ */ .WC3{ } .server-time { float: right; font-size: 1.2em; text-align: right; margin: 0 30px; } .server-time a { color: #0093AD; text-decoration: underline; padding: 0 15px; border-right: solid 1px #999; font-size: 1.2em; margin-bottom: 1em; display: inline-block; } .server-time a:hover { text-decoration: underline; color: #00AD44; } .server-time a:last-child { padding-right: 0; border-right: 0 none; } .server-time a.selected { color: inherit; text-decoration: none; cursor: default; } .clear { clear: both; } .c3-error { font-size: 1.5em; color: #600; background: #fee; border: solid 1px #600; padding: 15px; margin: 2em; text-align: center; } .wsign-details > h4, .c3-playlist-wrapper > h4 { font-size: 2em; padding-bottom: .5em; margin: 2em 20px 1em; border-bottom: solid 2px #ccc; } .wsigns-list { margin: 0px 20px 20px 20px; } .wsigns-header{ padding: 7px 10px; font-weight: normal; background: #e5e5e5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e5e5e5 0%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#999999 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#999999',GradientType=0 ); /* IE6-8 */ border: 1px solid #bbb; border-top-left-radius: 10px; border-top-right-radius: 10px; text-shadow: #ccc 1px 1px 0; font-size: 16px; } .frame-size { margin: 5px 20px 15px; font-size: 1.1em; } .wsigns-row, .wscreens-row { position: relative; padding: 5px; border-bottom: 1px solid #ccc; } .wscreens-row { line-height: 48px;} .c3-screens-count { float: right; font-size: 1.2em; margin-bottom: 1em; line-height: 2; padding-right: 30px; } .wscreens-row a, .breadcrumbs a { font-size: 1.2em; color: #0093AD; } .breadcrumbs a { font-size: .8em; text-transform: uppercase; display: block; } .breadcrumbs a:before { content: '« '; } .breadcrumbs .current-screen { padding-left: 20px; } .breadcrumbs .c3-screen-key { font-size: .7em; color: #888; letter-spacing: 1px; } .breadcrumbs .c3-screen-key strong { font-weight: 300; color: #777; letter-spacing: 0; } .wscreens-row .status { padding-right: 5px; } .breadcrumbs { font-size: 2em; } .breadcrumbs { } .wscreens-row .c3-screen-key { font-family: "Lucida Console", Monaco, monospace; background: #eee; border: solid 1px #aaa; margin-right: 15px; line-height: 2; text-align: center; vertical-align: middle; display: inline-block; width: 90%; } .wsigns-row figure a { display: block; overflow: hidden; } .wsigns-row figure .imagebox { float: left; margin-right: 1em; margin-bottom: 1em; } .wsigns-row figure .imagebox img { width: 100%; height: 100%; } .c3-primary-playlist .wsigns-row figure .imagebox { width: 192px; height: 108px; } .c3-side-playlist .wsigns-row figure .imagebox { width: 48px; height: 108px; } .c3-bottom-playlist .wsigns-row figure .imagebox { width: 480px; height: 54px; } .wsigns-row .imagebox a { cursor: -webkit-zoom-in; } .wsigns-row a.preview { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); z-index: 9999999; text-align: center; overflow: auto; cursor: -webkit-zoom-out; } .wsigns-row .preview .imagebox { transform: scale(4,4); display: inline-block; float: none; margin: 0; } .c3-side-playlist .wsigns-row .preview .imagebox { transform: scale(7,7); } .c3-bottom-playlist .wsigns-row .preview .imagebox { transform: scale(2,2); } .c3-bottom-playlist .wsigns-row .preview .imagebox img { top: 300%; } .wsigns-row .preview img { position: relative; top: 50%; } .wsigns-row > div:first-child { font-size: 3em; color: #ccc; line-height: 3.5; text-align: center; } .wsigns-row:hover { background: #ddd; } .wsigns-row:hover > div:first-child { color: #999; } .wsigns-row figure h5 { margin-top: .5em; margin-bottom: .5em; font-size: 1.5em; font-weight: normal; } .wsigns-row figure figcaption { float: left; white-space: nowrap; min-width: 200px; line-height: 1.6; color: #666; } .wsigns-row figure figcaption strong { display: inline-block; width: 4em; text-align: right; margin-right: .5em; } .wsigns-header a:hover{ color: #fff; } .myBtn { height: 30px; font-size: 10pt; text-decoration: none; text-shadow: none; color: #fff; } .myBtn a { color: #fff; } /* ================ Contact Widget /widgets/WContact/css/default.css ================ */ .WContact{ margin: 0px; } /* ================ Login Widget: /widgets/WLogin/css/default.css ================ */ /* ================ Contact Widget /widgets/WContact/css/default.css ================ */ #WStart{ } a:hover{ text-decoration: none; } .WStart-right-column h2{ color: #00c5eb; margin-bottom: 20px; } .WStart p{ color: #888; margin: 10px 20px 10px 20px; font-size: 1.2em; } .WStart{ width: 100%; padding-top:40px; padding-bottom: 40px; } .WStart-left-column{ padding-top: 25px; text-align: center; } .WStart-left-column .important-btn{ float: none; font-size: 16px; } .WStart-right-column{ padding-left: 25px; border-left: 1px solid #888; font-size: 28px; } .WStart ol{ margin-left: 100px; } .WStart li:before{ font-size: 60px; line-height: 0px; } .WStart li{ background: none; padding: 15px; } .WStart-tag-line p{ font-size: 30px; color: #000; text-transform:uppercase; font-family: Helvetica; letter-spacing: -1px; } .WStart .call-to-action{ text-align: center; } .WStart .call-to-action .important-btn{ float: none; text-align: center; font-size: 18px; width: 250px; display: inline-block; } .WStart .WStart-right-column p{ font-size: .5em; }