/*@mixin pipe-nav-list($padding: 12px, $direction: left) { @include horizontal-list-container; li { @include horizontal-list-item($padding, $direction); padding: 0; border-right: 1px solid; border-color: rgba(255,255,255,.3); padding: 0 $padding; &:last-child, &.last { border-right: none; }     a { display: block; } }
}*/
/* Buttons - bak
@mixin button_colors($bg_color, $text_color) { background: $bg_color; @include linear-gradient(color-stops(lighten($bg_color,5%), darken($bg_color,5%))); border-bottom: 1px solid darken($bg_color,20%); color: $text_color;  
}
@mixin button($bg_color: $default-button-bg, $text_color: #fff) { display: inline-block; padding: 5px 12px 6px; text-decoration: none; @include sans-font; font-size: 13px; font-weight: bold; line-height: 1; @if (lightness($text_color) > 50%) { @include text-shadow(rgba(0,0,0,.3), 0, -1px, 1px); } @include box-shadow(rgba(0,0,0,.3), 0, 1px, 3px); border-width: 0; @include border-radius(4px); position: relative; cursor: pointer; @include button_colors($bg_color, $text_color);  &:hover, &:focus { @include button_colors(darken($bg_color,8%), $text_color); } &:active { top: 1px; @include box-shadow(rgba(0,0,0,.3), 0, 0, 3px); }
}
*/
/* BUTTON STYLES
================================================================= */
/* Minimal Rounded
---------------------------------------------------------------- */
/* Ubuwaits CSS3 buttons Source: https://ubuwaits.github.com/css3-buttons/
================================================================ */
/* Minimal Indent
---------------------------------------------------------------- */
/* green heading box with inset clear border */
/*
@mixin button($color: #638832) { @include border-radius; background: $color; @include linear-gradient(color-stops(lighten($color,10),darken($color,15))); border: 1px solid darken($color,10); color: #fff; text-transform: uppercase; @include heading-font; font-size: 14px; @include text-shadow(rgba(0,0,0,.2),0,0,1px); font-weight: 600; padding: .35em 1em .2em; position: relative; text-decoration: none; cursor: pointer; @include css3pie;  &:after { content: ' '; display: block; width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid darken($color,1); border-bottom: 1px solid lighten($color,50); @include border-radius(4px); }  &:hover {     @include linear-gradient(color-stops(lighten($color,18),darken($color,7))); color: #fff; }
}
*/
FORM { width: 100%; float: left; }

FORM P { float: left; clear: left; width: 100%; margin-bottom: .5em; }

FORM.no_sidebar { width: 82%; }

.fieldgroup { float: left; clear: left; width: 100%; /*margin-bottom: 1em;*/ }

.field { float: left; clear: left; width: 100%; padding: 0; margin-bottom: .6em; }

LABEL { font-weight: bold; color: #404040; line-height: 1.7em; }

.asterisk { color: #d83636; font-size: .95em; }

FIELDSET { float: left; clear: left; width: 100%; margin-bottom: 1.5em; padding: 0; border: 0; }

TEXTAREA { width: 100%; height: 10em; }

LABEL.sub, .field_info { font-size: 80%; font-weight: normal; color: #666; text-align: left !important; display: block; clear: left; }

.block LABEL { font-weight: normal; text-transform: uppercase; font-size: .9em; color: #aaa489; }

.field INPUT.text_field { /*width: 90%;*/ margin: 0; }

.form_actions { clear: both; margin-left: 30%; line-height: 26px; margin-bottom: 1.5em; }

.form_actions .or { padding-left: 2px; position: relative; top: -9px; }

.half { float: left; clear: none; margin-right: .75em; }

.third { float: left; clear: none; padding-right: 1%; }

.right { float: right; clear: right; margin-right: 0; }

/* ----- SIZES ----- */
.third { width: 32%; }

.half { width: 48%; }

.full { width: 100%; }

INPUT.small, SELECT.small { width: 25%; }

INPUT.medium, SELECT.medium { width: 49%; }

INPUT.large, SELECT.large { width: 100%; }

textarea.short { height: 5.5em; }

textarea.tall { height: 20em; }

/* @group Left and Right-Aligned Labels */
.left_labels LABEL { float: left; clear: left; width: 30%; }

.right_labels LABEL { float: left; clear: left; width: 28%; margin-right: 1em; text-align: right; }

.left_labels INPUT, .left_labels SELECT, .left_labels TEXTAREA, .left_labels .field_info, .left_labels .fieldgroup_sub, .right_labels INPUT, .right_labels SELECT, .right_labels TEXTAREA, .right_labels .field_info, .right_labels .fieldgroup_sub { float: left; width: 67%; }

.left_labels .fieldgroup .field, .right_labels .fieldgroup .field { clear: none; }

.left_labels .small, .right_labels .small { width: 20%; }

.left_labels .medium, .right_labels .medium { width: 40%; }

.left_labels .large, .right_labels .large { width: 67%; }

.left_labels .full, .right_labels .full { width: 67%; }

.left_labels .half, .right_labels .half { width: 32%; }

.left_labels .third, .right_labels .third { width: 23%; }

.left_labels .fieldgroup_sub .small, .right_labels .fieldgroup_sub .small { width: 25%; }

.left_labels .fieldgroup_sub .medium, .right_labels .fieldgroup_sub .medium { width: 49%; }

.left_labels .fieldgroup_sub .large, .right_labels .fieldgroup_sub .large { width: 100%; }

.left_labels .fieldgroup_sub .full, .right_labels .fieldgroup_sub .full { width: 100%; }

.left_labels .fieldgroup_sub .half, .right_labels .fieldgroup_sub .half { width: 47%; }

.left_labels .fieldgroup_sub .third, .right_labels .fieldgroup_sub .third { width: 32%; }

/* @end */
.half .text_field, .third .text_field, .full .text_field, .half SELECT, .third SELECT, .full SELECT, .half LABEL, .third LABEL, .full LABEL { width: 98% !important; }

.top_labels .field, .top_labels .fieldgroup { margin-bottom: 1em; }

.top_labels label { display: block; width: 100%; }

.top_labels .text_field, .top_labels SELECT, .top_labels TEXTAREA { display: block; }

.check_box_group, .radio_button_group { float: left; }

.check_box_group .field, .radio_button_group .field { margin-bottom: .4em; }

.check_box_group .field LABEL, .radio_button_group .field LABEL { clear: none; width: auto !important; font-weight: normal; float: none; }

.check_box_group .field input, .radio_button_group .field input { width: auto; }

.check_box { margin-left: 0; margin-bottom: 1px; width: auto !important; }

SELECT.autowidth, .left_labels SELECT.autowidth, .right_labels SELECT.autowidth { width: auto; }

/* @group From Wufoo */
/* ----- FIELDS AND LABELS ----- */
label.desc { line-height: 150%; padding: 0 0 1px 0; border: none; color: #222; display: block; font-size: 100%; font-weight: bold; }

span.symbol { font-size: 115%; line-height: 130%; }

input.text_field, input.file, textarea.textarea, select.select { margin: 0; font-size: 100%; color: #333; }

input.text_field.default { color: #999; }

input.text, textarea.textarea, .firefox select.select { border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; background: white url('../../external/wufoo.com/images/fieldbg.gif') repeat-x top; }

input.text_field, input.file { padding: 1px 0; }

input.currency { text-align: right; }

input.checkbox, input.radio { display: block; line-height: 1.4em; margin: 6px 0 0 3px; width: 13px; height: 13px; }

select { margin: 1px 0; padding: 1px 0 0 0; }

select.select[class] { margin: 0; padding: 1px 0 1px 0; }

*:first-child + html select.select[class] { margin: 1px 0; }

/* @end */
/* @group Register Form */
#position_form_container { float: left; clear: left; display: inline; width: 66%; margin-left: 30%; margin-bottom: 1em; border-left: 2px solid #ccc; padding-left: 8px; }

#position_form_container .check_box_group, #position_form_container .radio_button_group { width: 100%; float: left; }

#position_form_container .half { width: 47%; }

#position_form_container .check_box_group .half label, #position_form_container .radio_button_group .half label { width: 85% !important; }

.remember_me { display: inline; margin-left: 30%; }

.remember_me .check_box { float: left; }

.remember_me LABEL { display: inline; clear: none; text-align: left !important; font-weight: normal; padding-left: .25em; padding-top: .2em; float: left; margin-right: 0; width: auto; }

/* @end */
input.text, input[type=text], input[type=email], input[type=url], input[type=tel], input[type=password], textarea { font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: #999999, 0, 1px, 2px, inset; -webkit-box-shadow: #999999, 0, 1px, 2px, inset; -o-box-shadow: #999999, 0, 1px, 2px, inset; box-shadow: #999999, 0, 1px, 2px, inset; border: none; border: 1px solid #ddd; background: #fafafa; }
.no-boxshadow input.text, .no-boxshadow input[type=text], .no-boxshadow input[type=email], .no-boxshadow input[type=url], .no-boxshadow input[type=tel], .no-boxshadow input[type=password], .no-boxshadow textarea { border: 1px solid #ccc; }

input.text, input[type=text], input[type=email], input[type=url], input[type=tel], input[type=password] { padding: 4px 2px; margin: 0; line-height: 1.4; }
input.text.bigtext, input[type=text].bigtext, input[type=email].bigtext, input[type=url].bigtext, input[type=tel].bigtext, input[type=password].bigtext { font-size: 18px; line-height: 1.4; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; }
input.text.default, input[type=text].default, input[type=email].default, input[type=url].default, input[type=tel].default, input[type=password].default { color: #999999; }

.button, input[type=submit], button { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); background: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%); border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #dfdfdf; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: white 0 1px 0 0 inset rgba(0, 0, 0, 0.25) 0 1px 0, #efefef 0 -1px 2px 1px; -webkit-box-shadow: white 0 1px 0 0 inset rgba(0, 0, 0, 0.25) 0 1px 0, #efefef 0 -1px 2px 1px; -o-box-shadow: white 0 1px 0 0 inset rgba(0, 0, 0, 0.25) 0 1px 0, #efefef 0 -1px 2px 1px; box-shadow: white 0 1px 0 0 inset rgba(0, 0, 0, 0.25) 0 1px 0, #efefef 0 -1px 2px 1px; margin: 0; padding: 0 10px; display: inline-block; height: 27px; line-height: 25.2px; color: #555; font-size: 12px; font-weight: bold; text-shadow: white 0 1px 1px; text-decoration: none; background-color: #165b94; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1b71b8), color-stop(50%, #1966a6), color-stop(50%, #165b94), color-stop(100%, #1969aa)); background: -webkit-linear-gradient(top, #1b71b8 0%, #1966a6 50%, #165b94 50%, #1969aa 100%); background: -moz-linear-gradient(top, #1b71b8 0%, #1966a6 50%, #165b94 50%, #1969aa 100%); background: -o-linear-gradient(top, #1b71b8 0%, #1966a6 50%, #165b94 50%, #1969aa 100%); background: linear-gradient(top, #1b71b8 0%, #1966a6 50%, #165b94 50%, #1969aa 100%); border-color: #165b94; border-bottom-color: #0e3a5f; color: white; text-shadow: rgba(0, 0, 0, 0.35) 0 -1px 1px; }
.button:hover, input[type=submit]:hover, button:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(50%, #d9d9d9), color-stop(50%, #cccccc), color-stop(100%, #bfbfbf)); background: -webkit-linear-gradient(top, #e9e9e9 0%, #d9d9d9 50%, #cccccc 50%, #bfbfbf 100%); background: -moz-linear-gradient(top, #e9e9e9 0%, #d9d9d9 50%, #cccccc 50%, #bfbfbf 100%); background: -o-linear-gradient(top, #e9e9e9 0%, #d9d9d9 50%, #cccccc 50%, #bfbfbf 100%); background: linear-gradient(top, #e9e9e9 0%, #d9d9d9 50%, #cccccc 50%, #bfbfbf 100%); }
.button:active, input[type=submit]:active, button:active { -moz-box-shadow: #efefef 0 -1px 2px 1px; -webkit-box-shadow: #efefef 0 -1px 2px 1px; -o-box-shadow: #efefef 0 -1px 2px 1px; box-shadow: #efefef 0 -1px 2px 1px; position: relative; top: 1px; }
.button:hover, input[type=submit]:hover, button:hover { color: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #155890), color-stop(50%, #135082), color-stop(50%, #114570), color-stop(100%, #145387)); background: -webkit-linear-gradient(top, #155890 0%, #135082 50%, #114570 50%, #145387 100%); background: -moz-linear-gradient(top, #155890 0%, #135082 50%, #114570 50%, #145387 100%); background: -o-linear-gradient(top, #155890 0%, #135082 50%, #114570 50%, #145387 100%); background: linear-gradient(top, #155890 0%, #135082 50%, #114570 50%, #145387 100%); }