/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*
--------------------------------------------------------
gf_madlib.css
Gravity Forms Mad Lib Form Demo Styles
updated October 16, 2010
http://www.gravityforms.com
a rocketgenius project
copyright 2010 rocketgenius llc.
http://www.rocketgenius.com
http://www.rocketgenius.com/mad-lib-style-form-demo/
--------------------------------------------------------
*/

/* redefine the form wrapper - just for nicer styling */
body #gform_wrapper_6.gform_wrapper  {max-width:99%!important; width:710px; min-width:710px; border:1px solid #fff; background-color:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px; box-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); position: relative; overflow: visible!important; background-image:url(/wp-content/themes/Ubikuos/images/submit.png) no-repeat; text-indent:-9999px; border:none; float:right; cursor: pointer; }
#gform_wrapper_6.gform_wrapper form.madlibform .gform_footer input.button:hover{ background-position:-109px 0; }

/* position the button */
#gform_wrapper_6.gform_wrapper form.madlibform .gform_footer input.button {position: absolute; bottom:-18px; right:18px; cursor:pointer; font-size: 2em !important;  }

/* other styles */
#gform_wrapper_6.gform_wrapper form.madlibform .gform_heading h3.gform_title {position: absolute; top:-75px; left:20px; width:auto!important;}
#gform_wrapper_6.gform_wrapper #field_6_22 {margin-top: 30px;}
#gform_wrapper_6.gform_wrapper #input_6_7_container {margin-top: 18px;}
#gform_wrapper_6.gform_wrapper #input_6_21 {width: 315px !important;}
#gform_wrapper_6.gform_wrapper #field_6_26 {height: auto; line-height: 21px !important; font-size: 12px;}

/* browser specific styles based on body class - don't use it? You should.. http://www.wprecipes.com/how-to-detect-the-visitor-browser-within-wordpress */
body.safari #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select,
body.chrome #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select {color:#424242; font-size:18px; font-family:Helvetica,arial,sans-serif;}
body.safari #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select#input_2_4,
body.chrome #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select#input_2_4 {width:135px;}
body.safari #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select#input_2_17,
body.chrome #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select#input_2_17 {width:55px;}
body.gecko #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select {margin:4px 0 0 0!important;}
body.gecko #gform_wrapper_6.gform_wrapper form.madlibform .gform_footer input.button {padding:8px 18px;}
body.safari #gform_wrapper_6.gform_wrapper form.madlibform div.validation_message,
body.ie #gform_wrapper_6.gform_wrapper form.madlibform .gfield.madlibstyle select {padding:0!important; margin:7px 0 0 0!important;}