/*   
Theme Name: Biscuit Theme
Theme URI: http://www.biscuitstudios.com/
Description: A Wordpress Theme for biscuitstudios
Author: Jason Butler
Author URI: http://www.biscuitstudios.com/
Version: 1.0
Tags: custom header, fixed width, two columns, widgets.
*/

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

/* RESET  (Based on work by Eric Meyer) */

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	/* clear: both; REMOVED BY JASON */
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	vertical-align: bottom;
}

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

/* GLOBAL ELEMENTS */

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

body {
	background-color: #F4F2F5;
	background-image: url(images//body_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #555;
	line-height: 20px;
	font-weight: normal;
	margin: 20px 0;
	padding: 0;
}
a:link { 
	color: #015BA1;
	text-decoration: none;
}
a:visited { 
	color: #015BA1;
	text-decoration: none;
}
a:active { 
	color: #015BA1;
	text-decoration: none;
}
a:hover {
	color: #015BA1;
	text-decoration: none;
	background-color: #BED6EF;
}
.clear, .clear-block {
	clear: both;
}
p { 
	margin: 0 0 18px 0;
}
strong, b, strong *, b * {
	font-weight: bold !important;
}
em, i, em *, i * {
	font-style: italic !important;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
table p {
	margin-bottom: 0;
}
table p img {
	margin: 0;
	padding: 5px;
}
thead {
/* 	background-color: #4C2600; */
}
th {
	font-weight: bold;
	border-bottom: 5px solid #CCC;
	margin: 0;
	padding: 10px 5px;
}
tbody {
/* 	background-color: #F6ECD8; */
}
td {
	margin: 0;
	padding: 10px 5px;
	vertical-align: middle;
}

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

/* STRUCTURE */

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

#wrapper {
	border: 0;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
#wrapper-interior {
	background-color: #FFF;
	background-image: url(images/page_bg.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	width: 960px;
}

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

/* HEADER */

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

#header {
  	margin: 0;
  	padding: 0;
}
#menu-wrapper {
	float: left;
  	display: inline;
  	background-image: url(images/nav_bg.jpg);
	background-repeat: no-repeat;
  	margin: 25px 0 37px 0;
  	padding: 1px 0 0 1px;
  	width: 679px;
  	height: 45px;
}
#logo {
  	margin: 0;
  	padding: 25px 0 37px 680px;
}
#logo a:hover {
	text-decoration: none;
	background: none;
}

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

/* HEADING TAGS */

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

h1 {
	/* page title */
	font-size: 23px;
	font-weight: normal;
	color: #444;
	text-align: left;
	text-decoration: none;
	line-height: 26px;
	margin: 0;
	padding: 0 0 12px 0;
}
h2 {
	/* post title */
	font-size: 19px;
	font-weight: normal;
	line-height: 20px;
	color: #444;
	text-align: left;
	text-decoration: none;
	line-height: 21px;
	margin: 0;
	padding: 12px 0 4px 0;
}
h2 a:link, h2 a:active, h2 a:visited {
	color: #275B91;
}
h3 {
	/* paragraph title */
	font-size: 17px;
	font-weight: normal;
	color: #444;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
	padding: 12px 0 0 0;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #444;
	text-decoration: none;
	line-height: 18px;
	margin: 0;
	padding: 12px 0 0 0;
}
h5, h6{
	margin: 12px 0 10px 0;
}

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

/* MAIN COLUMN */

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

#page-main-image {
	margin: 0 0 30px 0;
	padding: 0;
}
#page-portfolio-image {
	margin: 0 0 30px 0;
	padding: 0;
}
.main {
  	float: left;
  	display: inline;
  	margin: 0 30px 0 0;
  	padding: 0 0 0 30px;
  	width: 650px;
}
.main ul, .main ol {
	list-style-type: none;
	margin: 0 0 12px 0;
	padding: 0;
}
.main ul li {
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	line-height: 16px;
	margin: 6px 0 6px 20px;
	padding: 0 0 0 13px;
}
.main ol li {
	list-style-type: decimal; 
	line-height: 18px;
	margin: 6px 0 6px 40px;
	padding: 0;
}
.main-wide {
	background-image: url(images/post_bg.jpg);
	background-repeat: no-repeat;
	margin: 0;
  	padding: 0 30px 20px 30px;
  	width: 900px;
  	min-height: 200px;
}
.main-wide h1 {
	margin: 0 0 10px 0;
	padding: 30px 0 0 0;
}
.text-3column-1 {
	float: left;
	display: inline;
	margin: 0 30px 0 0;
	padding: 0;
	width: 310px;
}
.text-3column-2 {
	float: left;
	display: inline;
	margin: 0 30px 0 0;
	padding: 0;
	width: 310px;
}
.text-3column-3 {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 220px;
}
.text-4column-1 {
	float: left;
	display: inline;
	border-right: solid 1px #DDD;
	margin: 15px 0 0 0;
	padding: 0 15px 0 0;
	width: 202px;
	min-height: 250px;
}
.text-4column-2 {
	float: left;
	display: inline;
	border-right: solid 1px #DDD;
	margin: 15px 0 0 0;
	padding: 0 15px 0 15px;
	width: 202px;
	min-height: 250px;
}
.text-4column-3 {
	float: left;
	display: inline;
	border-right: solid 1px #DDD;
	margin: 15px 0 0 0;
	padding: 0 15px 0 15px;
	width: 202px;
	min-height: 250px;
}
.text-4column-4 {
	float: left;
	display: inline;
	margin: 15px 0 0 0;
	padding: 0 0 0 15px;
	width: 201px;
	min-height: 250px;
}

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

/* SIDEBAR */

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

#sidebar {
  	float: right;
  	display: inline;
  	font-size: 14px;
  	color: #888;
  	line-height: 20px;
  	text-align: right;
  	margin: 0 30px 0 0;
  	padding: 0;
  	width: 220px;
}
#sidebar a:link, #sidebar a:visited, #sidebar a:active { 
	color: #888;
	text-decoration: none;
	padding: 3px;
}
#sidebar a:hover {
	color: #015BA1;
	text-decoration: none;
	padding: 3px;
	background-color: #BED6EF;
}
#sidebar h2 {
	font-size: 17px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	text-align: left;
	text-decoration: none;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
}
#sidebar ul, #sidebar ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	text-transform: lowercase;
	margin: 0 0 7px 0;
	padding: 0 0 0 12px;	
}
.textwidget img a:hover {
	color: none;
	text-decoration: none;
	background-color: none;
}
.widget {
	margin-bottom: 12px;
}

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

/* FOOTER */

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

#footer-wrapper {
	clear: both;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no repeat;
	margin: 0; 
	padding: 0;
	width: 960px;
	height: 180px;
}
#footer-wrapper h3 {
	/* footer titles */
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0 0 4px 46px;
}
#footer-wrapper p { 
	font-size: 11px;
	color: #777;
	margin: 0 0 12px 46px;
}
#footer-wrapper span { 
	font-size: 12px;
	font-style: italic;
	margin: 0;
	padding: 0;
}
#footer-left {
	float: left;
	display: inline;
	font-size: 12px;
	color: #555;
	text-align: left;
	line-height: 18px;
	margin: 0 0 0 30px; 
	padding: 0;
	width: 280px;
	height: 120px;
}
#footer-middle {
	float: left;
	display: inline;
	font-size: 12px;
	color: #555;
	text-align: left;
	line-height: 18px;
	margin: 0 0 0 35px; 
	padding: 0;
	width: 280px;
	height: 120px;
}
#footer-right {
	float: left;
	display: inline;
	font-size: 12px;
	color: #555;
	/* border: solid 1px #CCC; */
	/* background-color: #FAFAFA; */
	text-align: left;
	line-height: 18px;
	margin: 0 30px 0 35px; 
	padding: 0;
	width: 270px;
	height: 120px;
}
#footer-copyright p {
  	color: #AAA;
  	font-size: 10px;
  	line-height:  18px;
  	text-align: center;
  	margin: 0;
  	padding: 10px 0 0 0;
}
#footer-copyright a:link, #footer-copyright a:visited, #footer-copyright a:active { 
	color: #AAA;
	text-decoration: none;
}
#footer-copyright a:hover {
	color: #666;
	text-decoration: none;
	background-color: #FFFFEE;
}

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

/* PORTFOLIO LAYOUT */

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

.portfolio-wrapper {
	border-bottom: solid 1px #DDD;
	margin: 0;
	padding: 30px 0;
	width: 900px;
}
.portfolio-main-image {
	float: left;
	display: inline;
	background-color: #F4F2F5;
	border: solid 1px #EEE;
	margin: 0 14px 0 0;
	padding: 10px;
	width: 410px;
	height: 307px;
}
.portfolio-info {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
.portfolio-info h2 {
	float: left;
	display: inline;
	color: #444;
	font-size: 21px;
	line-height: 23px;
	text-align: left;
	margin: 0;
	padding: 14px 0 11px 10px;
}
.portfolio-info a:link, .portfolio-info a:visited, .portfolio-info a:active {
	float: right;
	display: inline;
	color: #015BA1;
	text-align: center;
	line-height: 18px;
	background-color: #F4F2F5;
	margin: 7px 0 0 10px;
	padding: 7px 10px 7px 10px;
}
.portfolio-info a:hover {
	color: #015BA1;
	background-color: #BED6EF;
}
.portfolio-info p {
	color: #777;
	margin: 0 10px 11px 0;
	padding: 0 0 0 10px;
	width: 426px;
}
.portfolio-info span {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999;
	font-size: 14px;
	font-style: italic;
	margin: 0;
	padding: 0 6px 0 0;
}
.portfolio-thumb-left {
	float: left;
	display: inline;
	background-color: #F4F2F5;
	border: solid 1px #EEE;
	margin: 15px 10px 0 0;
	padding: 10px;
	width: 200px;
	height: 150px;
}
.portfolio-thumb-right {
	float: left;
	display: inline;
	background-color: #F4F2F5;
	border: solid 1px #EEE;
	margin: 15px 0 0 0;
	padding: 10px;
	width: 200px;
	height: 150px;
}

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

/* GENERAL FORMATTING */

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

.thread-alt {
	background-color: #FAFAFA;
}
.thread-even {
	background-color: #F1F1F1;
}
.depth-1 {
}
.even, .alt {
	border-left: 3px solid #DDD;
}
.commentlist li, #commentform input, #commentform textarea {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 11px;
}
.commentlist li ul li {
	font-size: 0.8em;
}
.commentlist li {
	font-weight: normal;
}
.commentlist li a:link {
	color :#666666;
}
.commentlist li a:active {
	color :#666666;
}
.commentlist li a:visited {
	color :#666666;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	}

.commentlist p {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font-size: 1.1em;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


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

/* POST */

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

.post {
	margin: 0;
	padding: 0;
	text-align: left;
}
.post h1 {
	/* page title */
	font-size: 23px;
	font-weight: normal;
	color: #444;
	text-align: left;
	text-decoration: none;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
.post-left {
	float: left;
	display: inline;
	width: 242px;
}
.post-left img {
	background-color: #EEE;
	margin: 0 12px 20px 0;
	padding: 10px;
}
.post-right {
	float: left;
	display: inline;
	width: 408px;
}
.post-info {
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 0;
}
.post-listing-info  {
	font-size: 11px;
	font-style: italic;
	color: #888;
	line-height: 18px;
	margin: 0 0 4px 0;
	padding: 0;
}
.post-line {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
	border-top: solid 1px #CCC;
}
.post hr {
	display: block;
}
.postmetadata {
	background-color: #F4F4F4;
	margin: 0 0 20px 0;
	padding: 6px 10px 6px 10px;
}

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

/* IMAGES */

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

p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
img.alignleft {
	display: inline;
	margin: 0 15px 2px 0;
	padding: 0;
	
}
img.alignright {
	display: inline;
	margin: 0 0 2px 15px;
	padding: 0;
}
.alignleft {
	float: left;
	display: inline;
}
.alignright {
	float: right;
	display: inline;
}


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

/* COMMENTS */

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

.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: left;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}

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

/* VARIOUS TAGS & CLASSES */

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

acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
hr {
	/* TWENTY-TEN'S WAY */
	background-color: #DDD;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}
a img {
	border: none;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

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

/* CAPTIONS */

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

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

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

/* FORM STYLES */

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

legend {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 0;
}
label {
	font-size: 13px;
	margin: 0;
	padding: 0 5px 0 0;
	text-align: left;
}
label a {
}
.checkboxlabel {
	margin-left:10px;
}
.flipped .checkbox {
	margin-left:5px;
}
.flipped .checkboxlabel {
	margin-left:0px;
}
input[type="submit"] {
	margin: 10px 0 10px 0;
}
input[type="text"], input[type="password"], input[type="file"], input[type="radiobutton"], select, textarea {
	/* must have font family defined here */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	border: 2px solid #DDD;
	background: #FFF;
	margin: 0 0 2px 0;
	padding: 4px;
	vertical-align: middle;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="radiobutton"]:hover, textarea:hover {
	border: 2px solid #BBB;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="radiobutton"]:focus, textarea:focus {
	border: 2px solid #DDD;
	background-color: #FFFFEE;
}
#searchform {
	margin: 0;
	padding: 5px 25px 0 0;
	text-align: right;
}
/*
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
*/
/*
#sidebar #searchsubmit {
	padding: 1px;
}
*/
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
.gray-font {
	color: #888;
}
.black-font {
	color: #555;
}

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

/* BUTTONS */

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

.buttons a, .buttons button{
	display: block;
	float: right;
	margin: 0 0 0 5px;
	background-color: #F3F3F3;
	border: 2px solid #DDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #015BA1;
	cursor: pointer;
	padding: 5px 7px 5px 6px; /* Links */
}
.buttons button{
	width: auto;
	overflow: visible;
	padding: 4px 7px 3px 4px; /* IE6 */
}
.buttons button[type]{
	padding: 5px 6px 4px 6px; /* Firefox */
	line-height: 15px; /* Safari */
}
*:first-child+html button[type]{
	margin: 1px 0 0 3px;
	padding: 4px 7px 3px 6px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:2px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:2px solid #6299c5;
    color:#fff;
}

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

/* GRAVITY FORM STYLES */

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

.gform_wrapper{ overflow:hidden;  margin-bottom:10px;  max-width:600px}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none}
.gform_wrapper:focus{ outline:none}
.gform_wrapper form{ text-align:left}

.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{ background-image: none; list-style-type:none!important; margin:0; overflow:hidden} /* JASON - UPDATED TO NOT INCLUDE .MAIN BULLETS */
.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}
.gform_wrapper select{ font-size:14px;  padding:3px 0 3px 0;  letter-spacing:normal} /* JASON - UPDATED FONT SIZE TO MATCH INPUT SIZES */
.gform_wrapper .inline{ display:inline!important}
.gform_wrapper .gform_heading{ width:98%;  padding-bottom:0;  margin-bottom:0;} /* JASON - UPDATED TO INCLUDE NO BOTTOM SPACING */
.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 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:0 0 8px 0; font-size:10px; letter-spacing: 1px}
.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:15px 0 4px 0;  font-weight:noraml; color: #444; font-size: 14px; display:-moz-inline-stack; display:inline-block; line-height:130%; 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%}
.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{ margin:30px 0 0 0!important;  padding:0!important;  letter-spacing:normal!important}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ color: #444; font-weight:normal;} /* JASON - updated to show correct font */
.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:100%}
.gform_wrapper .gsection{ border-bottom:1px solid #EEE!important; padding:0 0 4px 0; margin:0;} /* JASON - updated section break line */
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:5px 0;  margin:0}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:3px 0 0 0!important;}
.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 { font-size:10px; line-height:150%; clear:both; letter-spacing:normal}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0}
.gform_wrapper .gfield_description  {padding: 4px 0 8px 0; font-style: italic}
.gfield_date_year+.gfield_description {padding:0 0 8px 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:150%}
.gform_wrapper .gfield_required{ color:#CC6600;  margin-left:4px}
.gform_wrapper textarea.small{ height:80px}
.gform_wrapper textarea.medium{ height:150px}
.gform_wrapper textarea.large{ height:250px}
.gform_wrapper .gfield_error{ background-color:#FFDFDF!important;  margin-top:4px!important;  margin-bottom:6px;  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: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:#790000}
.gform_wrapper .validation_error{ color:#790000;  font-weight:bold;  font-size:14px;  line-height:150%;  font-family:Arial,Helvetica,sans-serif; margin-bottom:16px}
.gform_wrapper .validation_message{ color:#790000!important;  font-size:11px;  font-family:Arial,Helvetica,sans-serif;  letter-spacing:normal}
.gform_wrapper .gform_footer{ padding:16px 0 10px 0;  margin:16px 0 0 0}
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding:16px 0 10px 31%}
.gform_wrapper input.button{ font-size:100%;  color:#444; margin: 0; padding: 0;}
.gform_wrapper input.button:hover{ color:#000}
#gforms_confirmation_message{background-color:#FFFFDD; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center} /* JASON UPDATED THE BACKGROUND COLOR OF THE MESSAGE */
.gform_body ul li {padding: 0;} /* JASON ADDED TO REMOVE PADDING FROM LEFT SIDE OF FORM */

/* added for v1.3 ------------------------------------------------------------------------- */

.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 .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin-bottom:4px; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */

/* 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}
.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}
ul.top_label .clear-multi {overflow:hidden; clear:both}

/* IE8 & IE7 hacks because IE still sux  ------------------------------------------------------------------------- */

.gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select { padding: 2px 0 2px 0\9 }

/* 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:100%; list-style:none; font-family:Arial,Helvetica,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(../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 {position:relative; top:3px; left:4px}

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

.gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden {display:none}

/* fix captcha alignment for IE8 --------------------------------------------------------------------*/
.gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:32%;}