/*
Tripoli is a generic CSS standard for HTML rendering.
Copyright (C) 2007 David Hellsing
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .
*/
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
/*
Tripoli is a generic CSS standard for HTML rendering.
Copyright (C) 2007 David Hellsing
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .
*/
/*
-----------------------------
GENERIC
-----------------------------
*/
/* MAIN TYPOGRAPHY */
html { font-size: 62.5%; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* language specific quotes! */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }
/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before { content: '\201C'; }
html[lang|='en'] q:after { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after { content: '\2019'; }
/* FORMS */
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
/*
-----------------------------
CONTENT ONLY
-----------------------------
*/
/* BASE SIZES */
.content { font-size: 1.2em; line-height: 1.6em; }
.content h1 { font-size: 1.6em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }
/* HR */
.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
/* LISTS */
.content ul li { text-indent: -.85em; margin-left: .85em; }
.content ul li:before { content: "\2022\00a0\00a0"; }
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }
/* TABLES */
.content table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
/* MARGINS & PADDINGS */
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em; }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }
/* COLORS */
.content a:link { text-decoration: underline; color: #36c; }
.content a:visited { text-decoration: underline; color: #99c; }
.content a:hover { text-decoration: underline; color: #c33; }
.content a:active, .content a:focus { text-decoration: underline; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
html { background-color: #272727; }
body {
background-color: #272727;
text-align: center;
color: #fff;
}
li:before { content: ""; }
.content {
width: 874px;
margin: 0 auto;
text-align: left;
}
.clrf { clear: both; }
/* */
#header_bg {
background: #222 url(http://mobygreen.com/wp-content/themes/mobygreen/_images/header_bg.jpg) repeat-x;
height: 104px;
}
#header {
}
/* */
#nav_bg {
height: 40px;
}
#nav_bg.blue { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/nav_bg_blue.jpg);}
#nav_bg.grey { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/nav_bg_grey.jpg);}
#nav {
background-position: center 1px;
background-repeat: no-repeat;
height: 40px;
}
#nav.blue { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/nav_blue.jpg);}
#nav.grey { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/nav_grey.jpg);}
#nav .content {
position: relative;
}
ul#mainnav {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
}
ul#mainnav li {
float: left;
list-style-type: none;
padding-left: 40px;
}
ul#mainnav li:before { content: ""; }
ul#mainnav li a,
ul#mainnav li a:link {
color: #fff;
font-weight: bold;
}
ul#mainnav li a:visited { color: #eee; }
ul#mainnav li a:hover,
ul#mainnav li.current_page_item a {
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/nav_select.gif);
background-position: center bottom;
background-repeat: no-repeat;
color: #C1F1BD;
}
ul#mainnav li a:active { color: #000; }
ul#mainnav li a {
line-height: 39px;
padding-bottom: 13px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#mainnav li.page_item a { }
/* */
#promo_bg {
background: #37922f url(http://mobygreen.com/wp-content/themes/mobygreen/_images/promo_bg.jpg) repeat-x;
clear: both;
}
#promo_bg.about { background: #1F130F url(http://mobygreen.com/wp-content/themes/mobygreen/_images/about/promo_bg_about.jpg) repeat-x; }
#promo_bg.portfolio { background: #155e10 url(http://mobygreen.com/wp-content/themes/mobygreen/_images/portfolio_banner_bg.jpg) center top repeat-x; }
#promo {
background-position: center top;
background-repeat: no-repeat;
}
#promo.home { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/promo_home.jpg); }
#promo.services { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/promo_services.jpg); }
#promo.about { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/about/promo_about.jpg); }
#promo.portfolio { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/portfolio_banner.jpg); }
#promo .content {
position: relative;
height: 369px;
}
#promo.portfolio .content p {
margin: 0 0 0 -20px;
padding-top: 80px;
line-height: 1.8em;
font-size: 1.2em;
}
#promo.home .content #switchoff {
position: absolute;
bottom: 0px;
left: 0;
}
#promo.portfolio .content #switchoff {
position: absolute;
bottom: 1px;
left: 0;
}
#promo.home .content #switchoff a,
#promo.portfolio .content #switchoff a {
display: block;
padding-left: 30px;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/hidetab.gif);
background-position: left bottom;
background-repeat: no-repeat;
width: 80px;
height: 16px;
color: #C1F1BD;
text-decoration: none;
}
#promo .content h2 { margin: 0; padding: 0 }
#promo p.more {
padding: 15px 0 0 0;
color: #9AE094;
text-align: right;
clear: both;
}
#promo p.more a {
color: #9AE094;
}
#no_promo_bg { background: #358c2d url(http://mobygreen.com/wp-content/themes/mobygreen/_images/no_promo_bg.jpg) no-repeat center top; }
#no_promo {
}
#no_promo .content {
height: 110px;
}
#no_promo .content h2 { margin: 0; padding: 0 }
/* */
#main {
background-color: #5198B4;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/main_bg.jpg);
background-position: left top;
background-repeat: repeat-x;
height: 100%;
}
#main .content {
position: relative;
padding: 29px 0 50px 0;
}
#main .services-tip {
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/services_bot-tip.jpg);
background-position: left top;
background-repeat: no-repeat;
padding-top: 59px;
}
#main .portfolio {
padding-top: 58px;
}
#main .about { padding: 0; }
#main .about .about_nav,
#main .services-tip .about_nav {
height: 77px;
padding-bottom: 50px;
}
#main .services-tip .about_nav {
margin-top: -59px;
}
#main .about_nav a,
#main .about_nav span {
padding-top: 55px;
height: 21px;
width: 132px;
display: block;
float: left;
text-align: center;
margin-right: 1px;
}
.who { background: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/about/what.jpg) 0 0 no-repeat; }
.what { background: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/about/who.jpg) 0 0 no-repeat; }
.about_nav span.active,
.about_nav a:hover { background-position: 0 -77px; }
#main .contentwrap {
clear: both;
}
#main .content h3,
#main .content h4,
#main .content h5 {
margin: 0;
padding: 0;
}
#main .content #switchon {
position: absolute;
top: 1px;
left: 0;
}
#main .content #switchoff a {
display: block;
padding-left: 30px;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/hidetab.gif);
background-position: left top;
background-repeat: no-repeat;
width: 80px;
height: 16px;
color: #C1F1BD;
text-decoration: none;
}
h3#strategic_design,
h3#safe_investment,
h3#smart_technology {
text-align: center;
width: 272px;
height: 60px;
background-repeat: no-repeat;
line-height: 70px;
}
h3#strategic_design { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/strategic_design.jpg); }
h3#smart_technology { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/smart_technology.jpg); }
h3#safe_investment { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/safe_investment.jpg); }
h4#news,
h4#feedback {
height: 38px;
line-height: 38px;
background-position: 0 0;
background-repeat: no-repeat;
position: relative;
vertical-align: middle;
}
h4#news { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/leaf_news.jpg); }
h4#feedback { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/leaf_feedback.jpg); }
h4#news span,
h4#feedback span {
position: absolute;
top: 10px;
left: 35px;
}
.home_h3 { font-size: 25px; line-height: 25px; }
.home_h4 { font-size: 20px; line-height: 30px; }
.sifr28 { font-size: 28px; line-height: 28px; }
.quarter {
float: left;
width: 218px;
}
.third {
float:left;
width: 281px;
}
.half {
float: left;
width: 427px;
}
.padded_half_l,
.padded_half_r {
float: left;
width: 412px;
}
.padded_half_l { padding-right: 15px; }
.padded_half_r { padding-left: 15px; padding-top:127px;}
.padded_half_r2 { padding-left: 15px; padding-top:62px;}
.padded_half_r3 { padding-left: 15px; padding-top:97px;}
.twothirds {
float: left;
width: 562px;
}
.full {
float: left;
width: 850px;
}
#main .content a { color: #E7F4B2;}
#main .content a:hover,
#footer .content a:hover { color: #fff;}
#main p {
line-height: 1.6em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.lft {
padding-right: 10px;
}
#main .lft p {
padding: 0 15px 1em 10px;
}
.ctr {
padding: 0 5px;
}
#main .ctr p {
padding: 0 15px 1em 15px;
}
.rgt,.spc {
padding-left: 10px;
}
#main .rgt p {
padding: 0 10px 1em 15px;
}
.topline {
border-top: 1px solid #86b7cb;
padding-top: 30px;
}
.return_link { float: right; font-weight:bold;}
.nopad { padding: 0 !important; }
.fadebox {
width: 241px;
min-height: 213px;
float: left;
margin: 20px 0 0 30px;
padding: 20px 0 0 40px;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/services_fadebox_bg.jpg);
background-position: 0 0;
background-repeat: repeat-x;
}
.fadebox strong {
font-size: 1.1em;
line-height: 2em;
}
.fadebox2 {
width: 241px;
min-height: 213px;
float: left;
margin: 20px 0 0 30px;
padding: 20px 0 0 40px;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/services_fadebox_bg2.jpg);
background-position: 0 0;
background-repeat: repeat-x;
}
.fadebox2 strong {
font-size: 1.1em;
line-height: 2em;
}
ul.tick {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.tick li:before { content: ""; }
ul.tick li {
text-indent: 0;
height: 11px;
padding: 5px 0 6px 20px;
margin: 0;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/tick.gif);
background-position: left 10px;
background-repeat: no-repeat;
}
ul.news {
list-style-type: none;
padding: 0 20px 0 0;
margin: 0;
}
ul.news li:before { content: ""; }
ul.news li {
padding: 7px 0 0 0;
margin: 0;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/main_dot.jpg);
background-position: left top;
background-repeat: repeat-x;
}
ul.news li.top { background: none; }
ul.news li h5 { margin: 7px 0 9px 9px !important }
ul.news img {
float: left;
border: 5px solid #83B6CA;
text-decoration: none;
padding: 0;
margin: 5px 10px 0 0;
}
.fb_bg {
margin-top: 0;
padding-top: 15px;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/portfolio/list_bg.gif);
background-position: 0 100px;
background-repeat: no-repeat;
}
.content blockquote.feedback {
border: none;
color: #fff;
margin: 0;
padding: 5px 0 0 0;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/main_dot.gif);
background-position: left top;
background-repeat: repeat-x;
}
.content cite { padding-bottom: 5px; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
cite:before { content: ""; }
cite:after { content: ""; }
#main cite { text-align: right; display: block; }
.content blockquote.feedback p { padding-top: 0; margin: 1em 0 .5em 0; }
.viewall { padding-top: 5px;}
.nobg { background-image: none !important; padding: 0; }
img.reflected { padding: 5px 0 0 0 !important; }
ul.showcase li a.last { margin: 0; }
.testify { padding: 5px 0 0 14px !important; }
#clearance {
clear: both;
height: 50px;
}
.div60 {height:60px;}
/* */
#footer {
clear: both;
background-color: #3d3e3d;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/footer_pattern.jpg);
background-repeat: repeat-x;
background-position: 0 0;
padding: 0;
}
#footer .content { padding: 15px 0 0 0; }
#footer ul {
list-style-type: none;
padding: 0 0 15px 0;
margin: 0;
}
#footer ul li:before { content: ""; }
#footer ul li { line-height: 2em }
.fp a.thumblink img { border: 3px solid #515151; margin-bottom: 1em; }
.fp a:hover.thumblink img { border: 3px solid #aaa; }
.fp a.thumblink { margin: 0 10px 15px 0; }
#footer a { color: #959B9D; }
.footer_h5 { font-size: 20px; line-height: 20px; padding: 0; margin: 0; }
#footer .quarter { padding-bottom: 20px; }
/* css gallery icons only*/
.cssgal {
padding: 2em 0;
font-size: 1.1em;
color: #ccc;
}
.cssgal img {
margin: 0.7em 0.7em 0 0; border: 2px solid #464646;}
.cssgal img.start {
margin-left: 1em;}
/* */
.meta {
text-align: center;
padding: 3em 0;
font-size: 1.1em;
color: #678;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/bottom_bg.jpg);
background-repeat: repeat-x;
}
p.meta a,
p.meta a:link,
p.meta a:visited { color: #678 !important }
p.meta a:hover {
text-decoration: underline;
color: #aaa !important;
}
#reveal {
margin-top: 10px;
width: 900px;
position: relative;
}
#reveal ul {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
height: 145px;
}
#reveal li {
margin: 0 5px 0 0;
padding: 0;
float: left;
width: 130px;
height: 135px;
border: 5px solid #599d53;
background-color: #599d53;
background-repeat: no-repeat;
}
#reveal li:before { content: ""; }
#reveal li a { display: block; width: 100%; height: 100%; text-indent: -500em; }
#reveal li.opt1 { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/sc_1.jpg); }
#reveal li.opt2 { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/sc_2.jpg); }
#reveal li.opt3 { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/sc_3.jpg); }
#reveal li.opt4 { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/rs_hm.jpg); }
#reveal li.opt5 { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/sc_5.jpg); }
#reveal li.opt6 { background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/sc_6.jpg); }
/* */
/* main 'top-level' form elements */
/* */
.cform {
margin:20px 0 0 0;
margin-top: 50px !ie;
padding: 0 290px 0 0;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/contact/contact_couch.jpg);
background-position: right 12px;
background-repeat: no-repeat;
width: 554px;
}
.cform fieldset {
margin:10px 0 0 0;
padding:0;
border:1px solid #adadad;
border-left-color:#ececec;
border-top-color:#ececec;
background-image: url(http://mobygreen.com/wp-content/themes/mobygreen/_images/contact/contact_form_bg.jpg);
background-position: right bottom;
background-position: right 12px !ie;
background-repeat: no-repeat;
}
.cform fieldset.cf_hidden {
border:none!important;
background:none!important;
padding:0!important;
margin:0!important;
}
.cform legend {
margin-left:30px;
padding: 2px 10px;
font:normal 20px;
color: #fff;
background-color: #315c6f;
border: 1px solid #fff;
}
ol.cf-ol {
margin:0;
padding:0;
}
ol.cf-ol li {
margin:5px 0!important; /*some themes may interfere otherwise*/
padding:2px;
list-style:none!important;
text-align:left;
}
/* */
/* just for text-only fields (no input) */
/* */
ol.cf-ol li.textonly {
padding:3px 0;
text-align:center;
}
/* */
/* global definitions for field labels */
/* */
.cform label {
width:150px;
margin:2px 10px 0 0;
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
text-align:right;
vertical-align:top;
}
.cform label span {
width:150px; /* must be the same as above!*/
display:block;
}
label.cf-before {
margin:0 10px 0 0;
}
label.cf-after {
margin:0 0 0 6px;
width:200px;
text-align:left;
}
label.cf-after span {
width:200px;
display:block;
}
label.cf-group-after {
margin:0 0 0 2px;
width:60px;
text-align:left;
}
label.cf-group-after span {
width:60px;
display:block;
}
/* */
/* FORM FIELDS general formatting */
/* */
.cform input,
.cform textarea,
.cform select {
padding:3px;
background: #f9f9f9;
border: 1px solid #888888;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover {
background:#CEDDDF;
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
background:#F3F8F8;
}
.cform input {
width:200px;
}
.cform textarea { height: 15em; width: 250px; }
.cform select {
width:158px; /* attempt to have equal length */
}
.cform select.cfselectmulti {
height:7.5em;
}
.cform textarea {
font-size: 1em;
overflow:auto;
}
/* */
/* formatting for text: "(required)" & other */
/* */
span.reqtxt,
span.emailreqtxt {
margin:3px 5px 0 0;
font-size:0.9em;
display: -moz-inline-box;
vertical-align:top;
}
/* */
/* radio button title */
/* */
ol.cf-ol li.cf-box-title {
padding-left:100px; /* check with label 'width' incl. */
}
/* */
/* check boxes */
/* */
input.cf-box-a,
input.cf-box-b {
margin:2px 0 0 0;
width:16px;
border:none;
}
input.cf-box-a {
margin-left:100px; /* check with label 'width' incl. */
}
/* */
/* check box groups */
/* */
ol.cf-ol li.cf-box-group {
padding: 0 0 5px 100px;
}
/* */
/* FORM submit button */
/* */
p.cf-sb {
margin: 0;
background:#438099 url(http://mobygreen.com/wp-content/themes/mobygreen/_images/contact/contact_reflect.jpg) 0 -1px no-repeat;
height: 80px;
padding: 20px 0 0 0;
}
.cform input.sendbutton {
width:100px;
padding:2px;
margin: 0px 0 0 400px;
font-size:0.8em;
background:url(http://mobygreen.com/wp-content/themes/mobygreen/_images/button-bg.gif) repeat-x;
border:1px solid #adadad!important;
border-left-color:#ececec!important;
border-top-color:#ececec!important;
}
/* */
/* formatting for invalid user inputs */
/* */
.cform .error { color:red!important; border:1px solid #FF0000!important; padding:1px 3px; background-color: yellow; }
.cform .errortxt,
.mailerr { color:white!important; }
/* */
/* 'visitor verification' related styles */
/* */
label.seccap {
margin-top: 6px;
}
label.secq span {
text-align: right;
vertical-align:middle;
width: 150px;
}
label.secq {
width:150px;
margin:2px 10px 0 0;
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
text-align:right;
vertical-align:top;
}
input.secinput {
width:150px; /* must be the same as above!*/
}
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
height:15px;
width:50px;
padding: 4px 4px;
margin: 0;
vertical-align:top;
}
img.captcha {
margin:0 0 0 10px!important;
padding:0!important;
border:none!important;
float:none!important;
}
img.captcha-reset {
background: url(../images/captcha_reset_grey.jpg) no-repeat;
margin-left:3px;
width:21px;
height:21px;
}
/* */
/* change formatting of response msgs here */
/* */
p.info {
margin:10px 0;
text-align:center;
}
p.success {
color:white;
}
p.failure {
color:white;
}
/* */
/* disabled fields [disabled] does not work on IE! */
/* */
[disabled] {
color:#dddddd;
border-color:#dddddd!important;
background:none!important;
}
.disabled {
border-color:#dddddd!important;
}
/* */
/* upload box styling */
/* */
.cform input.cf_upload {
background: #f9f9f9;
border:1px solid #888888;
}
/* */
/* Other: browser hacks */
/* */
* html span.reqtxt,
* html span.emailreqtxt {
display: inline-block; /*for ie6*/
}
*+html .cform label,
*+html span.reqtxt,
*+html span.emailreqtxt {
display: inline-block; /*for ie7*/
}
* html .cform fieldset.cf_hidden {
border:none!important;
background:none!important;
padding:0!important;
margin:0!important;
}
* html .cform legend {
position:absolute;
top: -10px;
left: 10px;
margin-left:0;
}
* html .cform fieldset {
position: relative;
margin-top:15px;
padding-top:25px;
}
* html img.captcha {
margin-top:1px!important;
}
*+html input.cf-box-a,
*+html input.cf-box-b {
margin-top:0;
}
* html input.cf-box-a,
* html input.cf-box-b {
margin-top:0;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}