/*
Theme Name:         Red-O
Theme URI:          http://www.redorestaurant.com
Description:        A versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            4.0.0
Author:             MW Multimedia
Author URI:         http://www.mwmultimedia.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/
/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
.dpn { display:none!important; }

/* Foundation-specific presentation CSS by ZURB */
div.reverie-header {
	margin:0 0 20px;
	padding:20px 0 0;
	border-bottom:solid 1px #ccc;
}

div.reverie-header h1 {
	font-weight:500;
	margin-bottom:0;
	padding:0;
}

div.reverie-header h1 a {
	color:#181818;
}

div.reverie-header h1 a:hover {
	color:#181818;
}

@media handheld,only screen and (max-width: 767px) {
header#mainheader {
	position:relative;
}

header .subheader {
	margin-bottom:0;
}

header .menu-action {
	float:left;
	position:relative;
	top:1px;
	margin-top:-12px;
}

header .menu-action .button.small {
	padding:8px;
}

header .menu-action .button.small svg {
	opacity:.5;
}

header h1 {
	font-size:27px;
	font-size:2.7rem;
	margin-bottom:18px;
}

header h4 {
	font-size:17px;
	font-size:1.7rem;
}
}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
/* Global */
h1,h2,h3,h4,h5 {
	font-family:'HelveticaNeueCondensedRegular', 'Open Sans',"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	font-weight:300;
}

.clr { clear:both; }

/* Add Divider for Listed Posts */
.divider {
	background:url(../images/divider.png) no-repeat center top;
	height:36px;
	margin:20px 0 27px;
}

/* Add Class for Images */
img.alignright {
	float:right;
	margin:0 0 18px 18px;
}

img.alignleft {
	float:left;
	margin:0 18px 18px 0;
}

img.aligncenter {
	display:block;
	margin:18px auto;
}

/* Add HTML5 Class for Images */
figure img {
	height:auto;
	border:1px solid #DDD;
	margin:0 auto;
	display:block;
	box-shadow:0 2px 10px #ddd;
	-moz-box-shadow:0 2px 10px #ddd;
	-webkit-box-shadow:0 2px 10px #ddd;
	border-image:initial;
}

/* Add HTML5 Caption Class for Images */
figure.figure {
	margin:0 auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display:inline-block;
}

figure.figure figcaption {
	padding:8px 10px;
	font-size:13px;
	font-size:1.3rem;
	line-height:18px;
	color:#555;
}

figure.alignright.figure {
	float:right;
	margin:0 0 18px 18px;
}

figure.alignleft.figure {
	float:left;
	margin:0 18px 18px 0;
}

/* Sidebar Adjustment */
.sidebar-section {
	padding-bottom:10px;
	padding-top:20px;
	font-size:13px;
	font-size:1.3rem;
	font-weight:400;
}

/* Footer Nav */
.footer-section {
	padding-bottom:10px;
	padding-top:20px;
	font-size:13px;
	font-size:1.3rem;
	font-weight:400;
}

.footer-nav li {
	display:block;
	float:right;
	padding-left:3%;
	margin-bottom:0;
}

/* Breadcrumb Adjustment */
ul.breadcrumbs li span {
	padding-left:3px;
}

ul.breadcrumbs li a {
	padding-left:0;
}

/* Comment Textarea Adjustment */
#respond textarea {
	height:100px;
}

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */
ul.page-numbers {
	display:block;
	height:24px;
	margin-left:-5px;
}

ul.page-numbers li {
	float:left;
	display:block;
	height:24px;
	color:#999;
	font-size:14px;
	margin-left:5px;
}

ul.page-numbers li a {
	display:block;
	padding:1px 7px;
	color:#555;
}

ul.page-numbers li:hover a,ul.page-numbers li a:focus {
	background:#e6e6e6;
}

ul.page-numbers li.unavailable a {
	cursor:default;
	color:#999;
}

ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus {
	background:transparent;
}

ul.page-numbers li span.current {
	/*background:#872527;*/
	background:#a2210c;
	color:#fff;
	font-weight:700;
	cursor:default;
	display:block;
	padding:1px 7px;
}

/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */
.padder label + textarea {
	margin-top:0;
}

.padder #item-body #message-threads .thread-avatar img {
	max-width:50px;
}

ul.item-list.activity-list li.new_blog_post {
	padding-bottom:15px;
}

.padder select {
	display:inline-block;
}

.padder div.item-list-tabs {
	margin:25px 0;
}

.padder form#whats-new-form textarea {
	height:30px;
}

.padder .button {
	display:inline;
}

/*  --------------------------
    Your Customized Style
    ----------------------- */
@font-face {
	font-family:'HelveticaNeueCondensedRegular';
	src:url(../helveticaneue-condensed-webfont.eot);
	src:url(../helveticaneue-condensed-webfont.eot?#iefix) format(embedded-opentype),url(../helveticaneue-condensed-webfont.woff) format(woff),url(../helveticaneue-condensed-webfont.ttf) format(truetype),url(../helveticaneue-condensed-webfont.svg#HelveticaNeueCondensedRegular) format("svg");
	font-weight:400;
	font-style:normal;
}

html,body {
	height:100%;
}

body {
	background:#000;
	color:#fff;
}


h1 {
font-family: 'HelveticaNeueCondensedRegular';
/* font-size: 36px; */
margin-bottom:50px;
}

a {/*color: #872527;*/
color: #a2210c;}

.post-box {padding-left:20px; padding-right:20px;}

article.menu-item p {width:100%;}

a:hover {/*color: #872527;*/
color: #a2210c;}

.hp-custom-text-announce { margin:45px 20px 20px 20px; }
.hp-custom-text-announce h4 { /*margin:2px 0 7px 0; font-size:20px;*/ margin: 2px 0 4px 0; font-family: 'HelveticaNeueCondensedRegular',sans-serif; font-size: 24px; text-transform: uppercase; font-weight: 700; text-decoration: none; color: #b8b8b8; font-style:normal; }
.hp-custom-text-announce .enlarged { font-weight:800; font-size:15px; }
/*.hp-custom-text-announce .smaller { font-size:13px; }*/

.hp-custom-text-announce .textwidget { font-size: 16px; font-family: 'HelveticaNeueCondensedRegular',sans-serif; }
.hp-custom-text-announce .textwidget .smaller { font-size: 15px; }

.menuitems {
display: block;
width: 100%;
text-align: center;
min-height: 60px;
height:auto;
background: #242424;
color: white;
line-height:normal;
padding:20px;
margin-bottom: 10px;
font-family: 'HelveticaNeueCondensedRegular';
text-transform: uppercase;
font-size: 24px;
}

.nobullets {list-style:none;}

.row {
	width:auto;
}

.column,.columns {
	padding:0;
}

.rightside {
	background:#000 url(/wp-content/themes/redo/img/bg_right-sidebar.jpg) left bottom no-repeat;
	min-height:730px;
/* padding-top: 210px; */
	min-width:250px;
}

.leftside {
	/*background:#000 url(/wp-content/themes/redo/img/bg_left-sidebar.jpg) right bottom no-repeat;*/
	background:#000 url(/wp-content/themes/redo/img/bg_left-sidebar.jpg) right top no-repeat;
	min-height:730px;
/* padding-top: 210px; */
	min-width:250px;
}

header#mainheader {
	/*background:transparent url(/wp-content/themes/redo/img/bg_header.png) -10px -10px no-repeat;*/
	height:190px;
	position:relative;
	z-index:100;
	margin-left:-120px;
	width:450px;
}

header#mainheader h1 a {
	display:block;
	text-indent:-99999px;
	background:transparent url(../images/logo_main.png) 0 bottom no-repeat;
	-moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto;
	width:188px;
	height:158px;
	margin-top:0;
	margin-left:140px;
	position:relative;
}

.nav-bar {
	height:auto;
	background:none;
	margin:0;
	padding:0;
}

.nav-bar > li {
	background:none;
	border:none;
	clear:both;
	width:100%;
	webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	line-height:24px;
	margin:4px 0;
}

.nav-bar > li:hover {
	background:rgba(0,0,0,0.5);
}

.nav-bar > li.active {
	background:none!important;
	border-color:none!important;
}

.nav-bar > li.active > a,.nav-bar > li.active > a:first-child {
	font-size:22px;
	/*color: #872527;*/
color: #a2210c;
}

.nav-bar > li > a:first-child {
	position:relative;
	padding:0 20px;
	display:block;
	text-decoration:none;
	font-size:17px;
	margin:0;
}

.nav-bar > li:last-child {
	bwebkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-right:none;
}

.nav-bar > li a {
	margin-bottom:4px;
	font-family:'HelveticaNeueCondensedRegular',sans-serif;
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
	margin-left:6px;
	padding:5px 12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	/*color:#666;*/
	color:#b8b8b8;
}

div.reverie-header {
	margin:0 0 20px;
	padding:0;
	border-bottom:none;
}

div.reverie-header h1 {
	margin:0;
}

#topright {
	width:348px;
	height:404px;
	background:transparent url(/wp-content/themes/redo/img/bg_topright.png) right 0 no-repeat;
	float:right;
	width:100%;
/* margin-left: 120px; */
/* margin-top: -210px; */
}

#content-info {
position: relative;
margin-top: -52px;
height: 52px;
clear: both;
}



#container {
	min-height:100%;
	/* margin-top: -210px; */
}

#content-info #bottomright {
margin-top: -380px;
}

.divider {
background: none;
height:10px;
margin:0;
}




h2 {font-size:30px;}

body.archive h1, body.single-menu-item h1 {margin-bottom:10px;}

.breadcrumbs {margin-bottom:50px; color:#666;}


#bottomright {
	width:343px;
	height:432px;
	background:transparent url(/wp-content/themes/redo/img/bg_bottomright.png) 6px 0 no-repeat;
	float:right;
	padding-top:140px;
}

#dyntext {
	width:400px;
}

.mirrortext {
}

.mirrortext .jtextfill {
	text-align:center;
	margin:0 auto;
	left:20px;
	top:30px;
	width:124px;
	height:70px;
	opacity:0;
}

.mirrortext .jtextfill span {
	display:table-cell;
	vertical-align:middle;
}

.simplest .fill,.another .fill,.advanced .fill {
	display:inline-block;
}

.another,.advanced {
	margin-top:70px;
}

.simplest .fill,.another .fill {
	width:530px;
	height:240px;
	border:1px solid #3f3f3f;
	background-color:#efefef;
}

.another code {
	color:#a66c00;
}

.advanced {
	text-align:center;
}

.advanced .centerer > div {
	display:table;
	width:130px;
	height:40px;
	margin:80px;
	margin-left:70px;
	border-width:1px;
	color:#fff;
}

.mirrortext {
	text-shadow:#000 .1em .1em .2em;
	text-transform:uppercase;
	filter:alpha(opacity=50);
/* internet explorer */
	-khtml-opacity:.5;
/* khtml, old safari */
	-moz-opacity:.5;
/* mozilla, netscape */
	opacity:.5;
/* fx, safari, opera */
}

.advanced .fill {
/*
padding-left: 10px;
			padding-right: 10px;
			
*/
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

.advanced .fill:nth-child(1) {
	font-size:0;
}

.advanced .fill:nth-child(3) {
	font-size:100px;
}

.advanced > span {
	position:relative;
	top:-30px;
	font-size:40px;
	font-style:italic;
	display:block;
	margin-bottom:0;
}

.advanced > span code {
	font-style:normal;
	font-size:26px;
}

.advanced .centerer {
	display:inline-block;
}

.simplest > label {
	font-size:46px;
	display:block;
	font-style:italic;
	margin-top:40px;
}

.simplest > pre {
	font-size:32px;
	display:inline-block;
	text-align:left;
	color:#7e5200;
}

.simplest .fill {
	margin-top:40px;
}

.postscriptum {
	font-size:40px;
	margin-left:10%;
	margin-right:10%;
}

.postscriptum a {
	text-decoration:none;
}



#mep_0 {margin-top:100px!important;}
#mep_0 .mejs-controls .mejs-time-rail {display:none!important;}

.mejs-container .mejs-controls .mejs-time {display:none!important;}

.mejs-container .mejs-controls .mejs-horizontal-volume-slider {display:none!important;}

.mejs-playpause-button {display:none!important;}

.mejs-container {background:none!important;}

.mejs-container .mejs-controls  {background:none!important;}


@media only screen and (max-width: 1000px) {
header#mainheader {
	float:left;
/* width:100%; */
}

#mainnav {
	float:left;
	padding-top:20px;
}

.leftside {
	background:#000 url(/wp-content/themes/redo/img/bg_left-sidebar.jpg) right 70% no-repeat;
	min-height:200px;
}

.nav-bar > li a {
/* text-align:center;  */
}






header {
	margin-left:0;
}


}

/* iPhone [portrait + landscape] */
@media only screen and (max-width: 500px) {
#topright, .rightside {min-height:0px; background:none;}

.hp-custom-text-announce { margin:40px 20px 20px 20px!important; }
body.home #content-info { margin-top:345px; }

header#mainheader {
	width:100%;
	margin:0 auto;
}

nav#mainnav {width:100%;
	
}

#socialicons {width:100%;}

div.reverie-header {
	margin:0 auto;
}

header#mainheader div.reverie-header h1 a {
	margin:0 auto;
}

header#mainheader {
	/*background:transparent url(/wp-content/themes/redo/img/bg_header.png) -40px 0 no-repeat;*/
}

#mainnav {
	float:none;
}

.nav-bar > li > a:first-child {
	text-align:center;
	margin-left:0;
}

ul#subpages {
  margin-top: 80px;
  margin-left: 30px;
}

ul#subpages li a { max-width:100%; }
}

/*(max-width: 720px) {*/
@media only screen and (max-width: 767px) {
header#mainheader div.reverie-header h1 a {margin: 0 auto;}
header#mainheader div.reverie-header {margin: 0 auto;}
header#mainheader {width: 100%;margin: 0 auto;}
}

div.jp-audio ul.jp-controls {
width: 60px;
padding: 20px 20px 0 20px;
}

div.jp-audio {
	background: none;
	border: none;
	width:50px;
}
div.jp-interface {
	background: none;
	border: none;
}
div.jp-interface ul.jp-controls a {
	text-indent: 0;
}
a.jp-pause {
	background: none;
}
a.jp-play {
	background: none;
}
a.jp-pause:hover {
	background: none;
}
a.jp-play:hover {
	background: none;
}

nav#mainnav {float:left;}


ul#socialicons {
float:left;
padding-top:20px;	
padding-left:20px;
clear:both;
}

ul#socialicons li {
float:left;	
display:block;
width:24px;
height:24px;
margin-right:6px;
}

ul#socialicons li.facebook {
background:url(../images/social2.png) 0 0 no-repeat;
}

ul#socialicons li.twitter {
background:url(../images/social2.png) -24px 0 no-repeat;
}
ul#socialicons li.instagram {
background:url(../images/social2.png) -153px 0 no-repeat;
}

ul#socialicons li.opentable {
width:105px;
background:url(../images/icons_social.png) -48px 0 no-repeat;
}

ul#socialicons li.giftcerts {
width:153px;
background:url(../images/icon_gift.png) 0 0 no-repeat;
margin-right: 20px;
margin-top: 6px;
clear: both;
}


ul#socialicons li a{
display:block;
width:100%;
height:100%;
min-height:100%;
min-width:100%;
text-indent:-9999em;
}

li.opentable a { width:105px; height:24px; }
li.facebook a { width:24px; height:24px; }
li.twitter a { width:24px; height:24px; }
li.giftcerts a { width:153px; height:24px; }

#main {padding-bottom: 52px;}


.button {
width: auto;
background: #242424;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: white;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
outline: none;
padding: 10px 20px 11px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}

.button:hover {
color: white;
/*background-color: #872527;*/
background-color: #a2210c;
}

article.menu-item {margin-bottom:30px;}

.termdescription {margin-bottom:20px; font-style:italic;}

h2 {margin-bottom:4px;}

ul#subpages {margin-top:200px; margin-left:40px;}
ul#subpages li a {
font-family: 'HelveticaNeueCondensedRegular';
text-shadow: 4px 4px 8px black;
filter: dropshadow(color=#000000, offx=4, offy=4);
}

ul#subpages li a {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}

ul#subpages li a {
  max-width: 150px!important;
  display: inline-block;
  margin-bottom: 15px;
  line-height: normal;
}

div.five.columns img {
padding-right: 15px;
}

.royalSlider { text-align:-9999em; color:#222; }

/** MapPress **/
.mapp-layout { margin:3px; }
.mapp-map-links { border:none; }

/** Slideshow **/
#content.press .myCustomSkin .rsBullets { top:0!important; }



/*
----------------------------------------------------------------

Gravity Forms Front End Form Styles

----------------------------------------------------------------
*/

.gform_wrapper {overflow:inherit; margin:5px 0; max-width:90%}
.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=phone],
.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 textarea {outline-style: none; font-size:11px; font-family:inherit; letter-spacing:normal; padding:2px 0 2px 0; resize:none} /* doesn't validate but added for Safari field resizing */

.gform_footer top_label {margin-top:-15px;}

.gform_wrapper ul {margin:0; list-style-type:none}
html>body .entry ul,
.gform_wrapper ul {text-indent:0px}
.gform_wrapper li,
.gform_wrapper form li {list-style-type:none!important; list-style-image: none!important; overflow:hidden}
.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 li:before,
.gform_wrapper ul li:after,
.entry ul li:before,
.entry ul li:after {content:""} /* for Safari */
.gform_wrapper ul li:before,
.gform_wrapper ul li:after,
.entry ul li:before,
.entry ul li:after {content:none; #} /* for other browsers */
.gform_wrapper ul.gform_fields {padding:0px; margin:0px; overflow:hidden}
.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; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top}
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {margin-right:12px}
.gform_wrapper .gfield_time_ampm {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top}
.gform_wrapper .gfield_time_ampm select {width:60px!important}
.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input,
.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_year input {width:70%!important}
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {width:50px; float:left}
.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_year input {width:85%!important}
.gform_wrapper .field_hover {border:1px dashed #2175A9; cursor:pointer}
.gform_wrapper .field_selected {background-color:#DFEFFF; border:1px solid #C2D7EF}
.gform_wrapper .field_name_first,
.gform_wrapper .field_name_last {width:50%; float:left}
.gform_wrapper .ginput_complex {overflow:hidden}
.gform_wrapper .field_name_first input,
.gform_wrapper .ginput_complex .ginput_left input {width:95%!important}
.gform_wrapper .field_name_last input {width:93%!important}
.gform_wrapper .datepicker {width:100px!important}
.gform_wrapper .ginput_complex .ginput_left  {width:50%; float:left}
.gform_wrapper .ginput_complex .ginput_right {width:49%; float:right}
.gform_wrapper .gfield_error .ginput_complex .ginput_left,
.gform_wrapper .gfield_error .ginput_complex .ginput_right {width:50%}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input {width:90%!important}
.gform_wrapper .gfield_error .ginput_complex .ginput_right input {width:95%!important}
.gform_wrapper .ginput_complex input,
.gform_wrapper .ginput_complex select {width:95%!important}
.gform_wrapper .ginput_complex .ginput_right input,
.gform_wrapper .ginput_complex .ginput_right select {width:96%!important}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {display:block; margin:3px 0; font-size:11px; letter-spacing:0.5pt}
.gform_wrapper .ginput_complex .name_prefix {float:left; width:30px!important; margin-right:14px}
.gform_wrapper .ginput_complex .name_suffix {float:left; width:30px!important}
.gform_wrapper .ginput_complex .name_first,
.gform_wrapper .ginput_complex .name_last {float:left; width:100px; margin-right:8px}
.gform_wrapper .top_label .gfield_label {margin:5px 0 4px 0; font-size:10px; 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:2px 15px 0 0; width:29%; font-weight:bold}
.gform_wrapper .right_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right}
.gform_wrapper .left_label ul.gfield_checkbox,
.gform_wrapper .right_label ul.gfield_checkbox,
.gform_wrapper .left_label ul.gfield_radio,
.gform_wrapper .right_label ul.gfield_radio {margin-left:32%; overflow:hidden}
.gform_wrapper .top_label input.small,
.gform_wrapper .top_label select.small {width:25%}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {width:47%}
.gform_wrapper .top_label input.medium {padding-right:2px}
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {width:92%}
.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:59%}
.gform_wrapper .right_label div.ginput_complex,
.gform_wrapper .left_label div.ginput_complex {width:64%; float:left}
.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:16px}
.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}


/* updated 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:11px; 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; font-style: italic}
.gfield_date_year+.gfield_description {padding:0}
.gform_wrapper .gsection_description {font-style: italic}
.ginput_complex + .gfield_description {padding-top:0!important}
.gform_wrapper .right_label .gfield_description,
.gform_wrapper .left_label .gfield_description,
.gform_wrapper .left_label .instruction,
.gform_wrapper .right_label .instruction {margin-left:29%; padding-left:15px}
.gform_wrapper .left_label .gsection .gsection_description,
.gform_wrapper .right_label .gsection .gsection_description {margin-left:0; padding-left:0; padding-top:4px; 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 {background-color:#FFDFDF; margin-bottom:6px!important; padding:6px 6px 4px 6px!important; border:1px dotted #C89797}
.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,
.gform_wrapper .top_label .gfield_error textarea,
.gform_wrapper .top_label .gfield_error select {border:1px solid #790000}
.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 .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}
#gforms_confirmation_message { margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:12px; color:#fff; text-align:center}
.gform_wrapper .gform_edit_link {margin:20px 0; font-family:inherit; font-size:12px}
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_full {min-height:43px; display:block; overflow:hidden}
.gform_wrapper .ginput_complex .ginput_full input {width:98%!important}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {margin:0 0 4px 0; line-height: 1.3em!important} /* improve spacing and prevent descenders from getting cut off in IE */


/* jQuery UI date picker ------------------------------------------------------*/

.ui-datepicker-div,
.ui-datepicker-inline,
#ui-datepicker-div {/*resets*/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:#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} /*must have*/
.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:.5em; top:.5em; background:#eee}
.ui-datepicker-next {left:14.6em}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {background:#dadada}
.ui-datepicker-next a,
.ui-datepicker-prev a {text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}
.ui-datepicker-next a {background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat}
.ui-datepicker-header select {border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0!important}
.ui-datepicker-header option:focus,
.ui-datepicker-header option:hover {background:#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:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center}
table.ui-datepicker td a:hover {border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none}
table.ui-datepicker td a:active {border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none}
table.ui-datepicker .ui-datepicker-title-row td {padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase}
table.ui-datepicker .ui-datepicker-title-row td a {color:#222; padding:.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 {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; cursor: pointer; vertical-align: top; width:17px}
.gform_wrapper input.datepicker.datepicker_with_icon {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin-right:4px!important}


/* tame those pesky hidden fields ------------------------------------------------------*/

.gform_wrapper input[type=hidden],
.gform_wrapper input.gform_hidden,
.gform_wrapper .gform_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}


/* fix captcha alignment for IE8, Chrome & Safari ------------------------------------------------------*/

.gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {width:99%!important}
.gform_wrapper .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper .right_label #recaptcha_area #recaptcha_table {margin-left:32%}


/* additional spacing and padding tweaks ------------------------------------------------------*/

.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {padding:0!important}
.gform_wrapper .top_label .ginput_complex + .gfield_description {padding-bottom:0!important}
.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}


/* 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  ------------------------------------------------------*/

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}


/* 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:#990000}
.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; background-color:#fff; 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; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
.gform_wrapper .gf_progressbar_percentage {background-repeat:repeat-x; 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); color:#fff; background-color:#0072BC}
.gform_wrapper .percentbar_gray {background-image: url(../images/percentbar_gray.png); color:#fff; background-color:#666}
.gform_wrapper .percentbar_green {background-image: url(../images/percentbar_green.png); color:#fff; background-color:#94DC21}
.gform_wrapper .percentbar_orange {background-image: url(../images/percentbar_orange.png); color:#fff; background-color:#DC7021}
.gform_wrapper .percentbar_red {background-image: url(../images/percentbar_red.png); color:#fff; background-color:#DC2521}
.gform_wrapper .percentbar_custom {background-image: url(../images/percentbar_custom.png)}


/* multi-page steps ------------------------------------------------------*/

.gform_wrapper .gf_page_steps {overflow:hidden; width:92%; margin:0 0 8px 0; padding: 0 0 4px 0; border-bottom:1px dotted #ccc}
.gform_wrapper .gf_step {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; 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}
	.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}


/* IE specific hacks ------------------------------------------------------*/

.gform_wrapper .gfield_time_hour {*width:80px}
.gform_wrapper .gfield_time_minute {*width:70px}
.gform_wrapper .gfield_time_ampm {*padding-top:2px}
.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input {*margin-left:0}
.gform_wrapper .ginput_complex .ginput_left label,
.gform_wrapper .ginput_complex .ginput_right label {*margin:3px 0 5px 0}
.gform_footer input.button {*padding:3px}
.gform_wrapper ul.top_label .clear-multi {overflow:hidden; clear:both}
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio],
.gform_wrapper .gfield_checkbox li input {*margin-top:0}
.gform_wrapper .ginput_complex .ginput_left select,
.gform_wrapper .ginput_complex .ginput_right select {padding: 2px 0 2px 0\9 }


/* inline fields ready class ------------------------------------------------------*/

.gform_wrapper .top_label li.gfield.gf_inline {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width:auto!important; margin-right:14px; float:none!important}
.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=phone].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=phone].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=phone].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 {clear:both}
.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 {clear:both}
.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; 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; 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,
.gform_wrapper li.gfield.gf_4col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_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,
.gform_wrapper li.gfield.gf_4col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_4col 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; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin:0 10px 10px 0}


/* 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}


/* 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}
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}

.gform_wrapper .ginput_complex .ginput_right input[type=text] { width:96%!important; }

/* Make Contact Form Easier to Read */
.gfield_label { color: #ddd; font-size: 13px!important; }
.gform_wrapper label { color:#ddd; }
.ginput_left input, .ginput_right input { margin-bottom: 2px; }
.gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label { margin-top:0; }

/*
----------------------------------------------------------------

END  Gravity Forms Front End Form Styles

----------------------------------------------------------------
*/


nav#mainnav select { width:90%; margin:0 20px; }

/** Responsive Updates **/
@media only screen and (min-width: 1010px) {
nav#mainnav select { display:none; }
nav#mainnav ul.nav-bar { display:block; }	
}

@media only screen and (max-width: 1010px) {
header#mainheader { float:left; }
nav#mainnav select { display:block; }
nav#mainnav ul.nav-bar { display:none; }

ul#socialicons li.giftcerts { margin-top:0; clear:none; }
nav#mainnav { margin-top:55px; }
ul#socialicons li.giftcerts { margin-top:0; }
}

/*(max-width: 720px) {*/
@media only screen and (max-width:767px) {
nav#mainnav { width:100%; margin-top:-15px; position:relative; z-index:101; }
ul#socialicons { padding: 20px; margin:-5px auto 20px auto; width: 370px; float:none; }
ul#socialicons li.giftcerts { margin-right:0; }
}

@media only screen and (min-width: 569px) {
body { padding-bottom:0; }
div#mobile-btns, div#mobile-btns a { display:none; }
footer#content-info #bottomright { margin-bottom:0; }
} 

@media only screen and (max-width: 304px) {
body { padding-bottom:0; }
div#mobile-btns, div#mobile-btns a { display:none; }
footer#content-info #bottomright { margin-bottom:0; }
}

ul#socialicons li.giftcerts.mobileVer { display:none; }
ul#socialicons li.giftcerts.webVer { display:block; }
nav#mainnav ul.nav-bar li.giftcerts.mobileVer { display:none; }

@media only screen and (max-width: 568px) {
body { padding-bottom:72px; }
footer#content-info #bottomright { margin-bottom: 72px; }
div#mobile-btns { position:fixed; bottom:0; width:100%; height:72px; background-color:#a2210c; display:block; z-index:10000; }
div#mobile-btns a { height:72px; min-width:25%; display:block; }
div#mobile-btns a.call-usM { width:25%; background:none; position:relative; border-right:1px solid #000; }
div#mobile-btns a.directionsM { width:25%; margin:0 auto; background:none; border-left:1px solid #000; border-right:1px solid #000; }
div#mobile-btns a.menuM { width:25%; background:none; float:left;  }
div#mobile-btns a.resM { width:25%; background:none; float:left; background: url('http://www.redorestaurant.com/wp-content/uploads/2019/03/resy2.png') center center no-repeat; background-size: cover; }
div#mobile-btns a {
    color: #000;
    font-family: 'HelveticaNeueCondensedRegular', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
    text-align: center;
    padding: 26px 0;
	float: left!important;
    width: auto!important;
    top: 0!important;
}

/* add mobile GC link */ 
ul#socialicons li.giftcerts.mobileVer { display:block; }
ul#socialicons li.giftcerts.webVer { display:none; }
nav#mainnav ul.nav-bar li.giftcerts.mobileVer { }
}

@media only screen and (max-width: 545px) {
div.four.columns.copy-wrap { top:-380px; left: 11px; }
}

@media only screen and (max-width: 375px) {
ul#socialicons { width:211px; }
ul#socialicons li.giftcerts { margin:6px 0 20px 6px; }
}

nav#mainnav ul.nav-bar li a { font-size:20px; line-height:normal;font-weight: 100; 
  background: -webkit-linear-gradient(#bebebe, #adadad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
nav#mainnav ul.nav-bar li a:hover, nav#mainnav ul.nav-bar li.active a { 
background: -webkit-linear-gradient(#a2210c, #a2210c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  } 
nav#mainnav ul.nav-bar li.active > a, nav#mainnav ul.nav-bar li.active > a:first-child { font-size:24px; }

.hp-custom-text-announce .textwidget, .mirrortext .jtextfill span, h1, h2, h3, nav#mainnav ul.nav-bar li a { 
/*font-family:'Trajan W01 Regular', "Times New Roman", Times, serif;*/ /*font-weight:400!important;*/ 
font-family:'HelveticaNeueCondensedRegular', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.hp-custom-text-announce .textwidget { font-size: 20px!important; line-height: 26px; }
.hp-custom-text-announce .textwidget div { font-size:16px!important; line-height:22px; }

.gal-btns { float: right; margin-top: -55px; }
.gal-btns a { margin-left: 5px; padding: 10px; background-color: #a2210c; color: #000; font-weight: bold; text-transform: uppercase; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

@media only screen and (max-width: 445px) { 
.gal-btns { float: none; margin: -20px auto 40px auto; clear: both; width: 280px; }
}

.loc-wrapper h6 { margin:0 0 2px 0; }
.myCustomSkin .rsSlide, .myCustomSkin .rsContent, .myCustomSkin .rsContent img, .myCustomSkin .rsContent a { color: #000; }
.myCustomSkin, .myCustomSkin .rsOverflow, .myCustomSkin .rsSlide, .myCustomSkin .rsVideoFrameHolder, .myCustomSkin .rsThumbs { background: #000; }

.red-o-restaurant-menu-container { width: 90%; margin: 80px auto; }
.red-o-restaurant-menu-left { width: 60%; float: left; }
.red-o-restaurant-menu-right { text-align: center; width: 38%; float: right; font-size: 18px; line-height: 50px; }


/*** OpenTable ***/
#OT_searchWrapper select { width:auto!important; }
#OT_searchWrapper { background: #000!important; }
#OT_searchWrapper .OT_feedTitle { top: -10px!important; font-size: 18px!important; font-weight: bold!important; }
#OT_logo { top: 179px!important; width: 102px!important; padding: 10px 5px 10px 0!important; background: #fff!important; border-radius:10px!important; -webkit-border-radius:10px!important; -moz-border-radius:10px!important; }
#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar { width:95px!important; }
#OT_searchWrapperAll { padding:10px 0!important; background: #000!important; height: 250px!important; }
#OT_timeLbl { top: 133px!important; left: 60px!important; }
#OT_time { top: 137px!important; left: 120px!important; }
#OT_submitWrap { top: 168px!important; left: 122px!important; }

/** Popup Info **/
a.lareserve.menuitems, a.nbreserve.menuitems, a.smreserve.menuitems, a.ljreserve.menuitems { cursor:pointer; }
#newport-info, #la-info, #sm-info, #lj-info { visibility:hidden; width:0; height:0; margin:0; padding:0; overflow:hidden; text-indent:-9999em; }
#cboxLoadedContent #newport-info, #cboxLoadedContent #la-info, #cboxLoadedContent #sm-info, #cboxLoadedContent #lj-info { display:block!important; visibility:visible!important; width:auto!important; height:auto!important; text-indent:0px!important; }
#la-info { /*width:438px;*/ }
#cboxContent { background: #000!important; }
#cboxLoadedContent { padding: 0 20px; overflow:auto; min-width:250px; margin:0 auto 12px auto; }
div#mobile-btns a.call-usM { cursor:pointer; }


/* GC Temp Not Display */
ul#socialicons li.giftcerts.webVer, ul#socialicons li.giftcerts.mobileVer, #menu-item-1238 {  }

@media only screen and (min-width: 1010px) and (max-width: 1190px) {
.gal-btns { float: left; margin-top: -8px; margin-bottom:30px; position:relative; z-index:101; /*changed z-index from 1 on 022316*/ }
}

@media only screen and (max-width: 610px) {
.gal-btns { float: left; margin-top: -18px; margin-bottom:20px; position:relative; z-index:1; width:100%; max-width:446px; }	
.gal-btns a { float:left; margin:0 5px 5px 0; }
.royalSlider { float:left; clear:both; margin-bottom:30px; }
}

.ot-dc-badge { color:#b8b8b8!important; float:left; clear:both; margin-left:17px!important; }
a.ot-dc-badge { color:#b8b8b8!important; }
a.ot-dc-badge:hover { color:#a2210c!important; }
body.page-template-gift-certificate-php .ot-dc-badge { position: absolute; top: 8px; right: 20px; }
@media only screen and (max-width: 1010px) {
.ot-dc-badge { display:none!important; }
body.page-template-gift-certificate-php .ot-dc-badge { display:block!important; }
}

body.page-template-gift-certificate-php .TA_cdsratingsonlynarrow { position: absolute;top: 40px;right: 200px; }
.post-box h1 {
margin-top: 30px;
margin-bottom: 30px;
font-size:30px;
}
.post-box h2 { font-size:24px; }

body.page-id-1412 .gform_wrapper {margin: 10px auto;max-width: 100%;}
body.page-id-1412 .post-box {padding-left: 35px;padding-right: 35px;}
/*body.page-id-1412 .mirrortext .jtextfill span.dyntextval {display: none;}*/
@media only screen and (max-width: 1440px) and (min-width:1011px) { body.page-id-1412 .post-box h1 {max-width: 535px;} }
body.page-id-1412 .gform_wrapper .top_label input.large, body.page-id-1412 .gform_wrapper .top_label select { width:100%;padding: 0 8px;}
body.page-id-1412 .gform_wrapper input[type=text], body.page-id-1412 .gform_wrapper textarea {padding: 0 8px;}
body.page-id-1412 .gform_wrapper textarea { padding:8px; }
body.page-id-1412 .gform_wrapper .top_label select { margin-bottom:10px;}
body.page-id-1412 .gform_wrapper .top_label textarea { width:100%;}
body.page-id-1412 .gform_wrapper .ginput_complex .ginput_right input[type=text] {width: 100%!important;}
body.page-id-1412 #gforms_confirmation_message { text-align:left; }

/* Maps */
.gm-style .gm-style-iw div { width: 100%!important; overflow:visible!important; }
h6.ndb { display:none; }
h6.ntb { display:block; }
@media only screen and (max-width: 1010px) {
h6.ndb { display:block; margin-top: 20px; }
h6.ntb { display:none; }
}

/* Order Online */
li.order-online, li.order-online a { cursor:pointer; }
div#cboxOverlay { background-image:none; background-color:#000; }

div#cboxWrapper, div#colorbox { /*width:474px!important;*/ }
div#cboxContent { /*width:432px!important;*/ }
div#cboxLoadedContent { /*width:392px!important; max-width:392px;*/ }
div.online-order-warning { width:100%!important; max-width:382px; overflow:visible; }

@media only screen and (max-width: 480px) {
div#cboxWrapper, div#colorbox { /*width:292px!important;*/ }
div#cboxContent { /*width:250px!important;*/ }
div#cboxLoadedContent { /*width:210px!important; max-width:210px;*/ }
div.online-order-warning { width:100%!important; max-width:210px; }

ul#subpages {
  margin-top: 80px;
  margin-left: 30px;
}

ul#subpages li a { max-width:100%!important; }
}

ul#socialicons li.yelp-seats-btn { clear:both; width:160px; height:33px; display:inline-block; }
ul#socialicons li.yelp-seats-btn a { text-indent:0; margin-top:6px; }
ul#socialicons li.yelp-seats-btn a img { max-height:100%; width:auto; }

@media only screen and (min-width:1001px) and (max-width:1010px) {
	.leftside { min-height:200px; }
	
}

@media only screen and (min-width:768px) and (max-width:1010px) {
	header#mainheader { margin-left:-85px;  margin-top:-10px; width:40%; min-width:350px; }
	nav#mainnav { padding-top:15px; padding-right:20px; float:right; } 
}

@media only screen and (min-width:768px) and (max-width:800px) {
	header#mainheader { margin-left:-105px; min-width:330px; }
	nav#mainnav { padding-right:0; } 
}

@media only screen and (max-width:1010px) {	
	ul#socialicons li.yelp-seats-btn { clear:none; height:26px; margin-left:-14px; }
	ul#socialicons li.yelp-seats-btn a { margin-top:0; }

}

@media only screen and (max-width:767px) {	
	ul#socialicons { width:365px; }
	ul#socialicons li.yelp-seats-btn { width:auto; margin-left:6px; }
	
	header#mainheader { height:140px; }
	header#mainheader h1 a { background-position: 0 -30px; }
	
	.leftside { min-height:240px; }
}

@media only screen and (max-width:503px) {	
	ul#socialicons { width:363px; text-align:center; margin-bottom:0; }
	ul#socialicons li { float:none; display:inline-block; }
	ul#socialicons li.giftcerts.mobileVer { display:inline-block; position:relative; top:6px;/*-11px;*/ margin:0 6px 6px 6px; padding:0; }
	ul#socialicons li.yelp-seats-btn { margin-top:8px; }
	ul#socialicons li.opentable { margin-right:0; }
	
	nav#mainnav { padding-top:10px; }
	header#mainheader h1 a { background-position:0 -40px; }
}

ul#socialicons li.giftcerts.mobileVer { /*top:0; margin:6px;*/ }

@media (max-width: 1480px) {
.red-o-restaurant-menu-right { line-height: 40px; }
}

@media (max-width: 1240px) {
.red-o-restaurant-menu-right { line-height: 30px; }
}
@media (max-width: 900px) {
.red-o-restaurant-menu-right { line-height: 24px; }
}
@media (max-width: 767px) {
.red-o-restaurant-menu-container { width: 100%; margin: 10px 0; }
.red-o-restaurant-menu-left { display:none; margin: 0; }
.red-o-restaurant-menu-right { float: none; width: 100%; margin: 10px 0; }
}
