/* Adapted by Cowie and Fox to work with a baseline grid */

/*
------------------------------------
forms.css v1.3
Gravity Forms Front End Form Styles


a rocketgenius project

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

/* 18 pixel baseline layout ------------------------------------------------------------------------- */

.gform_wrapper legend, 
.gform_wrapper label			                    {font-size:13px; line-height:18px}

.gform_wrapper legend                               {padding-bottom:18px}

.gform_wrapper label,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper button                               {margin-bottom:0}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea                             {outline-style:none; border-width:1px; border-style:solid; padding:1px 2px}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="password"]               {height:16px; margin-top:4px; margin-bottom:12px}

.gform_wrapper select                               {display:block; height:20px; margin-top:4px; margin-bottom:12px}

.gform_wrapper textarea                             {display:block; line-height:18px; height:158px; margin-top:4px; margin-bottom:12px}

.gform_wrapper textarea.small                       {height:86px}

.gform_wrapper textarea.medium                      {height:158px}

.gform_wrapper textarea.large                       {height:248px}

.gform_wrapper input[type="/"],
.gform_wrapper button                               {margin-top:4px; margin-bottom:12px}

.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                         {font-size:11px; display:block; margin:-8px 0 8px 0 !important}

.gform_wrapper .gfield_checkbox, 
.gform_wrapper .gfield_radio                        {margin-bottom:18px}


/* layout ------------------------------------------------------------------------------------------- */

.gform_wrapper:focus                                                    {outline:none}

.gform_wrapper ul                                                       {margin-left:0; list-style-type:none}

.gform_wrapper li,
.gform_wrapper form li                                                  {list-style-type:none !important; overflow:hidden}

.gform_wrapper input, 
.gform_wrapper textarea			                                        {font-size:12px}

.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 .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; float:left}

.gform_wrapper .gfield_date_month, 
.gform_wrapper .gfield_date_day, 
.gform_wrapper .gfield_date_year                                        {margin-right:12px}

.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 !important; cursor:pointer}

.gform_wrapper .field_selected                                          {background-color:#DFEFFF; border:1px solid #C2D7EF !important}

.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:90% !important}

.gform_wrapper .field_name_last input                                   {width:93% !important}

.gform_wrapper .datepicker                                              {width:100px !important}

.gform_wrapper .ginput_complex .ginput_left, 
.gform_wrapper .ginput_complex .ginput_right                            {width:48%; float:left;}

.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:100% !important}

.gform_wrapper .ginput_complex input, 
.gform_wrapper .ginput_complex select                                   {width:92% !important}

.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                                 {font-weight:bold; display:-moz-inline-stack; display:inline-block; clear:both}

.gform_wrapper .left_label .gfield_label                                {float:left; width:29%; font-weight:bold}

.gform_wrapper .right_label .gfield_label                               {float:left; 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%}

.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:50%}

.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, 
.gform_wrapper .gsection_description, 
.gform_wrapper h3.gform_title                                           {width:98%}

.gform_wrapper .gsection                                                {border-bottom:1px dotted #ccc !important}

.gform_wrapper .gfield_checkbox li, 
.gform_wrapper .gfield_radio li                                         {width:auto}

.gform_wrapper .gfield_checkbox label, 
.gform_wrapper .gfield_radio label                                      {margin-left:6px; display:inline}

.gform_wrapper .description, 
.gform_wrapper .gfield_description, 
.gform_wrapper .gsection_description,.gform_wrapper .instruction        {clear:both}

.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description                                    {font-style: italic}

.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}

.gform_wrapper .gfield_required                                         {color:#ff3254; margin-left:4px}

.gform_wrapper .gfield_error                                            {background-color:#ffe5e7 !important; margin-top:4px !important; margin-bottom:6px; padding:6px 6px 4px 6px !important; border:1px dotted #ff8b8b}

.gform_wrapper .top_label .gfield_error .ginput_container               {max-width:99%}

.gform_wrapper .top_label .gfield_error                                 {width:92%}

.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:#ff3254}

.gform_wrapper .validation_error                                        {color:#ff3254; font-weight:bold; margin-bottom:18px}

.gform_wrapper .validation_message                                      {color:#ff3254 !important}

.gform_wrapper input.button                                             {color:#222}

.gform_wrapper input.button:hover                                       {color:#000}
#gforms_confirmation_message                                            {background-color:#fffac6; border:1px solid #feda70; margin-top:9px; margin-bottom:9px; padding:17px 0; color:#252525; text-align:center}
 
.gform_wrapper .ginput_complex .ginput_left, 
.gform_wrapper .ginput_complex .ginput_right, 
.gform_wrapper .ginput_complex .ginput_full                             {display:block; overflow:hidden}


/* a few IE7 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:-10px}

ul.top_label .clear-multi                                               {overflow:hidden; clear:both}


/* 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:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative}

.ui-datepicker-div, 
#ui-datepicker-div                                                      {z-index:9999; /*must have*/ 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:.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(/wp-content/plugins/gravityforms/images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}

.ui-datepicker-next a                                                   {background:url(/wp-content/plugins/gravityforms/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                                               {position:relative; top:3px; left:4px}


/* tame those pesky hidden fields --------------------------------------------------------------------*/
 
.gform_wrapper input[type="hidden"], 
.gform_wrapper input.gform_hidden                                       {display:none}