/*
Theme Name: Positive
Theme URI: http://themeforest.net/item/positive-premium-multipurpose-wordpress-theme/560405
Description: Positive - Premium Wordpress Theme (Demo Site)
Author: Orkun GURSEL
Author URI: http://www.orkungursel.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.4
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/
@import url("lib/css/reset.css");
/* =========================================
GENERAL ELEMENTS
============================================*/
#mc_signup_form {padding:15px;}
#new-royalslider-1{margin-left:-40px;}
body { min-width: 1040px; }
a { outline:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
/*::selection{}
::-moz-selection{}
::-webkit-selection{}*/
.sprite {
background-image:url('lib/imgs/sprite.png');
background-repeat:no-repeat;
}
.cf {
clear:both;
height:0;
display:block;
}
.cf2 {
clear:both;
height:40px;
display:block;
}
.mc_merge_var {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 29px;
padding-right: 0;
padding-top: 0;
}
a,a:active {text-decoration:none;}
a:hover {text-decoration:underline;}
.no-underline,
.no-underline a{ text-decoration: none !important; }
.text-center {text-align:center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.unselectable,
#slider,
.slider-image a,
.slider-image a span {
-moz-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
#cloudfw-loading {
width:160px;
height:24px;
position:fixed;
right: 20px;
bottom:20px;
background:url(lib/imgs/loading-main.gif) no-repeat;
display:none;
}
.loading {
background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 40%;
}
#slides-loading-wrap {
bottom: 50px;
position: absolute;
width: 100%;
z-index: 50;
}
#slides-loading {
margin: 0 auto;
border-radius: 6px;
height:80px;
width: 70px;
background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 40% #fff;
}
/* =========================================
GRIDS SYSTEM
============================================*/
.the-page {
width: 940px;
margin:auto;
}
.init {
margin:0 40px;
}
.init-tb {
margin-top:40px;
margin-bottom:40px;
}
.gs {
margin-left: 20px;
margin-right: 20px;
}
.cl {
display:inline;
float: left;
position: relative;
margin-right: 40px;
margin-bottom: 0;
}
.last {
margin-right:0;
}
/*
* #wide-container: 860px
* #withsidebar-container: 560px
*/
.cl_1 {width: 860px;}
.cl_2 {width: 410px;}
.cl_3 {width: 260px;}
.cl_3_2 {width: 560px;}
.cl_4 {width: 185px;}
.cl_4_3 {width: 635px;}
.cl_5 {width: 140px;}
.cl_5_2 {width: 320px;}
.cl_5_3 {width: 500px;}
.cl_5_4 {width: 680px;}
.cl_6 {width: 110px;}
.cl_6_2 {width: 260px;}
.cl_6_4 {width: 560px;}
.cl_6_5 {width: 710px;}
#withsidebar-container .cl_1 {width: 560px;}
#withsidebar-container .cl_2 {width: 260px;}
#withsidebar-container .cl_3 {width: 160px;}
#withsidebar-container .cl_3_2 {width: 360px;}
#withsidebar-container .cl_4 {width: 110px;}
#withsidebar-container .cl_4_3 {width: 410px;}
#withsidebar-container .cl_5 {width: 80px;}
#withsidebar-container .cl_5_2 {width: 200px;}
#withsidebar-container .cl_5_3 {width: 320px;}
#withsidebar-container .cl_5_4 {width: 440px;}
#withsidebar-container .cl_6 {width: 60px;}
#withsidebar-container .cl_6_2 {width: 160px;}
#withsidebar-container .cl_6_4 {width: 360px;}
#withsidebar-container .cl_6_5 {width: 460px;}
/***********************************/
.cl .cl {
margin-right:4%;
}
.cl .cl .first {
margin-left:0;
}
.cl .last {
margin-right:0;
}
.cl .cl_1 {width: 100% !important;}
.cl .cl_2 {width: 47.5% !important;}
.cl .cl_3 {width: 30.3% !important;}
.cl .cl_3_2 {width: 65.7% !important;}
.cl .cl_4 { width: 22% !important;}
.cl .cl_4_3 { width: 74% !important;}
.cl .cl_5 { width: 16.8% !important;}
.cl .cl_5_2 {width: 37.6% !important;}
.cl .cl_5_3 {width: 58.4% !important;}
.cl .cl_5_4 {width: 79.2% !important;}
.cl .cl_6 { width: 13.3% !important;}
.cl .cl_6_2 {width: 30.0% !important;}
.cl .cl_6_4 {width: 47.9% !important;}
.cl .cl_6_5 {width: 82.5% !important;}
/* =========================================
HEADER
============================================*/
#body-head {
}
#body-pattern {
}
#header-container {
height:130px;
position:relative;
}
#header-background {
background-repeat:repeat;
background-attachment:scroll;
background-position: 0 0;
}
#header a {text-decoration:none;}
/* HEADER -> LOGO */
#logo {
margin: 0;
position: absolute;
left: 0;
top: 0;
}
#logo #logo-text {
float:left;
}
#logo #logo-slogan {
padding: 0 0 0 15px;
margin-top:10px;
display:block;
float:left;
}
#logo-image {
margin: 0;
position: absolute;
left: 0;
top: 0;
}
#logo-image a{
width:100%;
height:100%;
display:block;
}
/* HEADER -> RIGHT SIDE */
#header-right-sector {
position: absolute;
right: 0;
top: 0;
}
/* HEADER -> RIGHT SIDE -> WIDGETIZED AREA */
#header-widget {
float:right;
display:block;
margin: 12px 12px 0 0;
}
#header-widget .widget-header {
float:left;
display:block;
margin: 0 0 0 30px;
}
#header-widget .widget_nav_menu {
margin-top: 5px;
}
.widget-header .menu li {
float:left; margin-left: 10px;
list-style: none none;
}
.widget-header .menu li > ul {
display:none;
}
/* HEADER -> RIGHT SIDE -> SEARCH MODULE */
#search-module {
margin-top: -3px;
margin-left:5px;
float:left;
position:relative;
background:url(lib/imgs/search_input_bg.png) no-repeat scroll 0 0 transparent;
display:block;
width: 204px;
height:29px;
background: rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-bottom: 1px solid rgba(200,200,200,0.1);
}
#search-module:hover {
background: rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
}
#search-module #search-input {
margin:3px 0 0 30px;
width: 165px;
background:none;
border:none;
outline:none;
padding: 3px 0;
color:#fff;
}
#search-module-icon {
background:url(lib/imgs/search_input_icon.png) no-repeat;
width:18px;
height:18px;
display:block;
position:absolute;
left:6px;
top: 6px;
}
/* =========================================
NAVIGATION
============================================*/
#navigation {
position:relative;
z-index:3000;
}
.navigation-height {
height:50px;
}
#navigation-background,
#navigation-gradient,
#navigation-pattern{
position:absolute;
top:0;
left:0;
width:100%;
z-index:-1;
}
#navigation-background {
border-bottom-right-radius:0px !important;
border-top-right-radius:10px !important;
border-bottom-left-radius:0px !important;
border-top-left-radius:10px !important;
}
#navigation-gradient {
background:url(lib/imgs/navigation-gradient.png) repeat-x scroll 0 100% transparent;
}
/* NAVIGATION -> MENU */
ul#navigation-menu-items {
list-style: none none;
z-index:3000;
position:relative;
}
ul#navigation-menu-items li {
float:left;
position:relative;
}
ul#navigation-menu-items li a {
display:block;
padding: 14px 20px 13px;
font: normal 1.1em/1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
position:relative;
}
ul#navigation-menu-items li a:hover {
text-decoration:none;
}
ul#navigation-menu-items li.current-menu-item a {
}
ul#navigation-menu-items ul {
opacity:.99;
}
ul#navigation-menu-items ul * {
opacity:1;
}
ul#navigation-menu-items ul,
ul#navigation-menu-items ul ul{
display:none;
position:absolute;
list-style: none none;
margin:2px 0 0 -20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
z-index: 3000;
}
ul#navigation-menu-items ul li,
ul#navigation-menu-items ul li a,
ul#navigation-menu-items ul li ul li,
ul#navigation-menu-items ul li ul li a {
display:block;
float:none;
position:relative;
white-space: normal;
}
ul#navigation-menu-items ul li a,
ul#navigation-menu-items ul li ul li a {
padding: 10px 20px;
border-top: 1px solid rgba(255,255,255, .1);
border-bottom: 1px solid rgba(0,0,0, .1);
}
ul#navigation-menu-items li a:hover,
ul#navigation-menu-items li.navigation-menu-hover > a{
background: rgba(0,0,0,0.05) !important;
}
ul#navigation-menu-items ul li.NotmegaMenu a:hover,
ul#navigation-menu-items ul li.NotmegaMenu.navigation-menu-hover > a,
ul#navigation-menu-items ul li.NotmegaMenu ul li.navigation-menu-hover > a,
ul#navigation-menu-items ul li.NotmegaMenu ul li ul li.navigation-menu-hover > a,
ul#navigation-menu-items ul li.NotmegaMenu ul li a:hover{
background: rgba(0,0,0,0.1) !important;
}
ul#navigation-menu-items ul{
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
ul#navigation-menu-items ul ul{
position:absolute;
margin:-44px 0 0 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.depth-0.NotmegaMenu > ul { margin-left: 0 !important; }
ul#navigation-menu-items ul li a {
text-transform: none;
position:relative;
}
.navigation-menu-arrow {
position:absolute;
z-index:10;
left: 0;
bottom:-12px;
width: 100%;
}
.ie .navigation-menu-arrow {
bottom:-11px;
}
li.current-menu-item .navigation-menu-arrow .the-arrow,
li.current_page_item .navigation-menu-arrow .the-arrow,
li.current-menu-parent .navigation-menu-arrow .the-arrow,
li.current_page_parent .navigation-menu-arrow .the-arrow{
display:block;
width:0px;
height:0px;
border:5px solid transparent;
margin:0 auto;
font-size:0px;
line-height:0px;
}
ul#navigation-menu-items li.NotmegaMenu li:first-child > a {
border-top: 0;
}
ul#navigation-menu-items > li.megaMenu {
position:static;
}
ul#navigation-menu-items > li.megaMenu > ul{
display:none;
position:absolute;
list-style: none none;
margin:2px 0 0 -20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
ul#navigation-menu-items > li.megaMenu > ul ul {
margin: 0;
position: static;
background:none !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
ul#navigation-menu-items > li.megaMenu > ul > li {
display:block;
list-style: none none;
float:left;
}
ul#navigation-menu-items > li.megaMenu > ul > li > ul > li{
display:block;
float:none;
}
ul#navigation-menu-items > li.megaMenu > ul{
width: 920px;
padding: 10px 0;
left:30px;
}
ul#navigation-menu-items .megaMenu li,
ul#navigation-menu-items .megaMenu li ul li{
display:block;
float:left;
position:relative;
white-space: normal;
}
ul#navigation-menu-items ul li.megaMenu a,
ul#navigation-menu-items ul li.megaMenu ul li a {
display:block;
float:none;
position:relative;
white-space: normal;
/*text-shadow: 0 1px 1px rgba(0,0,0,0.8);*/
}
ul#navigation-menu-items li.megaMenu.columns-5 .depth-1 {
width: 17.9%;
}
ul#navigation-menu-items li.megaMenu.columns-4 .depth-1 {
width: 22.9%;
}
ul#navigation-menu-items li.megaMenu.columns-3 .depth-1 {
width: 31.2%;
}
ul#navigation-menu-items li.megaMenu.columns-2 .depth-1 {
width: 47.9%;
}
ul#navigation-menu-items li.megaMenu.columns-1 .depth-1 {
width: 97.9%;
}
ul#navigation-menu-items li.megaMenu .depth-1{
margin: 0 1%;
}
ul#navigation-menu-items li.megaMenu .depth-2 {
width:100%;
}
ul#navigation-menu-items li.megaMenu .depth-1 > a {
font-weight:bold !important;
border-top: 0;
}
ul#navigation-menu-items li.megaMenu .menu-hidden-title li:first-child > a {border-top: 0; }
ul#navigation-menu-items li.megaMenu .menu-hidden-title > a{ background: transparent !important; border-bottom: 0 !important; }
ul#navigation-menu-items li.megaMenu .depth-2 > a {
font-size: 12px !important;
}
ul#navigation-menu-items ul li.megaMenu a,
ul#navigation-menu-items ul li.megaMenu ul li a {
padding: 10px 20px;
position: relative;
}
ul#navigation-menu-items li.megaMenu .navigation-menu-hover > a {
background: none !important;
}
ul#navigation-menu-items ul li.megaMenu a {
text-transform: none;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
}
.megaMenu .description{
display:block;
margin: 3px 0 7px;
font-size: 10px;
line-height: 1em;
}
.menu-item-image {
max-width: 100%;
}
.menu-icon > a >.menu-item-image {
float: left;
margin-left: -10px;
margin-right: 5px;
}
.menu-icon > a {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.menu-icon > a >.menu-item-image-icon {
display:block;
padding-top: 10px;
padding-bottom: 10px;
margin-left: -5px;
}
/* =========================================
SKIN MM
============================================*/
ul#navigation-menu-items .NotmegaMenu ul,
ul#navigation-menu-items .NotmegaMenu ul ul{
width:200px;
}
ul#navigation-menu-items .NotmegaMenu ul ul{
right:-180px;
}
/* NAVIGATION -> MENU -> HOME ICON */
#the-home {
width:21px;
height:21px;
}
#the-home span {
display:block;
position:absolute;
}
#the-home-frame {
width:21px;
height:21px;
position:relative;
}
#the-home-roof {
display:block;
width:0px; height:0px;
border-top:11px solid transparent;
border-left:11px solid transparent;
border-right:11px solid transparent;
margin:0 auto;
font-size:0px;
line-height:0px;
top:-10px;
left:0;
position:absolute;
}
#the-home-build-1,
#the-home-build-3 {
display:block;
width:6px;
height:10px;
}
#the-home-build-1 {
top:10px;
left:3px;
}
#the-home-build-2 {
display:block;
width:6px;
height:5px;
top:10px;
left:9px;
}
#the-home-build-3 {
top:10px;
right:2px;
}
/* =========================================
MIDDLE
============================================*/
#middle {
position:relative;
padding:0;
}
.middle-height {
min-height:184px;
}
#middle-background {
}
#middle-highlight {
background-repeat:repeat-x;
background-position: 0 50%;
}
/* =========================================
CONTENT
============================================*/
#content {
z-index:100;
margin-top:-70px;
position:relative;
}
.content{
min-height: 100px;
}
#wide-container {
width: 940px;
z-index: 2;
position: relative;
float: left;
overflow: hidden;
background: #fff;
}
#wide-content {
padding:0px 40px;
background:#fff;
border-bottom-right-radius:10px !important;
border-top-right-radius:0px !important;
border-bottom-left-radius:10px !important;
border-top-left-radius:0px !important;
}
#withsidebar-container {
width:640px;
z-index:2;
float:left;
position: relative;
overflow: hidden;
border-bottom-right-radius:10px !important;
border-top-right-radius:0px !important;
border-bottom-left-radius:10px !important;
border-top-left-radius:0px !important;
}
.leftside #withsidebar-container {
float:right;
}
#withsidebar-content {
padding:40px;
background:#fff;
}
#narrow-content {
padding:40px 35px 20px 35px;
background:#fff;
position: relative;
}
#narrow-container {
width:301px;
position:relative;
float:right;
top:30px;
margin-left:-1px;
border-bottom-right-radius:10px !important;
border-top-right-radius:10px !important;
border-bottom-left-radius:0px !important;
border-top-left-radius:0px !important;
}
.leftside #narrow-container {
float:left;
margin-left:0;
margin-right:-1px;
}
.min-content {
padding:0;
background:#fff;
}
.min-container {
width:55px;
left:-22px;
margin-top:0;
}
.left-side {
visibility:hidden;
position:absolute !important;
}
.full-width {
margin-left: -40px !important;
margin-right: -40px !important;
}
.full-padding {
padding-left: 40px !important;
padding-right: 40px !important;
}
pre {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #E0E4E5;
color: #454749;
font: 0.95em Consolas,Monaco,'Courier New',Courier,monospace;
overflow-x: auto;
padding: 20px 25px;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 1.6em;
}
/* =========================================
PAGE SHADOW
============================================*/
#page-shadow {
background: url(lib/imgs/shadow-1.png) no-repeat scroll center center transparent;
height: 200px;
margin: -100px 0 -80px;
}
.page-template-page-sidebar-left-php #page-shadow {
background: url(lib/imgs/shadow-1-left-layouts.png) no-repeat scroll center center transparent;
}
.page-template-page-sidebar-right-php #page-shadow,
.blog #page-shadow, .single-post #page-shadow,
.page-template-page-sidebar-php #page-shadow,
.archive #page-shadow,
.search #page-shadow {
background: url(lib/imgs/shadow-1-right-layouts.png) no-repeat scroll center center transparent;
}
/* =========================================
FOOTER
============================================*/
#footer-widgets {
margin: 20px 40px 0;
}
#footer-text {
margin:40px;
text-align:center;
}
#footer-text h3 {
margin:20px 0;
}
.footer-widget-title {
margin:0 0 20px 0;
}
#footer .widget {
margin: 20px 0 0;
}
.widget_cloudfw_social_header {
position: relative;
float:right;
margin-right: 12px;
margin-top: 12px;
}
.widget_cloudfw_social_header img{
margin-bottom: 5px;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important; /* IE6 & 7 */
zoom: 1;
}
#footer-widgets .widget_cloudfw_social_header a img{
margin-bottom: 5px;
}
#footer-widgets .cloudfw_posts_thumbnail {
width:30px;
float:left;
margin-right:20px;
display:block;
}
#footer-widgets .cloudfw_posts_thumbnail img {
width:30px !important;
height: auto !important;
}
#footer-widgets .cloudfw_posts_titles {
float: none;
display:block;
width: auto !important;
overflow: hidden;
}
#footer-widgets .cloudfw_posts_title {
margin:0 0 2px;
display:block;
font-weight: normal;
}
#footer-widgets .cloudfw_posts_comment {
font-style:italic;
display:block;
margin-bottom: 10px;
}
#footer-widgets .cloudfw_posts_comment a {
font-size: 11px !important;
}
/* =========================================
SIDEBAR
============================================*/
#sidebar .widget {
margin:0 0 40px;
}
.sidebar-widget-title {
margin-bottom: 20px;
}
.footer-widget-title {
margin-bottom: 20px;
}
.textwidget p {
margin-bottom:20px;
}
#sidebar .widget ul ul {
/*padding-left: 20px;*/
}
#sidebar .widget_categories ul > li,
#sidebar .widget_archive ul > li,
#sidebar .widget_recent_entries ul > li{
margin: 0 -10px;
padding:5px 10px;
border-bottom: 1px solid #f5f6f6;
}
#sidebar li.recentcomments {
margin: 0 -10px;
padding: 5px 30px 5px 10px;
border-bottom: 1px solid #f5f6f6;
background:url(lib/imgs/recent_comments.png) no-repeat scroll 100% 12px transparent;
}
#sidebar select{
width:100%;
}
#sidebar .widget_cloudfw_posts ul > li {
margin: 0 -10px;
padding:12px 10px 8px;
border-bottom: 1px solid #f5f6f6;
}
.cloudfw_posts_thumbnail {
width:60px;
float:left;
margin-right:20px;
display:block;
}
.cloudfw_posts_titles {
width:150px;
float:left;
}
.cloudfw_posts_title {
margin:10px 0 -2px;
display:block;
font-weight:bold;
}
.cloudfw_posts_comment {
font-style:italic;
display:block;
}
.cloudfw_posts_comment a {
font-size: 11px !important;
}
.twitter-loading {
min-height:40px;
background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 50%;
}
.tweet_list span,
.tweet_list a {
line-height: 1.4em;
}
#sidebar .widget_cloudfw_twitter ul > li {
margin: 0 -10px;
padding:12px 10px 8px;
border-bottom: 1px solid #f5f6f6;
}
#sidebar .widget_cloudfw_twitter .twitter-text {
display:block;
}
#sidebar .widget_cloudfw_twitter .twitter-text a {
font-style:italic;
}
#sidebar .widget_cloudfw_twitter .twitter-date {
display:block;
}
#sidebar .widget_cloudfw_twitter .cloudfw_tweet_date {
font-size:11px;
font-style:italic;
color:#ccc;
display: block;
}
#sidebar .widget_cloudfw_twitter .author .avatar {
float:left;
margin: 7px 7px 5px 0;
}
#sidebar .widget_search #s {
width:210px;
}
#sidebar .widget_search label {
display:none;
}
.widget_calendar table {
width:100%;
}
.widget_calendar table tr {
text-align:center;
}
.widget_calendar table td {
padding: 5px 0;
}
.widget_calendar table caption {
padding: 0 0 20px;
}
.widget_calendar table tbody td a {
display:block;
height:100%;
padding: 4px 0;
margin: -4px 0;
background:url(lib/imgs/transparent_background_per10.png) repeat;
}
.widget_calendar table tfoot td#prev {text-align:left;}
.widget_calendar table tfoot td#next {text-align:right;}
.widget_subposts > ul > li,
#sidebar .widget_nav_menu > div > ul > li {
position:relative;
}
.widget_subposts > ul > li > a,
#sidebar .widget_nav_menu > div > ul > li > a {
display:block;
background:url(lib/imgs/sub-nav-gradient.png) repeat-x scroll 0 100%;
line-height: 1em;
margin: 0 -35px;
padding: 15px 35px;
}
.widget_subposts > ul > li.current_page_item > a,
.widget_subposts > ul > li.current_page_parent > a,
#sidebar .widget_nav_menu > div > ul > li.current_page_item > a,
#sidebar .widget_nav_menu > div > ul > li.current_page_parent > a {
display:block;
background:url(lib/imgs/sub-nav-current.png) no-repeat scroll 0 50%;
line-height: 1em;
margin: -3px -55px 0;
padding: 20px 35px 20px 55px;
position:relative;
z-index: 1000;
}
.leftside .widget_subposts > ul > li.current_page_item > a,
.widget_subposts > ul > li.current_page_parent > a,
.leftside #sidebar .widget_nav_menu > div > ul > li.current_page_item > a,
.leftside #sidebar .widget_nav_menu > div > ul > li.current_page_parent > a {
background:url(lib/imgs/sub-nav-current-leftside.png) no-repeat scroll -1px 50%;
margin: -3px -55px 0 -35px;
padding: 20px 55px 20px 35px;
}
.widget_subposts > ul > li > ul,
#sidebar .widget_nav_menu > div > ul > li > ul,
{
display:none;
}
.widget_subposts > ul > li > ul,
#sidebar .widget_nav_menu > div > ul > li > ul {
display:none;
border-bottom: 1px solid #f1f1f1;
margin: 0 -35px;
padding: 10px 35px 15px 45px;
}
.widget_subposts > ul > li > ul ul,
#sidebar .widget_nav_menu > div > ul > li > ul ul {
padding: 5px 0 5px 20px;
}
.widget_subposts > ul > li.current_page_item ul,
.widget_subposts > ul > li.current_page_parent ul,
#sidebar .widget_nav_menu > div > ul > li.current_page_item ul,
#sidebar .widget_nav_menu > div > ul > li.current_page_parent ul {
display:block;
}
.widget_subposts > ul > li ul li,
#sidebar .widget_nav_menu > div > ul > li ul li {
list-style: inside square;
}
.widget_subposts > ul > li > ul li a,
#sidebar .widget_nav_menu > div > ul > li > ul li a {
padding-left: 5px;
line-height: 1em;
}
.subpost-arrow {
display:block;
width: 15px;
height: 15px;
position:absolute;
top: 20px;
right: -10px;
z-index: 1001;
}
.subpost-arrow .the-arrow{
display:block;
width:0px;
height:0px;
border:5px solid transparent;
margin:0 auto;
font-size:0px;
line-height:0px;
border-top:5px solid #ccc !important;
}
.widget_subposts > ul > li.current_page_item .subpost-arrow,
.widget_subposts > ul > li.current_page_parent .subpost-arrow,
#sidebar .widget_nav_menu > div > ul > li.current_page_item .subpost-arrow,
#sidebar .widget_nav_menu > div > ul > li.current_page_parent .subpost-arrow {top: 23px;}
/* =========================================
CONTENTS
============================================*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
margin-bottom:20px;
color:#231f20;
}
.content h1 span.sub,
.content h2 span.sub,
.content h3 span.sub,
.content h4 span.sub,
.content h5 span.sub,
.content h6 span.sub {
font-size: 0.6em;
}
.content h3 span.sub {font-size: 0.7em;}
.content h4 span.sub {font-size: 0.8em;}
.content h5 span.sub {font-size: 0.9em;}
.content h6 span.sub {font-size: 1em;}
.content p,
.content pre,
.content ul,
.content ol,
.content dl,
.content dd,
.content blockquote,
.content address,
.content table,
.content fieldset,
.content form,
.content .alignleft,
.content .alignright,
.content .aligncenter{
margin-bottom: 6px;
margin-top: 0px;
}
.content .frame {
display: block;
margin-bottom: 15px;
}
/*.content img {
max-width: 100% !important;
height: auto;
}*/
ol, ul {
list-style:none none none;
padding-left: 0;
}
.content ol, .content ul {
list-style-position:outside;
list-style-type:disc;
margin-left: 30px;
}
ul.mc_list li {list-style: none;}
.cl ol.list, .cl ul.list {
margin-left:0;
margin-bottom: 0;
padding-left: 0;
}
.mc_custom_border_hdr{font-family: 'BebasNeueRegular', Arial; font-size: 24px;}
.sector {
margin: -60px -40px 40px;
padding: 0 40px 40px;
background:url(lib/imgs/divider_bg.png) repeat-x scroll 0 100% transparent;
min-height:50px;
border-bottom: 1px solid #dcdcdc;
}
.sector-softa {
margin: 0 -35px 40px;
padding: 0 35px 0;
background:url(lib/imgs/divider_bg_soft.png) repeat-x scroll 0 100% transparent;
min-height:70px;
border-bottom: 1px solid #ebecec;
}
.up {
margin-top:-40px;
height:0;
line-height:0;
}
.down {
height:40px;
line-height:0;
}
.down_half {
height:20px;
line-height:0;
}
.downx2 {
height:80px;
}
.wp-caption-text {
font-style:italic;
font-size:11px;
margin-top:10px;
}
.alignnone {
max-width:100%;
}
#content input[type=text], #content input[type=password],
#content textarea, #footer textarea,
.cloudfw-modal input[type=text], .cloudfw-modal input[type=password], .cloudfw-modal select, .cloudfw-modal textarea,
#footer input[type=text], #footer input[type=password],
#content select, #footer select {
padding: 8px !important;
margin-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 14px !important;
font-weight:normal !important;
background:#d3c9ad;
border: 0px solid #655E49;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 3px 0px #222;
-moz-box-shadow: inset 0px 1px 3px 0px #222;
box-shadow: inset 0px 1px 3px 0px #222;
color:#000;
outline:none;
resize:none;
width:80%;
}
.mc_input{
margin-bottom: 13px;
margin-top:-18px;
}
#mc_subheader{margin-bottom: 10px;}
#wide-content #searchform label{
display:none;
}
#wide-content #searchform #s{
width:500px;
}
.login_form label{
display:block;
margin-bottom: 5px;
}
.form-container {
margin-bottom: 20px;
}
.form-sub-container {
float:left;
}
.login_form .login-input{
width: 350px;
}
.login_form #pwd{
width: 200px;
}
.login_form #rememberme-container{
margin:8px 0 0 15px;
}
.login_form #rememberme{
margin-right:10px;
}
/* =========================================
BLURB AREA
============================================*/
#blurb{
width: 940px;
margin: auto auto -70px;
padding: 55px 0 0;
color: #4a7763;
}
#blurb h1{
}
#blurb .sub-text{
display:block;
margin: 20px 0 0;
font-size: .7em;
line-height: 1em;
}
/* =========================================
COMMENTS
============================================*/
#comments {
width:560px;
margin:40px auto 0;
}
#comments p {
margin-bottom: 0;
}
.comment-text,
#comments-title {
margin-bottom: 40px;
}
.comment .comment {
margin-left: 40px;
}
#commentform {
margin-bottom:40px;
}
.commentlist #respond h3{
display:none;
}
.comment-text p {
margin-bottom:20px !important;
margin-left: 55px;
}
#respond {
margin-bottom:40px;
}
#respond p {
margin-bottom: 20px;
}
#respond label {
font-size: 14px;
padding-left:10px;
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
padding: 8px !important;
margin-left: 0 !important;
font-size: 14px !important;
font-weight:normal !important;
background:#d3c9ad;
border: 0px solid #655E49;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 3px 0px #222;
-moz-box-shadow: inset 0px 1px 3px 0px #222;
box-shadow: inset 0px 1px 3px 0px #222;
color:#000;
outline:none;
resize:none;
}
#respond #author,
#respond #email,
#respond #url {
width: 300px;
}
#respond #comment {
width:536px;
height:200px;
resize: vertical;
}
#respond #submit {
margin-left:0;
font-weight:bold;
padding:7px 10px;
}
.comment-header {
margin-bottom:10px;
}
.comment-avatar {
float:left;
margin-right:20px;
}
.comment-meta {
float:left;
margin-right:20px;
}
.comment-user {
font-size:14px;
font-weight:bold;
color:#38312f;
}
.comment-datetime {
font-size:11px;
font-weight:normal;
}
.comment-reply {
float:right;
margin-top:10px;
}
.comment-reply,
.comment-reply a {
color:#e3e2e3 !important;
font-size:11px;
text-decoration:none !important;
}
.comment-reply a:hover {
color:#2F2F2F !important;
}
.comment-reply-link .sprite {
padding-left: 18px;
background-position: 0 1px;
width:16px;
}
.comment-reply-link .reply-text {
background:#fff;
padding: 1px;
}
.depth-3 .comment-reply-link {
display: none;
}
.comment-reply-link:hover span {
background-position: 0 -15px;
}
.cancel-comment-reply {
margin-bottom:20px;
}
/* =========================================
BLOG PAGE
============================================*/
h1.blog-title {
margin-bottom:30px;
width:560px;
}
.blog-posts-list .sector {
margin-bottom:41px;
}
.blog-post-header {
margin: 0 -40px 32px;
padding: 0 40px;
border-bottom: 1px solid #f5f6f6;
}
.blog-post-meta {
font-size:12px;
margin:-25px 0 25px;
width:560px;
}
.blog-post-image {
background:#f1f1f1;
margin: -40px -40px 30px;
height:auto;
}
.blog-post-image a{
display:block;
line-height:0;
}
.blog-post-minimal-thumbnail {
float:left;
margin: 0 20px 0 0;
}
.blog-post-in {
min-height:50px;
}
/* =========================================
BLOG -> PAGINATION
============================================*/
.blog-pagination {
list-style:none none;
text-align:center;
margin: 0 0 40px 0;
}
.blog-pagination-previous-link,
.blog-pagination-next-link {
float:left;
}
.blog-pagination-previous-link .previous-link,
.blog-pagination-next-link .next-link {
display:block;
width:25px;
height:32px;
text-indent:-9999px;
margin-top:6px;
}
.blog-pagination-previous-link a.previous-link:active,
.blog-pagination-next-link a.next-link:active {
margin-top:7px;
}
.blog-pagination-previous-link.inactive ,
.blog-pagination-next-link.inactive {
opacity: 0.5; filter: alpha(opacity=5);
}
.blog-pagination-previous-link {
margin-right:35px;
}
.blog-pagination-previous-link .previous-link {
background-position: -36px 0;
}
.blog-pagination-previous-link a.previous-link:hover {
background-position: -36px -32px;
}
.blog-pagination-next-link {
margin-left:35px;
}
.blog-pagination-next-link .next-link {
background-position: -36px -65px;
}
.blog-pagination-next-link a.next-link:hover {
background-position: -36px -97px;
}
.blog-pagination-center {
float:left;
width:440px;
height:50px;
overflow:visible;
}
.blog-pagination-summary {
text-align:center;
}
.blog-pagination-summary h2 {
line-height:60px;
}
.blog-pagination-summary h2 a {
text-decoration:none;
display:block;
}
.blog-pagination li {
display:inline;
padding: 5px 15px;
line-height:50px;
}
.blog-pagination li,
.blog-pagination li a {
color: #b5b6b6;
font-weight:bold;
}
.blog-pagination li.current{
color: #eceded;
}
.blog-pagination-arrow-container {
display:block;
margin-top: 5px;
}
.blog-pagination-arrow {
display:block;
margin: 15px auto 0 auto;
width:10px;
height:10px;
border: 1px solid;
border: 5px solid transparent;
font-size: 0;
height: 0;
line-height: 0;
margin: 0 auto;
width: 0;
border-top: 5px solid #d9d9d9 !important
}
/* =========================================
BLOG SLIDER
============================================*/
.blog-posts-list .slides {
/*position: relative;*/
}
.blog-posts-list .pagination {
position: relative;
float:right;
margin: -30px 10px 0 0;
z-index:1000;
}
.blog-posts-list .pagination,
.blog-posts-list .pagination li{
list-style: none none !important;
}
.blog-posts-list .pagination li a{
display:block;
width: 16px;
height:16px;
text-indent:-9999px;
line-height:16px;
outline:none;
}
.blog-posts-list .pagination li {
float:left;
background:url(lib/imgs/sprite.png) no-repeat scroll 0 -48px;
width: 16px;
height:16px;
}
.blog-posts-list .pagination li.current {
background-position: 0 -32px;
}
/* =========================================
BLOG AUTHOR
============================================*/
#author #author-gravatar{
float:left;
width:80px;
}
#author #author-info{
float:left;
width:480px;
}
#author #author-info #author-name{
margin-bottom: 10px;
font-size: 16px;
line-height:1.3em;
color:#231F20;
}
#author #author-info #author-name strong{letter-spacing: -.05em;}
#author #author-info #author-twitter,
#author #author-info #author-website,
#author #author-info #author-facebook {
float:left;
margin: 10px 20px 0 0;
}
#author #author-info #author-twitter a,
#author #author-info #author-website a,
#author #author-info #author-facebook a {
color: #b5b6b6;
}
#author #author-info #author-website a {
background:url(lib/imgs/icons/global.png) no-repeat scroll 0 0;
padding-left: 20px;
}
#author #author-info #author-twitter a {
background:url(lib/imgs/icons/twitter.png) no-repeat scroll 0 0;
padding-left: 20px;
}
#author #author-info #author-facebook a {
background:url(lib/imgs/icons/facebook.png) no-repeat scroll 0 0;
padding-left: 20px;
}
/* =========================================
BLOG POSTS - LEFT MIN SIDE
============================================*/
.min-divider {
height:1px;
background: #ebecec;
display:block;
}
.blog-post-min-comment,
.blog-post-min-permalink,
.blog-post-min-share,
.blog-post-min-next-post,
.blog-post-min-previous-post {
display:block;
width:45px;
padding-top: 12px;
padding-bottom:15px;
font-size: 13px;
font-weight:bold;
line-height:1em;
text-align:center;
}
.blog-post-min-comment .blog-post-min-comment-icon {
background-position: -18px 0;
display:block;
width:18px;
height:16px;
margin: 0 auto 5px;
}
.blog-post-min-comment:hover {
text-decoration: none;
}
.blog-post-min-comment:hover .blog-post-min-comment-icon {
background-position: -18px -16px;
}
.blog-post-min-permalink {
height:30px;
padding-bottom: 0;
}
.blog-post-min-permalink .blog-post-min-permalink-icon {
background-position: -18px -32px;
display:block;
width:18px;
height:16px;
margin: 0 auto;
}
.blog-post-min-permalink:hover .blog-post-min-permalink-icon {
background-position: -18px -48px;
}
.blog-post-min-share {
height:30px;
padding-top:0;
padding-bottom:0;
}
.blog-post-min-share {
padding-top:15px;
}
.blog-post-min-share .blog-post-min-share-icon {
background-position: -18px -64px;
display:block;
width:18px;
height:16px;
margin: 0 auto;
}
.blog-post-min-share:hover .blog-post-min-share-icon {
background-position: -18px -80px;
}
.blog-post-min-share.active .blog-post-min-share-icon {
background-position: -18px -96px;
}
.blog-post-min-next-post .blog-post-min-next-post-icon {
background-position: -18px -112px;
display:block;
width:18px;
height:16px;
margin: 0 auto;
}
.blog-post-min-next-post:hover .blog-post-min-next-post-icon {
background-position: -18px -128px;
}
.blog-post-min-previous-post .blog-post-min-previous-post-icon {
background-position: -18px -144px;
display:block;
width:18px;
height:16px;
margin: 0 auto;
}
.blog-post-min-previous-post:hover .blog-post-min-previous-post-icon {
background-position: -18px -160px;
}
.blog-post-header-init {
margin: 0 -40px;
padding: 0 40px;
overflow: hidden;
}
.blog-post-header-wrapper {
width:2000px;
}
.blog-post-header-action {
float:left;
width:560px;
overflow:hidden;
}
.blog-post-sharing {
float:left;
padding: 0;
width:560px;
}
/* =========================================
ARCHIVES
============================================*/
.archives {
margin-bottom:60px;
}
/* =========================================
PORTFOLIOS
============================================*/
.portfolio {
margin: 0 -40px;
padding: 0 40px;
overflow: hidden;
}
.portfolio-item {
position:relative;
margin-bottom:40px;
}
.portfolio-item a{
text-decoration:none !important;
}
.portfolio-item .shadow {
position:absolute;
display:block;
}
.portfolio-item.cl_1 .shadow {
width:440px;
height:65px;
background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%;
bottom:-31px;
left:-15px;
}
.portfolio-item.cl_2 .shadow {
width:440px;
height:65px;
background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%;
bottom:-35px;
left:-15px;
}
.portfolio-item.cl_3 .shadow {
width:280px;
height:50px;
background: url(lib/imgs/shadows/shadow_portfolio_cl_3.png) no-repeat scroll 50% 100%;
bottom:-21px;
left:-10px;
font-size:2em;
}
.portfolio-item.cl_4 .shadow {
width:195px;
height:30px;
background: url(lib/imgs/shadows/shadow_portfolio_cl_4.png) no-repeat scroll 50% 100%;
bottom:-15px;
left:-5px;
}
.portfolio-item.no-shadow {
visibility:hidden;
}
.portfolio-overlay {
position:absolute;
top:0; left:0;
width:100%;
display:block;
visibility:hidden;
opacity: 0;
filter: alpha(opacity=0);
overflow:hidden;
background-image:url(lib/imgs/portfolio_overlay_pattern.png);
background-repeat:repeat;
}
.portfolio-content {
display:block;
margin: 30px;
}
.portfolio-content h4 {
margin-bottom:5px;
}
.portfolio-content-cat {
font-size: 12px;
letter-spacing: -.05em;
text-transform:uppercase;
}
.portfolio-content-desc {
font-size: 11px;
line-height: 1.15em;
display: block;
margin-top: 15px;
padding-top: 15px;
text-align: left;
border-top: 1px solid #4c4c4c;
}
.load-wrap {
position:absolute;
display:block;
width:100%;
height:100%;
background:url(lib/imgs/loading.gif) no-repeat scroll 50% 50%;
}
.portfolio-title {
margin-bottom:40px !important;
}
.carousel-navigation {
position:absolute;
right:10px;
top:5px;
}
.carousel-previous,
.carousel-next {
display:block;
width: 20px;
height:36px;
float:left;
text-indent:-9999px;
}
.carousel-next{
background-position: -60px -36px;
margin-left:10px;
}
.carousel-next:hover{
background-position: -60px 0;
}
.carousel-previous{
background-position: -60px -108px;
}
.carousel-previous:hover{
background-position: -60px -72px;
}
.carousel-next:active,
.carousel-previous:active{
margin-top:1px;0
}
#gallery_1 img {
height: auto !important;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
max-width: 95% !important;
background: url(lib/imgs/shadows/shadow_gallery_cl_3.png) no-repeat scroll 50% 100%;
padding: 0 5px 15px 5px;
}
/* =========================================
SLIDERS (SLIDES)
============================================*/
#slider {
display:none;
}
#slides-slider {
display:block;
min-height:200px;
position:relative;
}
#slides-slider .slides_container {
overflow: hidden; position: relative;
}
#slides-slider .slides-slider-item {
width:auto;
height:400px;
position:relative;
display:block;
}
#slides-slider .slider-background {
z-index:0;
display:block;
width:100%;
position:absolute;
left:0;
}
#slides-slider .slider-content-container {
width:940px;
position:relative;
margin:0 auto;
}
#slides-slider .slider-text-container {
z-index:101;
display:block;
position:absolute;
left:0;
top:0;
}
#slides-slider .slider-image {
z-index:100;
position:absolute;
bottom:0;
text-align:center;
overflow:hidden;
}
#slides-slider .slider-image span{
z-index:100;
position:absolute;
top:0;
left:0;
width: 100%;
height:100%;
}
#slides-slider .slider-image img {
z-index:99;
}
.slider-nextprev {
width: 100%;
position:absolute;
bottom: 130px;
z-index:50;
}
.hide-when-loading .slider-nextprev {
/*display:none; */
}
#slides-slider .slider-nextprev-wrap {
width: 150px;
margin: 0 auto;
position:relative;
}
#slides-slider .slider-nextprev a {
display:block;
top:0;
width: 75px;
height:100px;
position:absolute;
background: url(lib/imgs/slider-navigation.png) no-repeat scroll 0 0;
}
#slides-slider .slider-nextprev a.prev {
left:0;
background-position: 0 0;
}
#slides-slider .slider-nextprev a.next {
right:0;
background-position: 100% 0;
}
#slides-slider .slider-nextprev a span {
display:block;
width: 24px;
height: 32px;
margin: 20px auto 0;
text-indent: -999px;
background: url(lib/imgs/sprite.png) no-repeat scroll 0 0;
}
#slides-slider .slider-nextprev a.prev span {
background-position: -36px 0;
}
#slides-slider .slider-nextprev a.prev:hover span {
background-position: -36px -32px;
}
#slides-slider .slider-nextprev a.next span {
background-position: -36px -64px;
}
#slides-slider .slider-nextprev a.next:hover span {
background-position: -36px -96px;
}
#slides-slider .slider-nextprev a:active span {
margin-top:21px !important;
}
/* =========================================
SHARING SERVICES
============================================*/
.blog-post-ss {
text-align:center;
}
.blog-post-ss a {
margin: 5px 2px;
}
.permalink {
font-size:11px;
font-style:italic;
color:#ccc;
display:block;
padding-bottom: 10px;
}
/* =========================================
SERVICES
============================================*/
.services h3{
/*float:left;*/
margin:5px 10px 15px 0;
}
.services .icon{
float:left;
margin:-13px 10px -10px 0;
}
/* =========================================
prettyPhoto Ribbons
============================================*/
.prettyPhoto,
.frame {
position:relative;
}
.frame .plus-ribbon {
position:absolute;
width: 20px;
height: 20px;
top: -5px;
right: -5px;
background: url(lib/imgs/prettyPhoto-plus.png) no-repeat;
}
/* =========================================
SHADOWS
============================================*/
.make-shadow {
position:relative;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.shadows {
z-index:-1;
height:0;
line-height:0;
}
.shadows .shadow-t,
.shadows .shadow-r,
.shadows .shadow-b,
.shadows .shadow-l{
position:absolute;
}
.shadows .shadow-t {
width:100%;
height:10px;
background:url(lib/imgs/shadows/top.png) repeat-x;
top:-10px;left:0;
}
.shadows .shadow-b {
width:100%;
height:10px;
background:url(lib/imgs/shadows/bottom.png) repeat-x;
bottom:-10px;left:0;
}
.shadows .shadow-l {
height:100%;
width:10px;
background:url(lib/imgs/shadows/left.png) repeat-y;
top:0;left:-10px;
}
.shadows .shadow-r {
height:100%;
width:10px;
background:url(lib/imgs/shadows/right.png) repeat-y;
top:0;right:-10px;
}
.shadow-corner-tl,
.shadow-corner-tr,
.shadow-corner-br,
.shadow-corner-bl{
background:url(lib/imgs/shadows/corners.png) no-repeat;
position:absolute;
width:10px;
height:10px;
}
.shadow-corner-tl{ background-position: 0 0;left:-10px;top:-10px;}
.shadow-corner-tr{ background-position: -10px 0;right:-10px;top:-10px;}
.shadow-corner-bl{ background-position: 0 -10px;bottom:-10px;left:-10px;}
.shadow-corner-br{ background-position: -10px -10px;bottom:-10px;right:-10px;}
/* =========================================
LOGIN BOX
============================================*/
#login-container {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10000;
}
#login-container #overlay {
background-color: #000;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
#login-container #content-container-in-modal {
position: relative;
padding: 50px;
display:block;
width: 640px;
margin: 150px auto 100px;
background:#fff;
z-index: 10000;
}
#login-container #content-container-in-modal #modal-loading {
background:url(lib/imgs/loading.gif) no-repeat scroll 50% 50%;
height: 100px;
}
#login-container #modal-container-close {
position:absolute;
top:-20px; right:-20px;
width:42px;height:42px;
background: url(lib/imgs/prettyPhoto/close.png) 0 0 no-repeat;
cursor: pointer;
text-indent: -9999px;
}
#user-ops-left {
float:left;
width: 380px;
border-right: 1px solid #f1f1f1;
padding-right: 25px;
}
#user-ops-right {
float:left;
width: 200px;
padding-left: 30px;
}
#user-ops-navigation a{
display:block;
padding: 10px 0;
border-bottom: 1px solid #f1f1f1;
}
#menu-profile {
float:left;
}
.user-profile-avatar {
float:left;
margin: -10px 3px 0 0;
}
.user-profile-avatar a{
display:block;
padding: 3px;
background: rgba(255,255,255,.1);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
box-shadow: 0 0 3px rgba(0,0,0,.5);
}
#user-profile {
background: rgba(255, 255, 255, 0.03);
border-radius: 2px;
margin-top: -20px;
padding: 20px 20px 10px;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* =========================================
GLOBAL WP ELEMENTS
============================================*/
.aligncenter {
display:block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
display:block;
margin-left: 0;
margin-right: 40px;
float:left;
}
.alignright {
display:block;
margin-left: 40px;
margin-right: 0;
float:right;
}
.aligncenter .wp-caption-text{ text-align:center; }
.alignright .wp-caption-text{ text-align:right; }
.size-full { max-width: 100% !important; }
#lang_sel { z-index: 3099; }
.sticky,
.gallery-caption,
.bypostauthor {
}
img.alignleft {
background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%;
padding:2px 15px 35px 15px;
}
/* =========================================
PATTERNS
============================================*/
.pattern-1 {
background-image: url(lib/imgs/patterns/pattern-1.png);
background-repeat:repeat;
}
/* =========================================
FONTS
============================================*/
body {
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
}
.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.35em;
}
h1,h2,h3,h4,h5,h6,
.font-logo {font-family: 'BebasNeueRegular', Arial;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
h1 {font-size: 50px;}
h2 {font-size: 40px !important; line-height: .5em !important;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
#logo-text {
font-size:40px;
font-weight:normal;
}
#logo #logo-slogan {
font-size:16px;
}
#logo a {
text-decoration:none;
cursor:pointer;
}
.widget, .widget a, #footer a {
font-size:13px;
line-height:1.4em;
color:#655E49;
}
.widget a:hover, #footer a:hover {
color:#231F20;
}
.widget li {
list-style: none none;
line-height:1.7em;
}
.widget li ul.sub-menu {
padding-left:10px;
}
.sidebar-widget-title,
.footer-widget-title,
#footer .footer-widget-title a.rsswidget {
font-size: 27px;
line-height: 1em;
}
.big-title {
font-size:45px;
}
.portfolio-item.cl_2 h4 {font-size:2em !important;}
.portfolio-item.cl_2 .portfolio-content-cat {font-size:1.1em !important;}
.portfolio-item.cl_2 .portfolio-content-desc {font-size:1em !important;}
/* =========================================
SKIN COLORS
============================================*/
/* Body Background */
body {background-color:#f1f2f2;}
/* General Links Color */
a,a:active{color:#2f2f2f;}
a:hover {color:#231f20; text-decoration:underline;}
#sidebar {color:#999A9A;}
#sidebar a{color:#999A9A;}
/* Header Links Color */
#header, #header-widget, #header a {color:#2da56f;}
#header a:hover {color:#fff;}
/* Arrow Color In Navigation Menu */
.the-arrow {border-top:5px solid #4F906E;}
/* Logo Text Color */
#logo-text {color:#FFF;}
#logo #logo-slogan {color:#f1f2f2;}
/* Navigation Menu Level 1 */
ul#navigation-menu-items li.depth-0 > a {color:#4E4A49;}
ul#navigation-menu-items li.depth-0 > a:hover,
ul#navigation-menu-items li.depth-0.navigation-menu-hover > a {}
/* Navigation Menu Other Levels */
ul#navigation-menu-items ul,
ul#navigation-menu-items ul ul{background-color:#ccc !important;}
ul#navigation-menu-items ul a,
ul#navigation-menu-items ul ul a{color:#6f6968 !important;}
/* Home Icon In Navigation Menu */
#the-home .the-home-color {background:#4E4A49;}
#the-home .the-home-roof-color {border-bottom: 11px solid #4E4A49;}
#the-home .the-home-highlight {border-bottom: 1px solid #6f6968;}
#the-home:hover .the-home-color {background:#413e3d;}
#the-home:hover .the-home-roof-color {border-bottom: 11px solid #413e3d;}
#the-home:hover .the-home-highlight {border-bottom: 1px solid #6f6968;}
/* Sidebar Colors */
.sidebar-widget-title, .footer-widget-title {color:#4e4a49;}
.sidebar-widget-title {font-size: 25px!important;}
/* Footer Colors */
#footer-text {color:#999a9a;}
#footer-text h3 {color:#433f3e;}
#footer {}
.footer-widget-title {color:#4e4a49;}
/* Archives Colors */
.archives {
color:#ccc;
}
/* Portfolio */
.portfolio-overlay {
background-color: #1c1c1c;
}
.portfolio-content h4,
.portfolio-content-desc {
color:#fff !important;
text-shadow: 0 2px 1px #000;
}
.portfolio-content-cat {
color:#d5d5d5 !important;
text-shadow: 0 2px 1px #000;
}
.content{
color:#655E49;
}
.min-content a {
color:#A3A4A4 !important;
}
.min-content a:hover {
color:#231f20 !important;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color:#231f20;
}
.content h1 span.sub,
.content h2 span.sub,
.content h3 span.sub,
.content h4 span.sub,
.content h5 span.sub,
.content h6 span.sub { color:#cecece; text-shadow: none; }
/* Shortcodes */
.simple_tabs .tab_titles li.current a {
color:#2F2F2F !important;
}
.back-to-page {
display: block;
width: 42px;
height: 42px;
background: url(lib/imgs/prettyPhoto/close.png) 0 0 no-repeat;
text-indent: -9999px;
}
#close-container {
width: 42px;
height: 42px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.content a {
z-index: 100 !important;
}
#debugger {
position:fixed;
z-index: 1000;
bottom: 30px;
right:30px;
background:#000;
color:#fff;
padding: 20px;
}
.global-radius {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.leftside #narrow-content.global-radius{
-webkit-border-top-right-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-moz-border-radius-topright: 0 !important;
-moz-border-radius-bottomright: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rightside #narrow-content.global-radius{
-webkit-border-top-left-radius: 0 !important;
-webkit-border-bottom-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-moz-border-radius-bottomleft: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 10px !important;
}
/*
----------------------------------------------------------------
Gravity Forms Front End Form Styles
Version 1.6.2
http: //www.gravityforms.com
updated: November 3, 2011 3:46 PM
Gravity Forms is a Rocketgenius project
copyright 2011 Rocketgenius Inc.
http: //www.rocketgenius.com
this may not be re-distrubited without the
express written permission of the author.
NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
to no.
----------------------------------------------------------------
*/
.gform_wrapper {
overflow: inherit;
margin: 10px 0;
max-width: 98%
}
.gform_wrapper h1,
.gform_wrapper h2,
.gform_wrapper h3 {
font-weight: normal;
border: none;
outline: none;
background: none
}
.gform_wrapper :focus {
outline: 0
}
.gform_wrapper form {
text-align: left
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
outline-style: none;
font-size: 11px;
font-family: inherit;
padding: 2px 0 2px 0;
letter-spacing: normal
}
.gform_wrapper input[type=image] {
border: none !important;
padding: 0 !important;
width: auto !important
}
.gform_wrapper textarea {
outline-style: none;
font-size: 11px;
font-family: inherit;
letter-spacing: normal;
padding: 2px 0 2px 0;
resize: none
}
.gform_wrapper ul {
margin: 0;
list-style-type: none
}
html>body .entry ul,
.gform_wrapper ul {
text-indent: 0
}
.gform_wrapper li,
.gform_wrapper form li {
list-style-type: none !important;
list-style-image: none !important;
list-style: none !important;
overflow: visible
}
.gform_wrapper ul li.gfield {
clear: both
}
.gform_wrapper ul.gfield_radio li,
.gform_wrapper ul.gfield_checkbox li {
overflow: hidden
}
.gform_wrapper ul.right_label li,
.gform_wrapper form ul.right_label li,
.gform_wrapper ul.left_label li,
.gform_wrapper form ul.left_label li {
margin-bottom: 14px
}
.gform_wrapper ul.right_label li ul.gfield_radio li,
.gform_wrapper form ul.right_label li ul.gfield_radio li,
.gform_wrapper ul.left_label li ul.gfield_radio li,
.gform_wrapper form ul.left_label li ul.gfield_radio li,
.gform_wrapper ul.right_label li ul.gfield_checkbox li,
.gform_wrapper form ul.right_label li ul.gfield_checkbox li,
.gform_wrapper ul.left_label li ul.gfield_checkbox li,
.gform_wrapper form ul.left_label li ul.gfield_checkbox li {
margin-bottom: 10px
}
.gform_wrapper ul li:before,
.gform_wrapper ul li:after,
.gform_wrapper ul.gform_fields {
padding: 0;
margin: 0;
overflow: visible
}
.gform_wrapper select {
font-size: 11px;
font-family: inherit;
padding: 3px 0 3px 0;
letter-spacing: normal
}
.gform_wrapper .inline {
display: inline !important
}
.gform_wrapper .gform_heading {
width: 98%;
margin-bottom: 18px
}
.gform_wrapper .gfield_time_hour,
.gform_wrapper .gfield_time_minute,
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
width: 70px;
vertical-align: top;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
margin-right: 12px
}
.gform_wrapper .gfield_date_dropdown_month,
.gform_wrapper .gfield_date_dropdown_day,
.gform_wrapper .gfield_date_dropdown_year {
vertical-align: top;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
.gform_wrapper .gfield_date_dropdown_month,
.gform_wrapper .gfield_date_dropdown_day,
.gform_wrapper .gfield_date_dropdown_year {
margin-right: 6px
}
.gform_wrapper .gfield_time_ampm {
vertical-align: top;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.gform_wrapper .gfield_time_ampm select {
width: 60px !important
}
.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input,
.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_year input {
width: 70% !important
}
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
width: 50px;
float: left
}
.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_year input {
width: 85% !important
}
.gform_wrapper .field_hover {
border: 1px dashed #2175A9;
cursor: pointer
}
.gform_wrapper .field_selected {
background-color: #DFEFFF;
border: 1px solid #C2D7EF
}
.gform_wrapper .field_name_first,
.gform_wrapper .field_name_last {
width: 50%;
float: left
}
.gform_wrapper .ginput_complex {
overflow: hidden
}
.gform_wrapper .field_name_first input,
.gform_wrapper .ginput_complex .ginput_left input {
width: 88% !important
}
.gform_wrapper .field_name_last input {
width: 88% !important
}
.gform_wrapper .datepicker {
width: 100px !important
}
.gform_wrapper .ginput_complex .ginput_left {
width: 50%;
float: left
}
.gform_wrapper .ginput_complex .ginput_right {
width: 49%;
float: right
}
.gform_wrapper .gfield_error .ginput_complex .ginput_left,
.gform_wrapper .gfield_error .ginput_complex .ginput_right {
width: 50%
}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input {
width: 90% !important
}
.gform_wrapper .gfield_error .ginput_complex .ginput_right input {
width: 95% !important
}
.gform_wrapper .ginput_complex input,
.gform_wrapper .ginput_complex select {
width: 95% !important
}
.gform_wrapper .ginput_complex .ginput_right input,
.gform_wrapper .ginput_complex .ginput_right select {
width: 92% !important
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
display: block;
margin: 3px 0;
font-size: 11px;
letter-spacing: 0.5pt
}
.gform_wrapper .ginput_complex .name_prefix {
float: left;
width: 30px !important;
margin-right: 14px
}
.gform_wrapper .ginput_complex .name_suffix {
float: left;
width: 30px !important
}
.gform_wrapper .ginput_complex .name_first,
.gform_wrapper .ginput_complex .name_last {
float: left;
width: 100px;
margin-right: 8px
}
.gform_wrapper .top_label .gfield_label {
margin: 35px 0 15px 0;
font-weight: bold;
display: -moz-inline-stack;
display: inline-block;
line-height: 1.3em;
clear: both
}
.gform_wrapper .left_label .gfield_label {
float: left;
margin: 0 15px 0 0;
width: 29%;
font-weight: bold;
}
.gform_wrapper .right_label .gfield_label {
float: left;
margin: 0 15px 0 0;
width: 29%;
font-weight: bold;
text-align: right
}
.gform_wrapper .left_label ul.gfield_checkbox,
.gform_wrapper .right_label ul.gfield_checkbox,
.gform_wrapper .left_label ul.gfield_radio,
.gform_wrapper .right_label ul.gfield_radio {
margin-left: 32%;
overflow: hidden
}
.gform_wrapper .top_label input.small,
.gform_wrapper .top_label select.small {
width: 25%
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
width: 47%
}
.gform_wrapper .top_label input.medium {
padding: 8px !important;
margin-left: 0 !important;
font-size: 14px !important;
font-weight:normal !important;
background:#d3c9ad;
border: 0px solid #655E49;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 3px 0px #222;
-moz-box-shadow: inset 0px 1px 3px 0px #222;
box-shadow: inset 0px 1px 3px 0px #222;
color:#000;
outline:none;
resize:none;
}
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
width: 99.2%!important;
}
.gform_wrapper .right_label input.small,
.gform_wrapper .right_label select.small,
.gform_wrapper .left_label input.small,
.gform_wrapper .left_label select.small {
width: 15%
}
.gform_wrapper .right_label input.medium,
.gform_wrapper .right_label select.medium,
.gform_wrapper .left_label input.medium,
.gform_wrapper .left_label select.medium {
width: 35%
}
.gform_wrapper .right_label input.large,
.gform_wrapper .right_label select.large,
.gform_wrapper .left_label input.large,
.gform_wrapper .left_label select.large,
.gform_wrapper textarea.textarea {
width: 63%
}
.gform_wrapper .right_label div.ginput_complex,
.gform_wrapper .left_label div.ginput_complex {
width: 64%
}
.gform_wrapper h2.gsection_title {
margin: 0 !important;
padding: 0 !important;
letter-spacing: normal !important
}
.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
font-weight: bold;
font-size: 1.3em
}
.gform_wrapper h3.gform_title {
letter-spacing: normal !important;
margin: 10px 0 6px 0
}
.gform_wrapper span.gform_description {
font-weight: normal
}
.gform_wrapper h2.gsection_title,
.gform_wrapper .gsection_description,
.gform_wrapper h3.gform_title {
width: 98%
}
.gform_wrapper .gsection {
border-bottom: 1px dotted #CCC;
padding: 0 0 8px 0;
margin: 16px 0;
clear: both
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.gform_wrapper ul.gfield_radio li input[type=radio] {
width: auto !important
}
/* radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
position: relative
}
.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
margin: 6px 0; padding: 0
}
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
display: block;
margin: 0 0 0 24px;
padding: 0;
width: auto;
line-height: 1.5;
vertical-align: top
}
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio],
.gform_wrapper .gfield_checkbox li input {
float: left;
margin-top: 2px
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
font-size: 0.85em;
line-height: 1.5em;
clear: both;
font-family: sans-serif;
letter-spacing: normal
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description {
padding: 4px 0 8px 0
}
.gform_wrapper .gfield_description {
padding: 10px 0 0 0;
width: 99.8%
}
.gform_wrapper .left_label .gfield_description,
.gform_wrapper .right_label .gfield_description {
width:63%
}
.gform_wrapper .description_above .gfield_description {
padding: 0 0 10px 0
}
.gfield_date_year+.gfield_description {
padding: 0
}
.gform_wrapper .right_label .gfield_description,
.gform_wrapper .left_label .gfield_description,
.gform_wrapper .left_label .instruction,
.gform_wrapper .right_label .instruction {
margin-left: 31%
}
.gform_wrapper .left_label .gsection .gsection_description,
.gform_wrapper .right_label .gsection .gsection_description {
margin-left: 0;
padding-top: 4px;
padding-left: 0;
line-height: 1.5em
}
.gform_wrapper .gfield_required {
color: #790000;
margin-left: 4px
}
.gform_wrapper textarea.small {
height: 80px
}
.gform_wrapper textarea.medium {
height: 150px
}
.gform_wrapper textarea.large {
height: 250px
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: #FFDFDF;
margin-bottom: 6px !important;
padding: 6px 6px 4px 6px !important;
border: 1px solid #C89797
}
.gform_wrapper li.gfield.gfield_creditcard_warning {
margin-bottom: 6px !important;
padding: 6px 6px 4px 6px !important;
border: 1px dashed #C89797
}
.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
font-size:1em;
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
padding: 10px 20px 10px 45px;
min-height: 25px;
background-image: url(../images/stopbanner.png);
background-repeat: no-repeat;
background-position: 0 0;
background-color: #790000;
border-bottom: 1px solid #620101;
color: #FFF;
text-shadow: 0 1px 1px rgba(0,0,0,0.50);
line-height: 1.3em;
letter-spacing: 0.2pt
}
li.gfield + li.gfield.gfield_creditcard_warning {
margin-top: 14px !important
}
.gform_wrapper li.gfield.gfield_error .gfield_description {
color: #790000
}
.gform_wrapper .top_label .gfield_error .ginput_container {
max-width: 99%
}
.gform_wrapper .top_label .gfield_error {
width: 97%
}
.gform_wrapper .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {
width: 100%
}
.gform_wrapper .right_label .gfield_error input.large,
.gform_wrapper .right_label .gfield_error select.large,
.gform_wrapper .right_label .gfield_error textarea.textarea,
.gform_wrapper .left_label .gfield_error input.large,
.gform_wrapper .left_label .gfield_error select.large,
.gform_wrapper .left_label .gfield_error textarea.textarea {
width: 66%
}
.gform_wrapper .gfield_error .gfield_label {
color: #790000
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-top: 12px;
margin-bottom: 12px !important
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: 12px
}
.gform_wrapper .validation_error {
color: #790000;
font-weight: bold;
font-size: 14px;
line-height: 1.5em;
margin-bottom: 16px
}
.gform_wrapper .validation_message {
color: #790000;
font-size: 11px;
letter-spacing: normal
}
.gform_wrapper .gform_footer {
padding: 16px 0 10px 0;
margin: 16px 0 0 0;
clear: both
}
.gform_wrapper .gform_footer.right_label,
.gform_wrapper .gform_footer.left_label {
padding: 16px 0 10px 31%
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
font-size: 1em;
}
.gform_wrapper .gform_footer input[type=image] {
padding: 0;
width: auto !important;
background: none !important;
border: none !important
}
#gforms_confirmation_message {
background-color: #FFFAC6;
border: 1px solid #E6DB55;
margin: 10px auto;
padding: 30px 10px;
width: 90%;
font-size: 1.4em;
color: #222;
text-align: center
}
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_full {
min-height: 43px;
display: block;
overflow: hidden
}
.gform_wrapper .ginput_complex .ginput_full input {
width: 96% !important;
padding: 8px !important;
margin-left: 0 !important;
font-size: 14px !important;
font-weight:normal !important;
background:#d3c9ad;
border: 1px solid #655E49;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 3px 0px #222;
-moz-box-shadow: inset 0px 1px 3px 0px #222;
box-shadow: inset 0px 1px 3px 0px #222;
color:#000;
outline:none;
resize:none;
}
#input_3_10 {
padding: 8px !important;
margin-left: 0 !important;
font-size: 14px !important;
font-weight:normal !important;
background:#d3c9ad;
border: 0px solid #655E49;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 3px 0px #222;
-moz-box-shadow: inset 0px 1px 3px 0px #222;
box-shadow: inset 0px 1px 3px 0px #222;
color:#000;
outline:none;
resize:none;
}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
margin: 0 0 8px 0;
line-height: 1.3em
}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label {
font-weight: bold
}
/* jQuery UI date picker ------------------------------------------------------*/
.ui-datepicker-div,
.ui-datepicker-inline,
#ui-datepicker-div {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 1em;
list-style: none;
font-family: "lucida sans", "lucida grande", lucida , sans-serif;
background-color: #FFF;
font-size: 1em;
border: 4px solid #C1C1C1;
width: 15.5em;
padding: 2.5em .5em .5em .5em;
position: relative
}
.ui-datepicker-div,
#ui-datepicker-div {
z-index: 9999;
display: none
}
.ui-datepicker-inline {
float: left;
display: block
}
.ui-datepicker-control {
display: none
}
.ui-datepicker-current {
display: none
}
.ui-datepicker-next,
.ui-datepicker-prev {
position: absolute;
left: 0.5em;
top: 0.5em;
background-color: #EEE
}
.ui-datepicker-next {
left: 14.6em
}
.ui-datepicker-next: hover,
.ui-datepicker-prev: hover {
background-color: #DADADA
}
.ui-datepicker-next a,
.ui-datepicker-prev a {
text-indent: -999999px;
width: 1.3em;
height: 1.4em;
display: block;
font-size: 1em;
background-image: url(../images/datepicker_arrow_left.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
border: 1px solid #d3d3d3;
cursor: pointer
}
.ui-datepicker-next a {
background-image: url(../images/datepicker_arrow_right.gif);
background-position: 50% 50%;
background-repeat: no-repeat
}
.ui-datepicker-header select {
border: 1px solid #D3D3D3;
color: #555;
background-color: #E6E6E6;
font-size: 1em;
line-height: 1.4em;
position: absolute;
top: 0.5em;
margin: 0 !important
}
.ui-datepicker-header option: focus,
.ui-datepicker-header option: hover {
background-color: #DADADA
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em
}
table.ui-datepicker {
width: 15.5em;
text-align: right
}
table.ui-datepicker td a {
padding: .1em;
display: block;
color: #555;
background-color: #E6E6E6;
cursor: pointer;
border: 1px solid #FFF;
text-align: center
}
table.ui-datepicker td a: hover {
border: 1px solid #FFF;
color: #212121;
background-color: #DADADA;
text-decoration: none
}
table.ui-datepicker td a: active {
border: 1px solid #AAA;
color: #212121;
background-color: #FFF;
text-decoration: none
}
table.ui-datepicker .ui-datepicker-title-row td {
padding: .2em 0;
text-align: center;
font-size: 0.9em;
color: #222;
text-transform: uppercase
}
table.ui-datepicker .ui-datepicker-title-row td a {
color: #222;
padding: 0.3em 0
}
.ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 193px;
height: 200px
}
img.ui-datepicker-trigger {
cursor: pointer;
vertical-align: top;
width: 17px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
.gform_wrapper input.datepicker.datepicker_with_icon {
margin-right: 4px !important;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
/* tame those pesky hidden fields ------------------------------------------------------*/
.gform_wrapper input[type=hidden],
.gform_wrapper input.gform_hidden,
.gform_wrapper .gform_hidden,
.gform_wrapper .gf_hidden {
display: none !important;
max-height: 1px !important;
overflow: hidden
}
.gform_wrapper .ginput_full br,
.gform_wrapper .ginput_left br,
.gform_wrapper .ginput_right br {
display: none !important
}
/* additional spacing and padding tweaks ------------------------------------------------------*/
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {
padding: 0 !important
}
.gform_wrapper ul.gfield_radio li input+input {
margin-left: 4px;
}
.gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
margin-right: 6px;
margin-top: 4px
}
.gform_wrapper .top_label .gfield_description, {
padding: 10px 0 0 0
}
.gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message {
padding: 10px 0 10px 0 !important
}
.gform_wrapper .ginput_container + .gfield_description.validation_message {
margin-top: 6px
}
.gform_wrapper .ginput_container.ginput_list {
margin-top: 6px
}
.gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message {
margin-top: 0
}
/* HTML field default margins -----------------------------------------------------*/
.gform_wrapper .left_label li.gfield_html_formatted,
.gform_wrapper .right_label li.gfield_html_formatted {
margin-left: 32%
}
.gform_wrapper .gfield_html.gfield_no_follows_desc {
margin-top: 10px
}
/* ajax forms ------------------------------------------------------*/
.gform_wrapper .gform_ajax_spinner {
padding-left: 10px
}
/* hide the honeypot field ------------------------------------------------------*/
.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px
}
/* Really Simple Captcha ------------------------------------------------------*/
.gform_wrapper .gfield_captcha_input_container {
padding-top: 3px
}
.gform_wrapper .simple_captcha_small input {
width: 100px
}
.gform_wrapper .simple_captcha_medium input {
width: 150px
}
.gform_wrapper .simple_captcha_large input {
width: 200px
}
.gform_wrapper .gform_wrapper .left_label .simple_captcha_small,
.gform_wrapper .right_label .simple_captcha_small,
.gform_wrapper .left_label .simple_captcha_medium,
.gform_wrapper .right_label .simple_captcha_medium,
.gform_wrapper .left_label .simple_captcha_large,
.gform_wrapper .right_label .simple_captcha_large {
margin-left: 32%
}
.gform_wrapper .gfield_captcha_container img.gfield_captcha {
border: none !important;
background: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important
}
/* math challenge ------------------------------------------------------*/
.gform_wrapper .math_small input {
width: 69px
}
.gform_wrapper .math_medium input {
width: 90px
}
.gform_wrapper .math_large input {
width: 108px
}
.gform_wrapper .left_label .math_small,
.gform_wrapper .right_label .math_small,
.gform_wrapper .left_label .math_medium,
.gform_wrapper .right_label .math_medium,
.gform_wrapper .left_label .math_large,
.gform_wrapper .right_label .math_large {
margin-left: 32%
}
/* textarea character counter ------------------------------------------------------*/
.gform_wrapper div.charleft {
font-size: 11px;
margin-top: 4px;
color: #B7B7B7;
width: 92% !important;
white-space: nowrap !important
}
.gform_wrapper div.charleft[style] {
width: 92% !important
}
.gform_wrapper .left_label div.charleft,
.gform_wrapper .right_label div.charleft {
margin-left: 32%
}
.gform_wrapper div.charleft.warningTextareaInfo {
color: #A1A1A1
}
.gform_wrapper li.gf_hide_charleft div.charleft {
display: none !important
}
/* pricing fields ------------------------------------------------------*/
.gform_wrapper .ginput_price {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7
}
.gform_wrapper span.ginput_total {
color: #060;
font-size: 1.2em
}
.gform_wrapper .top_label span.ginput_total {
margin: 8px 0
}
.gform_wrapper span.ginput_product_price_label {
margin-right: 2px
}
.gform_wrapper span.ginput_product_price {
color: #900
}
.gform_wrapper span.ginput_quantity_label {
margin-left: 10px;
margin-right: 2px
}
.gform_wrapper input.ginput_quantity {
width: 40px
}
/* multi-page form paging ------------------------------------------------------*/
.gform_wrapper .gform_page_footer {
margin: 20px 0;
width: 92%;
border-top: 1px dotted #CCC;
padding: 16px 0 0 0
}
.gform_wrapper .gform_page_footer .button.gform_button {
margin-right: 10px
}
/* multi-page progress bar ------------------------------------------------------*/
.gform_wrapper .gf_progressbar_wrapper {
clear: both;
width: 92%;
margin: 0 0 8px 0;
padding: 0 0 16px 0;
border-bottom: 1px dotted #CCC
}
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
font-size: 13px;
line-height: 1em !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
clear: both;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6
}
.gform_wrapper .gf_progressbar {
width: 99%;
height: 20px;
overflow: hidden;
line-height: 20px !important;
border: 1px solid #ACACAC;
border-right: 1px solid #959595;
border-bottom: 1px solid #959595;
background-image: url(../images/percentbar_bg.png);
background-repeat: repeat-x;
background-position: bottom;
background-color: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.gform_wrapper .gf_progressbar_percentage {
height: 20px;
text-align: right;
font-family: helvetica,arial,sans-serif;
font-size: 13px !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.50)
}
.gform_wrapper .gf_progressbar_percentage span {
margin-right: 5px;
margin-left: 5px
}
.gform_wrapper .percentbar_blue {
background-image: url(../images/percentbar_blue.png);
background-repeat: repeat-x;
background-color: #0072BC;
color: #FFF
}
.gform_wrapper .percentbar_gray {
background-image: url(../images/percentbar_gray.png);
background-repeat: repeat-x;
background-color: #666;
color: #FFF
}
.gform_wrapper .percentbar_green {
background-image: url(../images/percentbar_green.png);
background-repeat: repeat-x;
background-color: #94DC21;
color: #FFF
}
.gform_wrapper .percentbar_orange {
background-image: url(../images/percentbar_orange.png);
background-repeat: repeat-x;
background-color: #DC7021;
color: #FFF
}
.gform_wrapper .percentbar_red {
background-image: url(../images/percentbar_red.png);
background-repeat: repeat-x;
background-color: #DC2521;
color: #FFF
}
.gform_wrapper .percentbar_custom {
background-image: url(../images/percentbar_custom.png);
background-repeat: repeat-x
}
/* multi-page steps ------------------------------------------------------*/
.gform_wrapper .gf_page_steps {
width: 92%;
margin: 0 0 8px 0;
padding: 0 0 4px 0;
border-bottom: 1px dotted #CCC
}
.gform_wrapper .gf_step {
width: auto !important;
margin: 0 10px 10px 0;
font-size: 14px;
height: 20px;
line-height: 20px !important;
filter: alpha(opacity=50);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
font-family: arial,sans-serif;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
.gform_wrapper .gf_step span.gf_step_number {
font-size: 20px;
float: left;
font-family: arial,sans-serif
}
.gform_wrapper .gf_step.gf_step_active {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0
}
.gform_wrapper .gf_step_clear {
display: block;
clear: both;
height: 1px;
overflow: hidden
}
/* password strength indicator -----------------------------------------------------------------*/
.gform_wrapper .gfield_password_strength {
border: 1px solid #DDD;
margin: 0;
padding: 3px 5px;
text-align: center;
width: 200px;
background-color: #EEE
}
.gform_wrapper .gfield_password_strength.bad {
background-color: #FFB78C;
border-color: #FF853C
}
.gform_wrapper .gfield_password_strength.good {
background-color: #FFEC8b;
border-color: #FC0
}
.gform_wrapper .gfield_password_strength.short,
.gform_wrapper .gfield_password_strength.mismatch {
background-color: #FFA0A0;
border-color: #f04040
}
.gform_wrapper .gfield_password_strength.strong {
background-color: #C3FF88;
border-color: #8DFF1C
}
/* reset the default list styles for the HTML blocks -----------------------------------------------------------------*/
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
list-style-type: disc !important;
overflow: visible;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
list-style-type: disc !important;
margin: 0 0 1.5em 1.5em;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li {
list-style-type: decimal!important;
overflow:visible;
margin: 0 0 .5em 0;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol {
list-style-type: decimal!important;
margin: 0 0 1.5em 1.5em;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl {
margin: 0 0 1.5em 0;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt {
font-weight: bold
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd {
margin: 0 0 1em 1.5em;
}
/* list fields added in v.1.6 -----------------------------------------------------------------*/
.gform_wrapper table.gfield_list,
.gform_wrapper table.gfield_list caption,
.gform_wrapper table.gfield_list tbody,
.gform_wrapper table.gfield_list tfoot,
.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr,
.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
.gform_wrapper table.gfield_list {
border-spacing: 0;
border-collapse:collapse
}
.gform_wrapper table.gfield_list thead th {
font-weight: bold;
text-align: left
}
.gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
color: #790000
}
.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr {
padding: 0;
margin: 0
}
.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list td {
padding:0 0 0.5em 0
}
.gform_wrapper table.gfield_list th + th,
.gform_wrapper table.gfield_list td + td {
padding:0 0 0.5em 0.7em
}
.gform_wrapper .left_label .gfield_list, .gform_wrapper .right_label .gfield_list {
width: 64%
}
.gform_wrapper .top_label .gfield_list {
width: 99%
}
.gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column {
width: 45%
}
.gform_wrapper .top_label .gf_list_one_column {
width: 46%
}
.gform_wrapper .gfield_list input{
width: 98%
}
.gfield_icon_disabled {
cursor: default !important;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6
}
.gform_wrapper table.gfield_list td.gfield_list_icons {
min-width: 45px !important
}
/* enhanced UI/select styles added in v.1.6 -----------------------------------------------------------------*/
.gform_wrapper select.chzn-select {
visibility: hidden;
height: 28px !important;
min-height: 28px !important
}
.gform_wrapper .chzn-container {
font-size: 13px;
position: relative;
margin-bottom: 4px;
display: inline-block;
zoom: 1;
*display: inline
}
.gform_wrapper .chzn-container .chzn-drop {
background-color: #FFF;
border: 1px solid #AAA;
border-top: 0;
position: absolute;
top: 29px;
left: 0;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-o-box-shadow: 0 4px 5px rgba(0,0,0,.15);
box-shadow: 0 4px 5px rgba(0,0,0,.15);
z-index: 999
}
.gform_wrapper .chzn-container-single .chzn-single {
background-color: #FFF;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEE), color-stop(0.5, white));
background-image: -webkit-linear-gradient(center bottom, #EEE 0%, white 50%);
background-image: -moz-linear-gradient(center bottom, #EEE 0%, white 50%);
background-image: -o-linear-gradient(top, #EEE 0%,#FFF 50%);
background-image: -ms-linear-gradient(top, #EEE 0%,#FFF 50%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#FFF',GradientType=0 );
background-image: linear-gradient(top, #EEE 0%,#FFF 50%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #AAA;
display: block; overflow: hidden;
white-space: nowrap;
position: relative;
height: 26px;
line-height: 26px;
padding: 0 0 0 8px;
color: #444;
text-decoration: none
}
.gform_wrapper .chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis
}
.gform_wrapper .chzn-container-single .chzn-single div {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #CCC;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCC), color-stop(0.6, #EEE));
background-image: -webkit-linear-gradient(center bottom, #CCC 0%, #EEE 60%);
background-image: -moz-linear-gradient(center bottom, #CCC 0%, #EEE 60%);
background-image: -o-linear-gradient(bottom, #CCC 0%, #EEE 60%);
background-image: -ms-linear-gradient(top, #CCC 0%,#EEE 60%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#EEE',GradientType=0 );
background-image: linear-gradient(top, #CCC 0%,#EEE 60%);
border-left: 1px solid #AAA;
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px
}
.gform_wrapper .chzn-container-single .chzn-single div b {
background-image: url(../images/chosen-sprite.png);
background-position: 0 1px;
background-repeat: no-repeat;
display: block;
width: 100%;
height: 100%
}
.gform_wrapper .chzn-container-single .chzn-search {
padding: 3px 4px;
margin: 0;
white-space: nowrap
}
.gform_wrapper .chzn-container-single .chzn-search input {
background: #FFF url(../images/chosen-sprite.png) 100% -20px no-repeat;
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE));
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%);
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%);
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%);
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%);
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%);
background: url(../images/chosen-sprite.png) 100% -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #AAA;
font-family: sans-serif;
font-size: 1em
}
.gform_wrapper .chzn-container-single .chzn-drop {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.gform_wrapper .chzn-container-multi .chzn-choices {
background-color: #FFF;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE));
background-image: -webkit-linear-gradient(center bottom, white 85%, #EEE 99%);
background-image: -moz-linear-gradient(center bottom, white 85%, #EEE 99%);
background-image: -o-linear-gradient(bottom, white 85%, #EEE 99%);
background-image: -ms-linear-gradient(top, #FFF 85%,#EEE 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 );
background-image: linear-gradient(top, #FFF 85%,#EEE 99%);
border: 1px solid #AAA;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%; position: relative
}
.gform_wrapper .chzn-container-multi .chzn-choices li {
float: left;
list-style: none
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-field .default {
color: #999
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #E4E4E4;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E4E4), color-stop(0.7, #EEE));
background-image: -webkit-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%);
background-image: -moz-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%);
background-image: -o-linear-gradient(bottom, #E4E4E4 0%, #EEE 70%);
background-image: -ms-linear-gradient(top, #E4E4E4 0%,#EEE 70%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#EEE',GradientType=0 );
background-image: linear-gradient(top, #E4E4E4 0%,#EEE 70%);
color: #333;
border: 1px solid #B4B4B4;
line-height: 13px;
padding: 3px 19px 3px 6px;
margin: 3px 0 3px 5px;
position: relative
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-choice span {
cursor: default
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus {
background-color: #D4D4D4
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 5px;
top: 6px;
width: 8px;
height: 9px;
font-size: 1px;
background-image: url(../images/chosen-sprite.png);
background-position: right top;
background-repeat: no-repeat
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close: hover {
background-position: right -9px
}
.gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: right -9px
}
.gform_wrapper .chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 190px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto
}
.gform_wrapper .chzn-container-multi .chzn-results {
margin: -1px 0 0;
padding: 0
}
.gform_wrapper .chzn-container .chzn-results li {
line-height: 80%;
padding: 7px 7px 8px;
margin: 0;
list-style: none
}
.gform_wrapper .chzn-container .chzn-results .active-result {
cursor: pointer
}
.gform_wrapper .chzn-container .chzn-results .highlighted {
background-color: #F0F0F0;
}
.gform_wrapper .chzn-container .chzn-results li em {
background-color: #FEFFDE;
font-style: normal
}
.gform_wrapper .chzn-container .chzn-results .highlighted em {
background: transparent
}
.gform_wrapper .chzn-container .chzn-results .no-results {
background-color: #F4F4F4
}
.gform_wrapper .chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold
}
.gform_wrapper .chzn-container .chzn-results .group-option {
padding-left: 20px
}
.gform_wrapper .chzn-container-multi .chzn-drop .result-selected {
display: none
}
.gform_wrapper .chzn-container-active .chzn-single {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
-o-box-shadow: 0 0 5px rgba(0,0,0,.3);
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.gform_wrapper .chzn-container-active .chzn-single-with-drop {
border: 1px solid #AAA;
-webkit-box-shadow: 0 1px 0 #FFF inset;
-moz-box-shadow: 0 1px 0 #FFF inset;
-o-box-shadow: 0 1px 0 #FFF inset;
box-shadow: 0 1px 0 #FFF inset;
background-color: #EEE;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #EEE));
background-image: -webkit-linear-gradient(center bottom, white 0%, #EEE 50%);
background-image: -moz-linear-gradient(center bottom, white 0%, #EEE 50%);
background-image: -o-linear-gradient(bottom, white 0%, #EEE 50%);
background-image: -ms-linear-gradient(top, #FFF 0%,#EEE 50%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 );
background-image: linear-gradient(top, #FFF 0%,#EEE 50%);
-webkit-border-bottom-left-radius : 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0
}
.gform_wrapper .chzn-container-active .chzn-single-with-drop div {
background: transparent;
border-left: none
}
.gform_wrapper .chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 1px
}
.gform_wrapper .chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
-o-box-shadow: 0 0 5px rgba(0,0,0,.3);
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.gform_wrapper .chzn-container-active .chzn-choices .search-field input {
color: #111 !important
}
.gform_wrapper .chzn-rtl {
direction: rtl;
text-align: right
}
.gform_wrapper .chzn-rtl .chzn-single {
padding-left: 0;
padding-right: 8px
}
.gform_wrapper .chzn-rtl .chzn-single span {
margin-left: 26px;
margin-right: 0
}
.gform_wrapper .chzn-rtl .chzn-single div {
left: 0;
right: auto;
border-left: none;
border-right: 1px solid #AAA;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.gform_wrapper .chzn-rtl .chzn-choices li {
float: right
}
.gform_wrapper .chzn-rtl .chzn-choices .search-choice {
padding: 3px 6px 3px 19px;
margin: 3px 5px 3px 0
}
.gform_wrapper .chzn-rtl .chzn-choices .search-choice .search-choice-close {
left: 5px;
right: auto;
background-position: right top
}
.gform_wrapper .chzn-rtl.chzn-container-single .chzn-results {
margin-left: 4px;
margin-right: 0;
padding-left: 0;
padding-right: 4px
}
.gform_wrapper .chzn-rtl .chzn-results .group-option {
padding-left: 0;
padding-right: 20px
}
.gform_wrapper .chzn-rtl.chzn-container-active .chzn-single-with-drop div {
border-right: none
}
.gform_wrapper .chzn-rtl .chzn-search input {
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, #FFF;
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE));
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -webkit-linear-gradient(center bottom, white 85%, #EEE 99%);
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -moz-linear-gradient(center bottom, white 85%, #EEE 99%);
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -o-linear-gradient(bottom, white 85%, #EEE 99%);
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%);
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, -ms-linear-gradient(top, #FFF 85%,#EEE 99%);
background: url(../images/chosen-sprite.png) -38px -20px no-repeat, linear-gradient(top, #FFF 85%,#EEE 99%);
padding: 4px 5px 4px 20px
}
/* ============================================================================ */
/* ! CSS Ready Classes ------------------------------------------------------ */
/* ============================================================================ */
/* inline fields ready class ------------------------------------------------------*/
.gform_wrapper .top_label li.gfield.gf_inline {
vertical-align: top;
width: auto !important;
margin-right: 14px;
float: none !important;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].large {
width: 25.4em !important
}
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium {
width: 18.7em !important
}
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium {
width: 6em !important
}
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].small {
width: 5em !important
}
.gform_wrapper .top_label li.gfield.gf_inline select {
width: auto !important
}
.gform_wrapper .top_label li.gfield.gf_inline textarea {
width: 95% !important
}
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text],
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] {
width: 70% !important
}
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year {
width: 50px
}
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm {
width: auto
}
.gform_wrapper li.gf_inline div.ginput_container {
white-space: nowrap !important
}
/* 2 column ready class ------------------------------------------------------*/
.gform_wrapper .top_label li.gfield.gf_left_half {
margin: 0 0 8px 0;
width: 49%
}
.gform_wrapper .top_label li.gfield.gf_right_half {
margin: 0 0 8px 0;
width: 49%
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
width: 46%
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
margin-right: 1%
}
.gform_wrapper .top_label li.gfield.gf_left_half {
float: left;
clear: left !important
}
.gform_wrapper .top_label li.gfield.gf_right_half {
float: right;
clear: right !important
}
.gform_wrapper .top_label li.gfield.gf_left_half input.medium,
.gform_wrapper .top_label li.gfield.gf_left_half input.large,
.gform_wrapper .top_label li.gfield.gf_left_half select.medium,
.gform_wrapper .top_label li.gfield.gf_left_half select.large,
.gform_wrapper .top_label li.gfield.gf_right_half input.medium,
.gform_wrapper .top_label li.gfield.gf_right_half input.large,
.gform_wrapper .top_label li.gfield.gf_right_half select.medium,
.gform_wrapper .top_label li.gfield.gf_right_half select.large {
width: 97%
}
.gform_wrapper .top_label li.gfield.gf_left_half textarea,
.gform_wrapper .top_label li.gfield.gf_right_half textarea {
width: 98%
}
.gform_wrapper .top_label li.gfield.gf_left_half input.small,
.gform_wrapper .top_label li.gfield.gf_right_half input.small {
width: 35%
}
.gform_wrapper .top_label li.gfield.gf_left_half+li.gsection,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gsection {
padding: 16px 0 8px 0
}
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half {
padding: 16px 0 8px 0
}
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
padding: 0 0 8px 0
}
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
padding: 16px 0 8px 0
}
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield,
.gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer {
clear: both
}
/* 3 column ready class ------------------------------------------------------*/
.gform_wrapper .top_label li.gfield.gf_left_third,
.gform_wrapper .top_label li.gfield.gf_middle_third,
.gform_wrapper .top_label li.gfield.gf_right_third {
margin: 0 0 8px 0;
width: 32%
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third,
.gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third,
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
width: 29%
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
margin-right: 1%
}
.gform_wrapper .top_label li.gfield.gf_left_third {
float: left;
clear: left !important
}
.gform_wrapper .top_label li.gfield.gf_middle_third {
float: left;
margin-left: 2%;
clear: none !important
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third {
margin-left: 3%
}
.gform_wrapper .top_label li.gfield.gf_right_third {
float: right;
clear: right !important
}
.gform_wrapper .top_label li.gfield.gf_left_third input.medium,
.gform_wrapper .top_label li.gfield.gf_left_third input.large,
.gform_wrapper .top_label li.gfield.gf_left_third select.medium,
.gform_wrapper .top_label li.gfield.gf_left_third select.large,
.gform_wrapper .top_label li.gfield.gf_middle_third input.medium,
.gform_wrapper .top_label li.gfield.gf_middle_third input.large,
.gform_wrapper .top_label li.gfield.gf_middle_third select.medium,
.gform_wrapper .top_label li.gfield.gf_middle_third select.large,
.gform_wrapper .top_label li.gfield.gf_right_third input.medium,
.gform_wrapper .top_label li.gfield.gf_right_third input.large,
.gform_wrapper .top_label li.gfield.gf_right_third select.medium,
.gform_wrapper .top_label li.gfield.gf_right_third select.large {
width: 95%
}
.gform_wrapper .top_label li.gfield.gf_left_third+li.gsection,
.gform_wrapper .top_label li.gfield.gf_right_third+li.gsection {
padding: 16px 0 8px 0
}
.gform_wrapper .top_label li.gfield.gf_left_third+li.gfield,
.gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_third+li.gfield,
.gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer {
clear: both
}
/* radio/checkbox sub-column ready classes ------------------------------------------------------*/
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li,
.gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_2col ul.gfield_radio li {
width: 50%;
float: left;
margin: 0 0 8px 0;
min-height: 1.8em
}
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li,
.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_3col ul.gfield_radio li {
width: 33%;
float: left;
margin: 0 0 8px 0;
min-height: 1.8em
}
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {
width: 25%;
float: left;
margin: 0;
min-height: 1.8em
}
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
width: 20%;
float: left;
margin: 0;
min-height: 1.8em
}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio,
.gform_wrapper li.gfield.gf_2col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_2col ul.gfield_radio,
.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_3col ul.gfield_radio {
overflow: hidden
}
/* optional height settings for the radio/checkbox columns */
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li {
height: 25px
}
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li {
height: 50px
}
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li {
height: 75px
}
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li {
height: 100px
}
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li {
height: 125px
}
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li {
height: 150px
}
/* radio/checkbox inline list ready classes ------------------------------------------------------*/
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
width: auto !important;
float: none !important;
margin: 0 10px 10px 0;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
/* hide am/pm field ready class ------------------------------------------------------*/
.gform_wrapper li.gf_hide_ampm div.gfield_time_ampm {
display: none !important
}
/* scrolling text section break ready class ------------------------------------------------------*/
.gform_wrapper li.gsection.gf_scroll_text {
height: 180px;
width: 96%;
overflow: auto;
border: 1px solid #CCC;
border-bottom: 1px solid #CCC !important
}
.gform_wrapper li.gsection.gf_scroll_text h2.gsection_title {
margin: 10px 10px 0 10px !important
}
.gform_wrapper li.gsection.gf_scroll_text .gsection_description {
margin: 10px;
font-size: 0.8em
}
/* credit card icons ------------------------------------------------------*/
.gform_wrapper .gform_card_icon_container {
margin: 8px 0 6px 0;
height: 32px
}
.gform_wrapper div.gform_card_icon {
margin-right: 4px;
text-indent: -9000px;
background-image: url(../images/gf_creditcard_icons.png);
background-repeat: no-repeat;
width: 36px;
height: 32px;
float:left
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
background-position: 0 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
background-position: 0 -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
background-position: 0 -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
background-position: -36px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
background-position: -36px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
background-position: -36px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
background-position: -72px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
background-position: -72px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
background-position: -72px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
background-position: -108px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
background-position: -108px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
background-position: -108px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
background-position: -144px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
background-position: -144px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
background-position: -144px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
background-position: -180px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
background-position: -180px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
background-position: -180px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
background-position: 0 -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
background-position: 0 -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
background-position: 0 -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
background-position: -36px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
background-position: -36px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
background-position: -36px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
background-position: -72px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
background-position: -72px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
background-position: -72px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
background-position: -108px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
background-position: -108px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
background-position: -108px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
background-position: -144px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
background-position: -144px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
background-position: -144px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
background-position: -180px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
background-position: -180px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
background-position: -180px -256px
}
/* credit card fields ------------------------------------------------------*/
.gform_wrapper .ginput_complex .ginput_cardinfo_left,
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
min-height: 43px;
position: relative;
float: left
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left {
width: 50%;
margin-right: 1%
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
min-width: 85px !important
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left label,
.gform_wrapper .ginput_complex .ginput_cardinfo_right label {
white-space: nowrap !important
}
.gform_wrapper .ginput_complex span.ginput_cardextras {
display: block;
overflow: hidden
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
position: relative;
display: block;
min-width: 160px !important
}
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
width: 48% !important;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
margin-right: 4px
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
max-width: 50% !important
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
width: 32px;
height: 23px;
background-image: url(../images/gf_creditcard_icons.png);
background-repeat: no-repeat;
background-position: 0 -128px;
position: relative;
top: -1px;
left: 6px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}
/* ================================================================================= */
/* ! Browser Specific Rules ------------------------------------------------------ */
/* ================================================================================= */
/* Safari specific rules ------------------------------------------------------*/
.entry .gform_wrapper.gf_browser_safari ul li:before,
.entry .gform_wrapper.gf_browser_safari ul li:after {
content: ""
}
.gform_wrapper.gf_browser_safari .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {
width: 99% !important
}
.gform_wrapper.gf_browser_safari .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper.gf_browser_safari .right_label #recaptcha_area #recaptcha_table {
margin-left: 32%
}
.gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_safari .gfield_checkbox li input {
margin-top: 4px
}
/* Chrome specific rules ------------------------------------------------------*/
.gform_wrapper.gf_browser_chrome ul li: before,
.gform_wrapper.gf_browser_chrome ul li: after,
.entry .gform_wrapper.gf_browser_chrome ul li:before,
.entry .gform_wrapper.gf_browser_chrome ul li:after {
content: none
}
.gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {
width: 99% !important
}
.gform_wrapper.gf_browser_chrome .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper.gf_browser_chrome .right_label #recaptcha_area #recaptcha_table {
margin-left: 32%
}
.gform_wrapper.gf_browser_chrome .ginput_complex select,
.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select {
padding: 5px 0 5px;
margin-bottom: 5px
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
margin-top: 4px
}
/* Firefox specific rules ------------------------------------------------------*/
.gform_wrapper.gf_browser_gecko ul li: before,
.gform_wrapper.gf_browser_gecko ul li: after,
.entry .gform_wrapper.gf_browser_gecko ul li:before,
.entry .gform_wrapper.gf_browser_gecko ul li:after {
content: none
}
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {
margin-left: 2px
}
.gform_wrapper.gf_browser_gecko .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
margin-right: 2px
}
/* Opera specific rules ------------------------------------------------------*/
.gform_wrapper.gf_browser_opera ul li: before,
.gform_wrapper.gf_browser_opera ul li: after,
.entry .gform_wrapper.gf_browser_opera ul li:before,
.entry .gform_wrapper.gf_browser_opera ul li:after {
content: none
}
.gform_wrapper.gf_browser_opera .ginput_complex .ginput_right select {
padding: 5px 0 5px;
margin-bottom: 5px
}
.gform_wrapper.gf_browser_opera .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {
width: 99% !important
}
.gform_wrapper.gf_browser_opera .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper.gf_browser_opera .right_label #recaptcha_area #recaptcha_table {
margin-left: 32%
}
/* IE specific rules ------------------------------------------------------*/
.gform_wrapper.gf_browser_ie ul li: before,
.gform_wrapper.gf_browser_ie ul li: after,
.entry .gform_wrapper.gf_browser_ie ul li:before,
.entry .gform_wrapper.gf_browser_ie ul li:after {
content: none
}
.gform_wrapper.gf_browser_ie .gfield_time_hour {
width: 80px
}
.gform_wrapper.gf_browser_ie .gfield_time_minute {
width: 70px
}
.gform_wrapper.gf_browser_ie .gfield_time_ampm {
padding-top: 2px
}
.gform_wrapper.gf_browser_ie .gfield_time_hour input,
.gform_wrapper.gf_browser_ie .gfield_time_minute input {
margin-left: 0
}
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_left label,
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_right label {
margin: 3px 0 5px 0
}
.gform_wrapper.gf_browser_ie .gform_footer input.button {
padding: 3px
}
.gform_wrapper.gf_browser_ie ul.top_label .clear-multi {
overflow: hidden;
clear: both
}
.gform_wrapper.gf_browser_ie .gfield_radio li {
line-height: 1.3em !important
}
.gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_ie .gfield_checkbox li input {
margin-top: 0
}
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_left select,
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select {
padding: 2px 0 2px 0
}
.gform_wrapper.gf_browser_ie .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {width: 99%!important}
.gform_wrapper.gf_browser_ie .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper.gf_browser_ie .right_label #recaptcha_area #recaptcha_table {
margin-left: 32%
}
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
position: relative;
top: -1px;
left: 4px
}
/* iPhone specific rules ------------------------------------------------------*/
.gform_wrapper.gf_browser_iphone ul li: before,
.gform_wrapper.gf_browser_iphone ul li: after,
.entry .gform_wrapper.gf_browser_iphone ul li:before,
.entry .gform_wrapper.gf_browser_iphone ul li:after {
content: none
}
/* rules for other unknown browsers ------------------------------------------------------*/
.gform_wrapper.gf_browser_unknown ul li: before,
.gform_wrapper.gf_browser_unknown ul li: after,
.entry .gform_wrapper.gf_browser_unknown ul li:before,
.entry .gform_wrapper.gf_browser_unknown ul li:after {
content: none
}