/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 *
 *
 * Added by Olivier
 * require jquery.ui.all

 */
/* line 5, app/assets/stylesheets/farms.css.scss */
.progressbar5px_back {
  width: 100px;
  height: 5px;
  border: 1px solid #999;
  background: transparent;
}

/* line 12, app/assets/stylesheets/farms.css.scss */
.progressbar5px {
  height: 5px;
  display: block;
}

/* line 17, app/assets/stylesheets/farms.css.scss */
div#pop-up-1 {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #F5F5F5;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

/* line 28, app/assets/stylesheets/farms.css.scss */
div#pop-up-2 {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #F5F5F5;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

/* HOVER STYLES */
/* line 40, app/assets/stylesheets/farms.css.scss */
div#pop-up {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #F5F5F5;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

/* line 50, app/assets/stylesheets/farms.css.scss */
div#p-pop-up {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #F5F5F5;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}

/* line 61, app/assets/stylesheets/farms.css.scss */
div#s-pop-up {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #F5F5F5;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    height: 100%;
}

body {
    margin: 0 auto;
    padding: 0;
    /* background: transparent url(/images/bg-body.gif) bottom left repeat-x; */
    text-align: center;
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    min-height: 100%;
}

@font-face {
    font-family: 'OptimaRegular';
    /*
    src: url(/ufonts.com_optima-webfont.eot);
    src: url(/ufonts.com_optima-webfont.eot?#iefix) format('embedded-opentype'),
    url(/ufonts.com_optima-webfont.woff) format('woff'),
    url(/ufonts.com_optima-webfont.ttf) format('truetype'),
    url(/ufonts.com_optima-webfont.svg#OptimaRegular) format('svg');
    */
    font-weight: normal;
    font-style: normal;

}

a {
    color: #62b9dd;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    /* color: #126aa3; */
    /* Let's experiment with a mild drop shadow instead of a color change, for the color-blind, kthanxbye. */
    /* Not supported in IE so we should use color in an IE-only stylesheet. */
    color: #62b9dd;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}

*:active {
    outline: 0 !important;
}

/* New CSS3 button! Please use for all refactoring. */
.button {
    font-size: .9em;
    background-color: #fff;
    color: #666;
    padding: 4px 9px;
    /*
        background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
        background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 1px 0px #aaa;
    -moz-box-shadow: 0px 1px 0px #aaa;
    -webkit-box-shadow: 0px 1px 0px #aaa;
    text-decoration: none;
    font-weight: normal;
    /*
        display: inline-block;
        position: relative;
        margin-right: 10px;
        padding: 0 8px;
        text-align: center;
        text-decoration: none;
        border: none;
        height: 20px;
        cursor: pointer;
    */
}

.callntt {
    font-size: .9em;
    background-color: #666;
    color: #fff;
    padding: 4px 9px;
    /*
        background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
        background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 1px 0px #aaa;
    -moz-box-shadow: 0px 1px 0px #aaa;
    -webkit-box-shadow: 0px 1px 0px #aaa;
    text-decoration: none;
    font-weight: normal;
    /*
        display: inline-block;
        position: relative;
        margin-right: 10px;
        padding: 0 8px;
        text-align: center;
        text-decoration: none;
        border: none;
        height: 20px;
        cursor: pointer;
    */
}



.button:hover {
    text-decoration: none !important;
    color: #62b9dd;
}

.button:active {
    text-decoration: none !important;
    -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
}

.button:disabled {
    color: #eee !important;
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc 0%, #999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #999));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#999');
    background: linear-gradient(top, #ccc 0%, #999 100%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    cursor: default;
}

input.button {
    /*padding-bottom: 1px;*/
    padding: 4px 8px;
    margin: 5px;
}

/* Apply if you want larger button */
.large {
    font: normal 13px/27px Arial, sans-serif;
    height: 27px;
}

/* Apply color with color/state class */
.orange {
    color: #fff !important;
    background: #feab33;
    background: -moz-linear-gradient(top, #feab33, #e45c08);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feab33), color-stop(100%, #e45c08));
    background: linear-gradient(top, #feab33 0%, #e45c08 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feab33', endColorstr='#e45c08');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#feab33, endColorstr=#e45c08)";
}

.black {
    color: #fff !important;
    background: #1f1f1f;
    background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
    background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
    background: linear-gradient(top, #494949 0%, #1f1f1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#494949, endColorstr=#1f1f1f)";
}

/*
.button {
    font-size: .9em;
    color: #ffffff;
    padding: 4px 9px;
    background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
    background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 1px 0px #aaa;
    -webkit-box-shadow: 0px 1px 0px #aaa;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
    font-weight: normal;
}
.button:hover {
    background: -moz-linear-gradient(top, #919191 0%, #4e4e4e);
    background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#4e4e4e));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#4e4e4e');
    text-decoration: none;
    color: #fff;
}
*/
.first {
    border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px !important;
    -webkit-border-radius: 4px 0 0 4px !important;
}

.first i {
    background: transparent url(/images/pagination-first.png) top left no-repeat;
    /*    text-indent: -9999px; */
    width: 1px;
    padding: 2px 7px;
}

.last {
    border-radius: 0 4px 4px 0 !important;
    -moz-border-radius: 0 4px 4px 0 !important;
    -webkit-border-radius: 0 4px 4px 0 !important;
}

.last i {
    background: transparent url(/images/pagination-last.png) top left no-repeat;
    /*    text-indent: -9999px; */
    width: 1px;
    padding: 2px 7px;
}

.prev {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.prev i {
    background: transparent url(/images/pagination-prev.png) top left no-repeat;
    /*    text-indent: -9999px; */
    width: 1px;
    padding: 2px 7px;
}

.next {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.next i {
    background: transparent url(/images/pagination-next.png) top left no-repeat;
    /*    text-indent: -9999px; */
    width: 1px;
    padding: 2px 7px;
}

.pagination-count {
    background-color: #ECECEC;
    background-image: -moz-linear-gradient(#FFFFFF, #E1E1E1);
    cursor: default;
    display: inline-block;
    vertical-align: middle;
}

.pagination-count i {
    border-bottom: 1px solid #C2C2C2;
    border-top: 1px solid #C2C2C2;
    display: block;
    font-size: .9em;
    font-style: normal;
    height: 20px;
    line-height: 21px;
    padding: 0 10px;
}

/* alert mesages */
.alert, .error, .notice {
    background-color: #fffde4;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    color: #C09853;
    margin-bottom: 4px;
    margin-top: 10px;
    padding: 8px 35px 8px 14px;
    text-shadow: none !important;
}

.alert-heading {
    color: inherit;
}

.alert .close {
    line-height: 18px;
    position: relative;
    right: -21px;
    top: -2px;
}

.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.alert-danger, .alert-error {
    background-color: #ffe9e9;
    border-color: #EED3D7;
    color: #de0000;
}

.alert-info {
    background-color: #E6F3FB;
    border-color: #BCE8F1;
    color: #0084B1;
}

.alert-block {
    padding-bottom: 14px;
    padding-top: 14px;
}

.alert-block > p, .alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

#pageWrapper {
    /*  background: transparent url(/images/bg-header.gif) top left repeat-x; */
    background: transparent url(/images/bg-body.gif) bottom left repeat-x;
    /* height: 100%; */
    min-height: 100%;
}

#pageContainer {
    margin: 0 auto;
    width: 1150px;
    text-align: left;
}

#pageHeader {
    padding: 13px 0 17px;
}



#pageHeader h1 a {
    display: block;
    height: 100%;
    outline: medium none;
    width: 100%;
}

#accountnav {
    font-size: .9em;
    text-align: right;
    color: #999;
    margin: 25px 0 0;
}

#accountnav li {
    display: inline;
}

#accountnav li a {
    padding: 0 8px;
    color: #62b9dd;
    font-weight: normal;
    text-decoration: none;
    border-right: 1px solid #999;
}

#accountnav li a:hover {
    text-decoration: underline;
}

#accountnav li a.last {
    border-right: none;
}

/* MAIN NAVIGATION */
.primaryNav {
    margin: 0;
    width: 1044px;
    height: 31px;
    position: relative;
    z-index: 100;
    background: #37a0bf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a0bf', endColorstr='#126aa3');
    background: -webkit-gradient(linear, left top, left bottom, from(#37a0bf), to(#126aa3));
    background: -moz-linear-gradient(top, #37a0bf, #126aa3);
    border-bottom: 2px solid #ccc;
}

/* hack to correct IE5.5 faulty box model */
* html .primaryNav {
    width: 1044px;
    w\idth: 1043px;
}

/* remove all the bullets, borders and padding from the default list styling */
.primaryNav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.primaryNav ul ul {
    width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.primaryNav li {
    float: left;
    position: relative;
}

/* style the links for the top level */
.primaryNav a, .primaryNav a:visited {
    display: block;
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    height: 33px;
    padding: 0 15px;
    line-height: 33px;
    font-weight: bold;
}

.primaryNav a.first {
    padding-left: 15px;
}

.primaryNav a.first:hover {
    color: #477079;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .primaryNav a, * html .primaryNav a:visited {
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.primaryNav ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 33px;
    left: 0;
    width: 149px;
}

/* another hack for IE5.5 */
* html .primaryNav ul ul {
    top: 30px;
    t\op: 31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.primaryNav table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}

/* style the second level links */
.primaryNav ul ul a, .primaryNav ul ul a:visited {
    background: #e0e0e0;
    background-image: none;
    color: #126aa3;
    font-weight: normal;
    height: auto;
    line-height: 1em;
    padding: 8px 15px;
    width: 128px;
    border-bottom: 1px solid #e8e8e8;
}

/* yet another hack for IE5.5 */
* html .primaryNav ul ul a, * html .primaryNav ul ul a:visited {
    width: 150px;
    w\idth: 128px;
}

/* style the top level hover */
.primaryNav a:hover, .selected {
    color: #126aa3 !important;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #fff, #e0e0e0 80%) repeat scroll 0 0 #e0e0e0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #e0e0e0), color-stop(.8, #fff));
    -moz-box-shadow: -1px -1px 2px #999;
    -webkit-box-shadow: -1px -1px 2px #999;
    box-shadow: -1px -1px 2px #999;
}

.primaryNav :hover > a, .selected {
    color: #126aa3 !important;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #fff, #e0e0e0 80%) repeat scroll 0 0 #e0e0e0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #e0e0e0), color-stop(.8, #fff));
    -moz-box-shadow: -1px -1px 2px #999;
    -webkit-box-shadow: -1px -1px 2px #999;
    box-shadow: -1px -1px 2px #999;
}

.primaryNav ul ul a:hover {
    color: #fff;
    background: #e0e0e0;
    box-shadow: none;
}

.primaryNav ul ul :hover > a {
    color: #fff;
    background: #f0f0f0;
    box-shadow: none;
}

/* make the second level visible when hover on first level list OR link */
.primaryNav ul li:hover ul,
.primaryNav ul a:hover ul {
    visibility: visible;
}

#pageContent {
    background: #fff;
    box-shadow: 0 2px 8px #999999;
    padding: 15px 25px 15px;
}

#breadcrumbs {
    margin-bottom: 18px;
    color: #62b9dd;
}

#breadcrumbs a {
    color: #666;
    font-size: .9em;
    font-weight: normal;
    text-decoration: none;
}

#breadcrumbs a:hover {
    color: #999;
    text-decoration: none;
}

#breadcrumbs a.active {
    color: #62b9dd;
}

#breadcrumbs a.active:hover {
    color: #126aa3;
    text-decoration: none;
}

h1.pageTitle {
    font-family: 'OptimaRegular';
    text-transform: uppercase;
    color: #62b9dd;
    font-size: 2.6em;
    font-weight: normal;
    margin: 3px 0 0;
}

h2.sectionHeading {
    font-family: 'OptimaRegular';
    text-transform: uppercase;
    color: #126AA3;
    font-size: 1.6em;
    font-weight: normal;
    margin: 5px 0 0;
}

h2.reviewHeading {
    font-family: 'OptimaRegular';
    text-transform: uppercase;
    color: #126AA3;
    font-size: 1.3em;
    font-weight: normal;
    margin: 5px 0 0;
}

h2.sectionHeading em {
    color: #62b9dd;
    font-style: normal;
}

h3 {
    color: #666;
    margin-bottom: 10px;
}

h3.sectionHeading {
    color: #126AA3;
    font-weight: normal;
}

#stepNav {
    margin-bottom: 15px;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    height: 39px;
}

#stepNav li {
    height: 39px;
    list-style: none;
    float: left;
    background-color: #fff;
    background-image: url(/images/navBtn.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#stepNav li.current {
    background-color: #e3e3e3;
    background-image: url(/images/navCurrentBtn.gif);
}

#stepNav li.lastDone {
    background-color: #f3f3f3;
    background-image: url(/images/navLastDoneBtn.gif);
}

#stepNav li.done {
    background-color: #f3f3f3;
    background-image: url(/images/navDoneBtn.gif);
}

#stepNav li a, #stepNav li a:link, #stepNav li a:visited, #stepNav li a:hover, #stepNav li a:active {
    color: #666;
}

#stepNav li.lastDone a, #stepNav li.lastDone a:link, #stepNav li.lastDone a:visited, #stepNav li.lastDone a:hover, #stepNav li.lastDone a:active, #stepNav li.current a, #stepNav li.current a:link, #stepNav li.current a:visited, #stepNav li.current a:hover, #stepNav li.current a:active, #stepNav li.done a, #stepNav li.done a:link, #stepNav li.done a:visited, #stepNav li.done a:hover, #stepNav li.done a:active {
    color: #666;
}

#stepNav li.done a:hover, #stepNav li.lastDone a:hover {
    color: #62b9dd;
    cursor: pointer;
}

#stepNav li a em {
    display: block;
    float: left;
    margin: 4px 5px 0 10px;
    font-family: 'OptimaRegular';
    color: #126AA3;
    font-size: 2.6em;
    font-weight: normal;
    font-style: normal;
}

#stepNav li a span {
    display: block;
    margin-left: 10px;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 2.7em;
    white-space: nowrap;
    padding-right: 15px;
}

#stepNav li.stepNavNoBg {
    background-image: none;
}

#stepNav li a {
    height: 39px;
    display: block;
    clear: both;
    padding-right: 35px;
}

ul#tabNav {
    height: 24px;
    padding: 8px 1px 0 10px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    margin-bottom: 1px;
}

ul#tabNav li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin: 0 10px 0 0;
    border: solid 1px #ccc;
    position: relative;
    z-index: 1;
}

ul#tabNav li.selected {
    z-index: 3;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

ul#tabNav li.shadow {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -3px;
    left: 0;
    border-bottom: 1px solid #ccc;
    background: none;
    z-index: 2;
    -webkit-box-shadow: #ccc 0 0 2px;
    -moz-box-shadow: #ccc 0 0 2px;
    box-shadow: #ccc 0 0 2px;
}

ul#tabNav li a:link, ul#tabNav li a:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    text-align: center;
    line-height: 26px;
    text-decoration: none;
    font-size: .9em;
    font-weight: normal;
    color: #333;
    outline: none;
    padding: 0 10px;
    float: left;
    background: #ccc;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #fefefe, #dedede 80%) repeat scroll 0 0 #dedede;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #dedede), color-stop(.8, #fefefe));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede');
}

ul#tabNav li a:hover {
    background-color: #ffffff;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #ffffff, #fcfcfc 80%) repeat scroll 0 0 #fcfcfc;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #fcfcfc), color-stop(.8, #ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc');
}

ul#tabNav li.selected a:link, ul#tabNav li.selected a:visited {
    background-color: #ffffff;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #ffffff, #fcfcfc 80%) repeat scroll 0 0 #fcfcfc;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #fcfcfc), color-stop(.8, #ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}

ul#tabNav.worksheet li a:link, ul#tabNav li a:visited {
    background: #ccc;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #fefefe, #dedede 80%) repeat scroll 0 0 #dedede;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #dedede), color-stop(.8, #fefefe));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede');
}

ul#tabNav.worksheet li a:hover {
    background-color: #ffffff;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #ffffff, #f0f0f0 80%) repeat scroll 0 0 #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #f0f0f0), color-stop(.8, #ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}

ul#tabNav.worksheet li.selected a:link, ul#tabNav li.selected a:visited {
    background-color: #ffffff;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #ffffff, #f0f0f0 80%) repeat scroll 0 0 #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #f0f0f0), color-stop(.8, #ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}

ul#tabNav li a em {
    color: #01A2A6;
    font-style: normal;
}

.listingTable th {
    background: #999;
    color: #fff;
    text-align: left;
    font-size: .9em;
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 5px;
}

.listingTable th.actions {
    background: #666;
    text-align: center;
}

.listingTable th a {
    color: #fff;
    text-decoration: none;
    /*  padding: 5px; */
    padding-right: 25px;
}

.listingTable th .current {
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right center;
}

.listingTable th .asc {
    background-image: url(/images/sortasc.png);
}

.listingTable th .desc {
    background-image: url(/images/sortdesc.png);
}

.listingTable td {
    vertical-align: top;
    padding: 6px;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0
}

.listingTable tr.retired td {
    color: #999;
    font-style: italic;
}

.listingTable td div td {
    border: none;
}

.listingTable a:hover {
    text-decoration: underline;
}

.listingTable .alt {
    background: #f0f0f0;
}

td {
    padding: 3px;
}

input, select, option {
    font-size: 100%;
}

input, fieldset select, option, textarea {
    color: #666;
    background-color: #fff;
}

option:disabled {
    color: darkgrey;
}

input.text {
    height: 25px;
    border: 1px solid #ccc;
    margin-right: 10px;
    color: #666;
}

.readonlyInput {
    background-color: #f0f0f0;
    border: 0px;
}

select.text {
    padding: 4px;
    border: 1px solid #ccc;
    margin-right: 10px;
    color: #666;
}

textarea.text {
    border: 1px solid #ccc;
    margin-right: 10px;
    color: #666;
}

#divinputfile {
    background: url(/images/button-browse.png) no-repeat 100% 1px;
    height: 28px;
    width: 269px;
    margin: 0;
}

#divinputfile #filepc {
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
    font-size: 18px;
}

#fakeinputfile {
    margin-top: -28px;
}

#fakeinputfile #fakefilepc {
    width: 200px;
    height: 18px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#sidebar {
    float: right;
    width: 250px;
    margin-left: 20px;
}

.sidebarHeader {
    background: #126aa3;
    padding-left: 10px;
}

.sidebarHeader h2 {
    font-family: 'OptimaRegular';
    text-transform: uppercase;
    color: #fff;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 31px;
    margin: 0;
}

.sidebarHeader .modelLink {
    float: right;
    color: #fff;
    line-height: 31px;
    margin: 0;
    padding-right: 5px;
}

.sidebarHeader .modelLink a {
    color: #fff;
}

.sidebarContent {
    background: #f0f0f0;
    padding: 10px;
    color: #666;
}

.sidebarContent em {
    color: #126aa3;
    font-style: normal;
}

#pageFooter {
    font-size: .9em;
    color: #999;
    margin-top: 15px;
}

form li {
    list-style: none;
}

.nn-form h2 {
    margin: 10px 0px 0px 0px;
}

.nn-form fieldset {
    margin: 0 20px 0 0;
    padding: 0;
    border: none;
    color: #666;
    float: left;
    width: 950px;
}

.nn-summary fieldset {
    margin: 0 20px 0 0;
    padding: 0;
    border: none;
    color: #666;
    float: left;
    width: 500px;
}

.nn-review fieldset {
    margin: 0px 20px 0px 0px;
    padding: 0;
    border: none;
    color: #666;
    float: left;
    width: 700px;
}

.nn-form ol {
    margin: 0;
    padding: 0;
}

.nn-form ol li {
    list-style: none;
    margin-bottom: 5px;
    min-height: 25px;
}

.nn-form label em, .nn-form div em {
    color: #ff0000;
}

.fieldnote {
    color: #999;
    font-size: .9em;
    font-style: italic;
}

.nn-summary ol {
    margin: 0;
    padding: 0;
}

.nn-summary ol li {
    list-style: none;
    margin-bottom: 5px;
    min-height: 25px;
}

.nn-summary label em, .nn-form div em {
    color: #ff0000;
}


.nn-review ol {
    margin: 0;
    padding: 0;
}

.nn-review ol li {
    list-style: none;
    margin-bottom: 5px;
    min-height: 15px;
}

.nn-review label em, .nn-review div em {
    color: #ff0000;
}

input.fieldError, select.fieldError, textarea.fieldError {
    border: 1px solid #de0000;
}

div.fieldError {
    margin-left: 160px;
    width: 250px;
    color: #de0000;
    font-size: .9em;
}

.formBlock {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.formBlock .close {
    line-height: 18px;
    position: relative;
    right: 0;
    top: -4px;
}

.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.close:hover {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}

table.nutrientLoad tr td {
    padding: 10px;
    background-color: #c6eeff;
    color: #4071AB;
}

table.nutrientLoad tr td:first-child {
    text-align: right;
    background-color: #e3e3e3;
    color: #333;
    width: 150px;
    vertical-align: middle;
}

.reviewBlock {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.reviewBlock table tr td {
    padding: 4px;
    color: #666;
}

.reviewBlock table tr td:first-child {
    width: 160px;
    text-align: right;
    font-weight: bold;
    padding-right: 12px;
}

.reviewBlock h3 {
    font-family: 'OptimaRegular';
    text-transform: uppercase;
    color: #62b9dd;
    margin: 10px 0 0;
    font-size: 1.2em;
    line-height: 0.8em;
    font-weight: normal;
    border-bottom: 1px solid #62b9dd;
}

/* Properly style non-anchor elements in breadcrumbs. */
/* like #breadcrumbs a */
#breadcrumbs span {
    color: #000;
    font-size: .9em;
    font-weight: normal;
    text-decoration: none;
}

/* like #breadcrumbs a.active */
#breadcrumbs span.active {
    color: #62b9dd;
}

code {
    font-family: 'OptimaRegular';
    /* Rules kept from submit button. */
    font-size: .9em;
    box-shadow: 0px 1px 0px #aaa;
    -moz-box-shadow: 0px 1px 0px #aaa;
    -webkit-box-shadow: 0px 1px 0px #aaa;
    text-decoration: none;
    font-weight: normal;
    text-decoration: none !important;

    /* My overrides. */
    padding: 2px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f0f0f0;
    -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, .8);
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, .8);
}

label {
}

/* Maybe margin-right was 10 for a reason, but it messes up chrome. */
/* If we must keep, reduce the text field max width from 260 to 250. */
.text {
    margin-right: 5px !important;
}

.button {
    cursor: pointer;
}

.nn-pagination .blank i {
    background-image: none;
}

/* Use this for most labels except checkbox labels. */
.nn-form label.label {
    display: block;
    float: left;
    font-weight: bold;
}

.nn-form label.wide {
    display: block;
    float: left;
    width: 220px;
    font-weight: bold;
}

.nn-form label.extrawide {
    display: block;
    float: left;
    width: 320px;
    font-weight: bold;
}

.nn-form label.small {
    display: block;
    float: left;
    width: 400;
}

.nn-form span.span {
    display: block;
    float: left;
    font-weight: bold;
}

.nn-form span.wide {
    display: block;
    float: left;
    width: 160px;
    font-weight: bold;
}

.nn-form span.extrawide {
    display: block;
    float: left;
    width: 300px;
    font-weight: bold;
}

.nn-form span.extrawide_not_bold {
    display: block;
    float: left;
    width: 300px;
}

.nn-form label.checkbox {
}

.text {
    width: 260px;
}

select {
    width: 160px;
    max-width: 250px;
    height: 21px;
}

p {
    padding-bottom: 1.0em;
}

/* ATM, this is mainly aimed at intelligently sizing lightboxes. */
/* Meant for longer text. */
p.readable {
    max-width: 35em;
}

/* Element in place of content for XHR/Ajax requests. */
#ajax {
    text-align: left;
}

.sidebarContent span.label {
    white-space: nowrap;
}

.sidebarContent {
    overflow: hidden;
}

.sidebarContent:hover {
    overflow: auto;
}

div#fancybox-overlay {
    background-color: #fff !important;
}

div.fancybox-outer {
    border: 3px solid #126aa3 !important;
}

.inputsCell {
    float: right;
    width: 275px;
}

/* For all input[type=file], we apply class file */
input.file {
    max-width: 260px;
}

select.year {
    width: 60px;
}

/* Not working 2 */
/* Not working 2 */
#recaptcha_area {
    width: 50%;
    /* margin: 0 auto !important;   -- modified to align left  */
}

/* Holds a section of a form or data display. */
.sectionFirst {
    background: #f0f0f0;
    padding: 20px;
}

.sectionRest {
    background: #f0f0f0;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    /* margin-top: 5px;  */
}

.popoverInfo {
    border-bottom: 1px dashed #ba0000;
}

a.popoverInfo {
    text-decoration: none;
}

.popover-content {
    text-align: left;
    white-space: pre-line;
}

/*
 * For numbers placed in a vertical column. The must line up at the singles
 * digit. whether there are decimals or not.
 */
.numeric-vertical {
    /* font-family: 'Andale Mono','Courier New',courier; */
    /* float: right; */
    text-align: right;
    min-width: 45px;
    width: 45px;
}

#progress {
    /*padding: 5px;*/
    background-color: white;
}

.bar {
    height: 18px;
    background: green;
}

/*
 * To fix the tooltip bug on browser window resize Issue: Due to resizing, the
 * tooltip dimensions change, but are not taken into account while calculating
 * the positioning of the tooltip.
 */
.tooltip {
    white-space: nowrap;
}

a.sort {
    float: right;
    margin: 7px 1px;
}

a.sort img {
    height: 9px;
    width: 21px;
    margin-top: 3px;
}

a.sort.asc img,
a.sort.desc img {
    height: 4px;
    margin-top: 6px;
}

.nn-form .mainTable {
    margin: 0 20px 0 0;
    padding: 0;
    border: none;
    color: #666;
    float: left;
    width: 400px;
}

.nn-form table td {
    vertical-align: top;
}

ul#tabNav li.disabledTab a:link, ul#tabNav li.disabledTab a:visited, ul#tabNav li.disabledTab a:hover {
    color: darkgrey;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.2, #dedede), color-stop(.8, #fefefe));
    cursor: default;
    font-style: italic;
}

.icon-delete {
    background-image: url(/images/delete.png);
    display: block;
    float: right;
    height: 16px;
    width: 16px;
}

.field_with_errors {
    display: inline-block;
}

.field_with_errors input, .field_with_errors select {
    background-color: #EED3D7;
}

div.wide {
    display: block;
    float: left;
    width: 220px;
    font-weight: bold;
}

div.extrawide {
    display: block;
    float: left;
    width: 260px;
    font-weight: bold;
}
div.narrow {
    display: block;
    float: left;
    width: 76px;}

div.extranarrow {
    display: block;
    float: left;
    width: 44px;}

div.review-extrawide {
    display: block;
    float: left;
    width: 320px;
    font-weight: bold;
}

.textboxMedium {
    width: 80px;
}

.textboxSmall {
    width: 60px;
}

.review-table {

}

.number_of_paddocks {
    cursor: default;
    background-color: #f0f0f0;
    border: 0;
}
/* line 1, app/assets/stylesheets/global.css.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 11, app/assets/stylesheets/global.css.scss */
html {
  height: 100%;
}

/* line 15, app/assets/stylesheets/global.css.scss */
body {
  margin: 0 auto;
  padding: 0;
  /* background: transparent url(/images/bg-body.gif) bottom left repeat-x; */
  text-align: center;
  font-size: 85%;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  min-height: 100%;
}

@font-face {
  font-family: 'OptimaRegular';
  /*
    src: url(/ufonts.com_optima-webfont.eot);
    src: url(/ufonts.com_optima-webfont.eot?#iefix) format('embedded-opentype'),
    url(/ufonts.com_optima-webfont.woff) format('woff'),
    url(/ufonts.com_optima-webfont.ttf) format('truetype'),
    url(/ufonts.com_optima-webfont.svg#OptimaRegular) format('svg');
    */
  font-weight: normal;
  font-style: normal;
}

/* line 40, app/assets/stylesheets/global.css.scss */
a {
  color: #62b9dd;
  font-weight: bold;
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/global.css.scss */
a:hover {
  /* color: #126aa3; */
  /* Let's experiment with a mild drop shadow instead of a color change, for the color-blind, kthanxbye. */
  /* Not supported in IE so we should use color in an IE-only stylesheet. */
  color: #62b9dd;
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}

/* line 54, app/assets/stylesheets/global.css.scss */
*:active {
  outline: 0 !important;
}

/* New CSS3 button! Please use for all refactoring. */
/* line 59, app/assets/stylesheets/global.css.scss */
.button {
  font-size: .9em;
  background-color: #fff;
  color: #666;
  padding: 4px 9px;
  /*
        background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
        background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    */
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 1px 0px #aaa;
  -moz-box-shadow: 0px 1px 0px #aaa;
  -webkit-box-shadow: 0px 1px 0px #aaa;
  text-decoration: none;
  font-weight: normal;
  /*
        display: inline-block;
        position: relative;
        margin-right: 10px;
        padding: 0 8px;
        text-align: center;
        text-decoration: none;
        border: none;
        height: 20px;
        cursor: pointer;
    */
}

/* line 90, app/assets/stylesheets/global.css.scss */
.callntt {
  font-size: .9em;
  background-color: #666;
  color: #fff;
  padding: 4px 9px;
  /*
        background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
        background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    */
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 1px 0px #aaa;
  -moz-box-shadow: 0px 1px 0px #aaa;
  -webkit-box-shadow: 0px 1px 0px #aaa;
  text-decoration: none;
  font-weight: normal;
  /*
        display: inline-block;
        position: relative;
        margin-right: 10px;
        padding: 0 8px;
        text-align: center;
        text-decoration: none;
        border: none;
        height: 20px;
        cursor: pointer;
    */
}

/* line 123, app/assets/stylesheets/global.css.scss */
.button:hover {
  text-decoration: none !important;
  color: #62b9dd;
}

/* line 128, app/assets/stylesheets/global.css.scss */
.button:active {
  text-decoration: none !important;
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8);
}

/* line 135, app/assets/stylesheets/global.css.scss */
.button:disabled {
  color: #eee !important;
  background: #ccc;
  background: -moz-linear-gradient(top, #ccc 0%, #999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #999));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#999');
  background: linear-gradient(top, #ccc 0%, #999 100%);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  cursor: default;
}

/* line 149, app/assets/stylesheets/global.css.scss */
input.button {
  /*padding-bottom: 1px;*/
  padding: 4px 8px;
  margin: 5px;
}

/* Apply if you want larger button */
/* line 156, app/assets/stylesheets/global.css.scss */
.large {
  font: normal 13px/27px Arial, sans-serif;
  height: 27px;
}

/* Apply color with color/state class */
/* line 162, app/assets/stylesheets/global.css.scss */
.orange {
  color: #fff !important;
  background: #feab33;
  background: -moz-linear-gradient(top, #feab33, #e45c08);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feab33), color-stop(100%, #e45c08));
  background: linear-gradient(top, #feab33 0%, #e45c08 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feab33', endColorstr='#e45c08');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#feab33, endColorstr=#e45c08)";
}

/* line 172, app/assets/stylesheets/global.css.scss */
.black {
  color: #fff !important;
  background: #1f1f1f;
  background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
  background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
  background: linear-gradient(top, #494949 0%, #1f1f1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#494949, endColorstr=#1f1f1f)";
}

/*
.button {
    font-size: .9em;
    color: #ffffff;
    padding: 4px 9px;
    background: -moz-linear-gradient(top, #494949 0%, #1f1f1f);
    background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#1f1f1f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#1f1f1f');
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 1px 0px #aaa;
    -webkit-box-shadow: 0px 1px 0px #aaa;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
    font-weight: normal;
}
.button:hover {
    background: -moz-linear-gradient(top, #919191 0%, #4e4e4e);
    background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#4e4e4e));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#4e4e4e');
    text-decoration: none;
    color: #fff;
}
*/
/* line 207, app/assets/stylesheets/global.css.scss */
.first {
  border-radius: 4px 0 0 4px !important;
  -moz-border-radius: 4px 0 0 4px !important;
  -webkit-border-radius: 4px 0 0 4px !important;
}

/* line 213, app/assets/stylesheets/global.css.scss */
.first i {
  background: transparent url(/images/pagination-first.png) top left no-repeat;
  /*    text-indent: -9999px; */
  width: 1px;
  padding: 2px 7px;
}

/* line 220, app/assets/stylesheets/global.css.scss */
.last {
  border-radius: 0 4px 4px 0 !important;
  -moz-border-radius: 0 4px 4px 0 !important;
  -webkit-border-radius: 0 4px 4px 0 !important;
}

/* line 226, app/assets/stylesheets/global.css.scss */
.last i {
  background: transparent url(/images/pagination-last.png) top left no-repeat;
  /*    text-indent: -9999px; */
  width: 1px;
  padding: 2px 7px;
}

/* line 233, app/assets/stylesheets/global.css.scss */
.prev {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

/* line 239, app/assets/stylesheets/global.css.scss */
.prev i {
  background: transparent url(/images/pagination-prev.png) top left no-repeat;
  /*    text-indent: -9999px; */
  width: 1px;
  padding: 2px 7px;
}

/* line 246, app/assets/stylesheets/global.css.scss */
.next {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

/* line 252, app/assets/stylesheets/global.css.scss */
.next i {
  background: transparent url(/images/pagination-next.png) top left no-repeat;
  /*    text-indent: -9999px; */
  width: 1px;
  padding: 2px 7px;
}

/* line 259, app/assets/stylesheets/global.css.scss */
.pagination-count {
  background-color: #ECECEC;
  background-image: -moz-linear-gradient(#FFFFFF, #E1E1E1);
  cursor: default;
  display: inline-block;
  vertical-align: middle;
}

/* line 267, app/assets/stylesheets/global.css.scss */
.pagination-count i {
  border-bottom: 1px solid #C2C2C2;
  border-top: 1px solid #C2C2C2;
  display: block;
  font-size: .9em;
  font-style: normal;
  height: 20px;
  line-height: 21px;
  padding: 0 10px;
}

/* alert mesages */
/* line 279, app/assets/stylesheets/global.css.scss */
.alert, .error, .notice {
  background-color: #fffde4;
  border: 1px solid #FBEED5;
  border-radius: 4px 4px 4px 4px;
  color: #C09853;
  margin-bottom: 4px;
  margin-top: 10px;
  padding: 8px 35px 8px 14px;
  text-shadow: none !important;
}

/* line 290, app/assets/stylesheets/global.css.scss */
.alert-heading {
  color: inherit;
}

/* line 294, app/assets/stylesheets/global.css.scss */
.alert .close {
  line-height: 18px;
  position: relative;
  right: -21px;
  top: -2px;
}

/* line 301, app/assets/stylesheets/global.css.scss */
.close {
  color: #000000;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  opacity: 0.2;
  text-shadow: 0 1px 0 #FFFFFF;
}

/* line 311, app/assets/stylesheets/global.css.scss */
.alert-success {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  color: #468847;
}

/* line 317, app/assets/stylesheets/global.css.scss */
.alert-danger, .alert-error {
  background-color: #ffe9e9;
  border-color: #EED3D7;
  color: #de0000;
}

/* line 323, app/assets/stylesheets/global.css.scss */
.alert-info {
  background-color: #E6F3FB;
  border-color: #BCE8F1;
  color: #0084B1;
}

/* line 329, app/assets/stylesheets/global.css.scss */
.alert-block {
  padding-bottom: 14px;
  padding-top: 14px;
}

/* line 334, app/assets/stylesheets/global.css.scss */
.alert-block > p, .alert-block > ul {
  margin-bottom: 0;
}

/* line 338, app/assets/stylesheets/global.css.scss */
.alert-block p + p {
  margin-top: 5px;
}

/* line 342, app/assets/stylesheets/global.css.scss */
#pageWrapper {
  /*  background: transparent url(/images/bg-header.gif) top left repeat-x; */
  background: transparent url(/images/bg-body.gif) bottom left repeat-x;
  /* height: 100%; */
  min-height: 100%;
}

/* line 349, app/assets/stylesheets/global.css.scss */
#pageContainer {
  margin: 0 auto;
  width: 1150px;
  text-align: left;
}

/* line 355, app/assets/stylesheets/global.css.scss */
#footerNote {
  margin: 0 auto;
  width: 1150px;
  text-align: left;
  color: #000;
  border-style: solid;
  border-width: thin;
  border-color: red;
}

/* line 365, app/assets/stylesheets/global.css.scss */
#footerNote p {
  padding: 5px;
  font-size: 12px;
}

/* line 370, app/assets/stylesheets/global.css.scss */
#pageHeader {
  padding: 13px 0 7px;
}

/* line 374, app/assets/stylesheets/global.css.scss */
#pageHeader h1 {
  display: block;
  height: 44px;
  width: auto;
  font-size: 35px;
  font-family: "Vera Humana 95";
  margin-top: 10px;
}

@font-face {
  font-family: "Vera Humana 95";
  src: url(/assets/verahi-9c7a5e973c163566d92ea78add9f387ec5b7bea47f8a867ddbeef83111dd0b4c.ttf);
  font-weight: bold;
  font-style: italic;
}

/* line 391, app/assets/stylesheets/global.css.scss */
#pageHeader h1 a {
  display: block;
  height: 100%;
  outline: medium none;
  width: 100%;
}

/* line 398, app/assets/stylesheets/global.css.scss */
#accountnav {
  font-size: .9em;
  text-align: right;
  color: #999;
  margin: 25px 0 0;
}

/* line 405, app/assets/stylesheets/global.css.scss */
#accountnav li {
  display: inline;
}

/* line 409, app/assets/stylesheets/global.css.scss */
#accountnav li a {
  padding: 0 8px;
  color: #62b9dd;
  font-weight: normal;
  text-decoration: none;
  border-right: 1px solid #999;
}

/* line 417, app/assets/stylesheets/global.css.scss */
#accountnav li a:hover {
  text-decoration: underline;
}

/* line 421, app/assets/stylesheets/global.css.scss */
#accountnav li a.last {
  border-right: none;
}

/* MAIN NAVIGATION */
/* line 426, app/assets/stylesheets/global.css.scss */
.primaryNav {
  margin: 0;
  width: 1044px;
  height: 31px;
  position: relative;
  z-index: 100;
  background: #37a0bf;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a0bf', endColorstr='#126aa3');
  background: -webkit-gradient(linear, left top, left bottom, from(#37a0bf), to(#126aa3));
  background: -moz-linear-gradient(top, #37a0bf, #126aa3);
  border-bottom: 2px solid #ccc;
}

/* hack to correct IE5.5 faulty box model */
/* line 440, app/assets/stylesheets/global.css.scss */
* html .primaryNav {
  width: 1044px;
  w\idth: 1043px;
}

/* remove all the bullets, borders and padding from the default list styling */
/* line 446, app/assets/stylesheets/global.css.scss */
.primaryNav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* line 452, app/assets/stylesheets/global.css.scss */
.primaryNav ul ul {
  width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* line 457, app/assets/stylesheets/global.css.scss */
.primaryNav li {
  float: left;
  position: relative;
}

/* style the links for the top level */
/* line 463, app/assets/stylesheets/global.css.scss */
.primaryNav a, .primaryNav a:visited {
  display: block;
  font-size: 1em;
  text-decoration: none;
  color: #fff;
  height: 33px;
  padding: 0 15px;
  line-height: 33px;
  font-weight: bold;
}

/* line 474, app/assets/stylesheets/global.css.scss */
.primaryNav a.first {
  padding-left: 15px;
}

/* line 478, app/assets/stylesheets/global.css.scss */
.primaryNav a.first:hover {
  color: #477079;
}

/* a hack so that IE5.5 faulty box model is corrected */
/* hide the sub levels and give them a positon absolute so that they take up no room */
/* line 487, app/assets/stylesheets/global.css.scss */
.primaryNav ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 33px;
  left: 0;
  width: 149px;
}

/* another hack for IE5.5 */
/* line 497, app/assets/stylesheets/global.css.scss */
* html .primaryNav ul ul {
  top: 30px;
  t\op: 31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
/* line 503, app/assets/stylesheets/global.css.scss */
.primaryNav table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
}

/* style the second level links */
/* line 511, app/assets/stylesheets/global.css.scss */
.primaryNav ul ul a, .primaryNav ul ul a:visited {
  background: #e0e0e0;
  background-image: none;
  color: #126aa3;
  font-weight: normal;
  height: auto;
  line-height: 1em;
  padding: 8px 15px;
  width: 128px;
  border-bottom: 1px solid #e8e8e8;
}

/* yet another hack for IE5.5 */
/* line 524, app/assets/stylesheets/global.css.scss */
* html .primaryNav ul ul a, * html .primaryNav ul ul a:visited {
  width: 150px;
  w\idth: 128px;
}

/* style the top level hover */
/* line 530, app/assets/stylesheets/global.css.scss */
.primaryNav a:hover, .selected {
  color: #126aa3 !important;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #fff, #e0e0e0 80%) repeat scroll 0 0 #e0e0e0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #e0e0e0), color-stop(0.8, #fff));
  -moz-box-shadow: -1px -1px 2px #999;
  -webkit-box-shadow: -1px -1px 2px #999;
  box-shadow: -1px -1px 2px #999;
}

/* line 540, app/assets/stylesheets/global.css.scss */
.primaryNav :hover > a, .selected {
  color: #126aa3 !important;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #fff, #e0e0e0 80%) repeat scroll 0 0 #e0e0e0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #e0e0e0), color-stop(0.8, #fff));
  -moz-box-shadow: -1px -1px 2px #999;
  -webkit-box-shadow: -1px -1px 2px #999;
  box-shadow: -1px -1px 2px #999;
}

/* line 550, app/assets/stylesheets/global.css.scss */
.primaryNav ul ul a:hover {
  color: #fff;
  background: #e0e0e0;
  box-shadow: none;
}

/* line 556, app/assets/stylesheets/global.css.scss */
.primaryNav ul ul :hover > a {
  color: #fff;
  background: #f0f0f0;
  box-shadow: none;
}

/* make the second level visible when hover on first level list OR link */
/* line 563, app/assets/stylesheets/global.css.scss */
.primaryNav ul li:hover ul,
.primaryNav ul a:hover ul {
  visibility: visible;
}

/* line 568, app/assets/stylesheets/global.css.scss */
#pageContent {
  background: #fff;
  box-shadow: 0 2px 8px #999999;
  padding: 15px 25px 15px;
}

/* line 574, app/assets/stylesheets/global.css.scss */
#breadcrumbs {
  margin-bottom: 18px;
  color: #62b9dd;
}

/* line 579, app/assets/stylesheets/global.css.scss */
#breadcrumbs a {
  color: #666;
  font-size: .9em;
  font-weight: normal;
  text-decoration: none;
}

/* line 586, app/assets/stylesheets/global.css.scss */
#breadcrumbs a:hover {
  color: #999;
  text-decoration: none;
}

/* line 591, app/assets/stylesheets/global.css.scss */
#breadcrumbs a.active {
  color: #62b9dd;
}

/* line 595, app/assets/stylesheets/global.css.scss */
#breadcrumbs a.active:hover {
  color: #126aa3;
  text-decoration: none;
}

/* line 600, app/assets/stylesheets/global.css.scss */
h1.pageTitle {
  font-family: 'OptimaRegular';
  text-transform: uppercase;
  color: #62b9dd;
  font-size: 2.6em;
  font-weight: normal;
  margin: 3px 0 0;
}

/* line 609, app/assets/stylesheets/global.css.scss */
h2.sectionHeading {
  font-family: 'OptimaRegular';
  text-transform: uppercase;
  color: #126AA3;
  font-size: 1.6em;
  font-weight: normal;
  margin: 5px 0 0;
}

/* line 618, app/assets/stylesheets/global.css.scss */
h2.reviewHeading {
  font-family: 'OptimaRegular';
  text-transform: uppercase;
  color: #126AA3;
  font-size: 1.3em;
  font-weight: normal;
  margin: 5px 0 0;
}

/* line 627, app/assets/stylesheets/global.css.scss */
h2.sectionHeading em {
  color: #62b9dd;
  font-style: normal;
}

/* line 632, app/assets/stylesheets/global.css.scss */
h3 {
  color: #666;
  margin-bottom: 10px;
}

/* line 637, app/assets/stylesheets/global.css.scss */
h3.sectionHeading {
  color: #126AA3;
  font-weight: normal;
}

/* line 642, app/assets/stylesheets/global.css.scss */
#stepNav {
  margin-bottom: 15px;
  width: 100%;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  height: 39px;
}

/* line 650, app/assets/stylesheets/global.css.scss */
#stepNav li {
  height: 39px;
  list-style: none;
  float: left;
  background-color: #fff;
  background-image: url(/images/navBtn.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

/* line 660, app/assets/stylesheets/global.css.scss */
#stepNav li.current {
  background-color: #e3e3e3;
  background-image: url(/images/navCurrentBtn.gif);
}

/* line 665, app/assets/stylesheets/global.css.scss */
#stepNav li.lastDone {
  background-color: #f3f3f3;
  background-image: url(/images/navLastDoneBtn.gif);
}

/* line 670, app/assets/stylesheets/global.css.scss */
#stepNav li.done {
  background-color: #f3f3f3;
  background-image: url(/images/navDoneBtn.gif);
}

/* line 675, app/assets/stylesheets/global.css.scss */
#stepNav li a, #stepNav li a:link, #stepNav li a:visited, #stepNav li a:hover, #stepNav li a:active {
  color: #666;
}

/* line 679, app/assets/stylesheets/global.css.scss */
#stepNav li.lastDone a, #stepNav li.lastDone a:link, #stepNav li.lastDone a:visited, #stepNav li.lastDone a:hover, #stepNav li.lastDone a:active, #stepNav li.current a, #stepNav li.current a:link, #stepNav li.current a:visited, #stepNav li.current a:hover, #stepNav li.current a:active, #stepNav li.done a, #stepNav li.done a:link, #stepNav li.done a:visited, #stepNav li.done a:hover, #stepNav li.done a:active {
  color: #666;
}

/* line 683, app/assets/stylesheets/global.css.scss */
#stepNav li.done a:hover, #stepNav li.lastDone a:hover {
  color: #62b9dd;
  cursor: pointer;
}

/* line 688, app/assets/stylesheets/global.css.scss */
#stepNav li a em {
  display: block;
  float: left;
  margin: 4px 5px 0 10px;
  font-family: 'OptimaRegular';
  color: #126AA3;
  font-size: 2.6em;
  font-weight: normal;
  font-style: normal;
}

/* line 699, app/assets/stylesheets/global.css.scss */
#stepNav li a span {
  display: block;
  margin-left: 10px;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 2.7em;
  white-space: nowrap;
  padding-right: 15px;
}

/* line 709, app/assets/stylesheets/global.css.scss */
#stepNav li.stepNavNoBg {
  background-image: none;
}

/* line 713, app/assets/stylesheets/global.css.scss */
#stepNav li a {
  height: 39px;
  display: block;
  clear: both;
  padding-right: 35px;
}

/* line 720, app/assets/stylesheets/global.css.scss */
ul#tabNav {
  height: 24px;
  padding: 8px 1px 0 10px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  margin-bottom: 1px;
}

/* line 730, app/assets/stylesheets/global.css.scss */
ul#tabNav li {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px #ccc;
  position: relative;
  z-index: 1;
}

/* line 741, app/assets/stylesheets/global.css.scss */
ul#tabNav li.selected {
  z-index: 3;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 748, app/assets/stylesheets/global.css.scss */
ul#tabNav li.shadow {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -3px;
  left: 0;
  border-bottom: 1px solid #ccc;
  background: none;
  z-index: 2;
  -webkit-box-shadow: #ccc 0 0 2px;
  -moz-box-shadow: #ccc 0 0 2px;
  box-shadow: #ccc 0 0 2px;
}

/* line 762, app/assets/stylesheets/global.css.scss */
ul#tabNav li a:link, ul#tabNav li a:visited {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  text-align: center;
  line-height: 26px;
  text-decoration: none;
  font-size: .9em;
  font-weight: normal;
  color: #333;
  outline: none;
  padding: 0 10px;
  float: left;
  background: #ccc;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #fefefe, #dedede 80%) repeat scroll 0 0 #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #dedede), color-stop(0.8, #fefefe));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede');
}

/* line 783, app/assets/stylesheets/global.css.scss */
ul#tabNav li a:hover {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #ffffff, #fcfcfc 80%) repeat scroll 0 0 #fcfcfc;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fcfcfc), color-stop(0.8, #ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc');
}

/* line 791, app/assets/stylesheets/global.css.scss */
ul#tabNav li.selected a:link, ul#tabNav li.selected a:visited {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #ffffff, #fcfcfc 80%) repeat scroll 0 0 #fcfcfc;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fcfcfc), color-stop(0.8, #ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}

/* line 799, app/assets/stylesheets/global.css.scss */
ul#tabNav.worksheet li a:link, ul#tabNav li a:visited {
  background: #ccc;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #fefefe, #dedede 80%) repeat scroll 0 0 #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #dedede), color-stop(0.8, #fefefe));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede');
}

/* line 807, app/assets/stylesheets/global.css.scss */
ul#tabNav.worksheet li a:hover {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #ffffff, #f0f0f0 80%) repeat scroll 0 0 #f0f0f0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.8, #ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}

/* line 815, app/assets/stylesheets/global.css.scss */
ul#tabNav.worksheet li.selected a:link, ul#tabNav li.selected a:visited {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #ffffff, #f0f0f0 80%) repeat scroll 0 0 #f0f0f0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.8, #ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
}

/* line 823, app/assets/stylesheets/global.css.scss */
ul#tabNav li a em {
  color: #01A2A6;
  font-style: normal;
}

/* line 828, app/assets/stylesheets/global.css.scss */
.listingTable th {
  background: #999;
  color: #fff;
  text-align: left;
  font-size: .9em;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 5px;
}

/* line 838, app/assets/stylesheets/global.css.scss */
.listingTable th.actions {
  background: #666;
  text-align: center;
}

/* line 843, app/assets/stylesheets/global.css.scss */
.listingTable th a {
  color: #fff;
  text-decoration: none;
  /*  padding: 5px; */
  padding-right: 25px;
}

/* line 850, app/assets/stylesheets/global.css.scss */
.listingTable th .current {
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right center;
}

/* line 856, app/assets/stylesheets/global.css.scss */
.listingTable th .asc {
  background-image: url(/images/sortasc.png);
}

/* line 860, app/assets/stylesheets/global.css.scss */
.listingTable th .desc {
  background-image: url(/images/sortdesc.png);
}

/* line 864, app/assets/stylesheets/global.css.scss */
.listingTable td {
  vertical-align: top;
  padding: 6px;
  border-bottom: 1px solid #ccc;
  background-color: #f0f0f0;
}

/* line 871, app/assets/stylesheets/global.css.scss */
.listingTable tr.retired td {
  color: #999;
  font-style: italic;
}

/* line 876, app/assets/stylesheets/global.css.scss */
.listingTable td div td {
  border: none;
}

/* line 880, app/assets/stylesheets/global.css.scss */
.listingTable a:hover {
  text-decoration: underline;
}

/* line 884, app/assets/stylesheets/global.css.scss */
.listingTable .alt {
  background: #f0f0f0;
}

/* line 888, app/assets/stylesheets/global.css.scss */
td {
  padding: 3px;
}

/* line 892, app/assets/stylesheets/global.css.scss */
input, select, option {
  font-size: 100%;
}

/* line 896, app/assets/stylesheets/global.css.scss */
input, fieldset select, option, textarea {
  color: #666;
  background-color: #fff;
}

/* line 901, app/assets/stylesheets/global.css.scss */
option:disabled {
  color: darkgrey;
}

/* line 905, app/assets/stylesheets/global.css.scss */
input.text {
  height: 25px;
  border: 1px solid #ccc;
  margin-right: 10px;
  color: #666;
}

/* line 912, app/assets/stylesheets/global.css.scss */
.readonlyInput {
  background-color: #f0f0f0;
  border: 0px;
}

/* line 917, app/assets/stylesheets/global.css.scss */
select.text {
  padding: 4px;
  border: 1px solid #ccc;
  margin-right: 10px;
  color: #666;
}

/* line 924, app/assets/stylesheets/global.css.scss */
textarea.text {
  border: 1px solid #ccc;
  margin-right: 10px;
  color: #666;
}

/* line 930, app/assets/stylesheets/global.css.scss */
#divinputfile {
  background: url(/images/button-browse.png) no-repeat 100% 1px;
  height: 28px;
  width: 269px;
  margin: 0;
}

/* line 937, app/assets/stylesheets/global.css.scss */
#divinputfile #filepc {
  opacity: 0.0;
  -moz-opacity: 0.0;
  filter: alpha(opacity=0);
  font-size: 18px;
}

/* line 944, app/assets/stylesheets/global.css.scss */
#fakeinputfile {
  margin-top: -28px;
}

/* line 948, app/assets/stylesheets/global.css.scss */
#fakeinputfile #fakefilepc {
  width: 200px;
  height: 18px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/* line 955, app/assets/stylesheets/global.css.scss */
#sidebar {
  float: right;
  width: 250px;
  margin-left: 20px;
}

/* line 961, app/assets/stylesheets/global.css.scss */
.sidebarHeader {
  background: #126aa3;
  padding-left: 10px;
}

/* line 966, app/assets/stylesheets/global.css.scss */
.sidebarHeader h2 {
  font-family: 'OptimaRegular';
  text-transform: uppercase;
  color: #fff;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 31px;
  margin: 0;
}

/* line 976, app/assets/stylesheets/global.css.scss */
.sidebarHeader .modelLink {
  float: right;
  color: #fff;
  line-height: 31px;
  margin: 0;
  padding-right: 5px;
}

/* line 984, app/assets/stylesheets/global.css.scss */
.sidebarHeader .modelLink a {
  color: #fff;
}

/* line 988, app/assets/stylesheets/global.css.scss */
.sidebarContent {
  background: #f0f0f0;
  padding: 10px;
  color: #666;
}

/* line 994, app/assets/stylesheets/global.css.scss */
.sidebarContent em {
  color: #126aa3;
  font-style: normal;
}

/* line 999, app/assets/stylesheets/global.css.scss */
#pageFooter {
  font-size: .9em;
  color: #999;
  margin-top: 15px;
}

/* line 1005, app/assets/stylesheets/global.css.scss */
form li {
  list-style: none;
}

/* line 1009, app/assets/stylesheets/global.css.scss */
.nn-form h2 {
  margin: 10px 0px 0px 0px;
}

/* line 1013, app/assets/stylesheets/global.css.scss */
.nn-form fieldset {
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
  color: #666;
  float: left;
  width: 950px;
}

/* line 1022, app/assets/stylesheets/global.css.scss */
.nn-summary fieldset {
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
  color: #666;
  float: left;
  width: 500px;
}

/* line 1031, app/assets/stylesheets/global.css.scss */
.nn-review fieldset {
  margin: 0px 20px 0px 0px;
  padding: 0;
  border: none;
  color: #666;
  float: left;
  width: 700px;
}

/* line 1040, app/assets/stylesheets/global.css.scss */
.nn-form ol {
  margin: 0;
  padding: 0;
}

/* line 1045, app/assets/stylesheets/global.css.scss */
.nn-form ol li {
  list-style: none;
  margin-bottom: 5px;
  min-height: 25px;
}

/* line 1051, app/assets/stylesheets/global.css.scss */
.nn-form label em, .nn-form div em {
  color: #ff0000;
}

/* line 1055, app/assets/stylesheets/global.css.scss */
.fieldnote {
  color: #999;
  font-size: .9em;
  font-style: italic;
}

/* line 1061, app/assets/stylesheets/global.css.scss */
.nn-summary ol {
  margin: 0;
  padding: 0;
}

/* line 1066, app/assets/stylesheets/global.css.scss */
.nn-summary ol li {
  list-style: none;
  margin-bottom: 5px;
  min-height: 25px;
}

/* line 1072, app/assets/stylesheets/global.css.scss */
.nn-summary label em, .nn-form div em {
  color: #ff0000;
}

/* line 1077, app/assets/stylesheets/global.css.scss */
.nn-review ol {
  margin: 0;
  padding: 0;
}

/* line 1082, app/assets/stylesheets/global.css.scss */
.nn-review ol li {
  list-style: none;
  margin-bottom: 5px;
  min-height: 15px;
}

/* line 1088, app/assets/stylesheets/global.css.scss */
.nn-review label em, .nn-review div em {
  color: #ff0000;
}

/* line 1092, app/assets/stylesheets/global.css.scss */
input.fieldError, select.fieldError, textarea.fieldError {
  border: 1px solid #de0000;
}

/* line 1096, app/assets/stylesheets/global.css.scss */
div.fieldError {
  margin-left: 160px;
  width: 250px;
  color: #de0000;
  font-size: .9em;
}

/* line 1103, app/assets/stylesheets/global.css.scss */
.formBlock {
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 1109, app/assets/stylesheets/global.css.scss */
.formBlock .close {
  line-height: 18px;
  position: relative;
  right: 0;
  top: -4px;
}

/* line 1116, app/assets/stylesheets/global.css.scss */
.close {
  color: #000000;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  opacity: 0.2;
  text-shadow: 0 1px 0 #FFFFFF;
}

/* line 1126, app/assets/stylesheets/global.css.scss */
.close:hover {
  color: #000000;
  cursor: pointer;
  opacity: 0.4;
  text-decoration: none;
}

/* line 1133, app/assets/stylesheets/global.css.scss */
table.nutrientLoad tr td {
  padding: 10px;
  background-color: #c6eeff;
  color: #4071AB;
}

/* line 1139, app/assets/stylesheets/global.css.scss */
table.nutrientLoad tr td:first-child {
  text-align: right;
  background-color: #e3e3e3;
  color: #333;
  width: 150px;
  vertical-align: middle;
}

/* line 1147, app/assets/stylesheets/global.css.scss */
.reviewBlock {
  background: #fff;
  padding: 10px;
  margin-bottom: 20px;
}

/* line 1153, app/assets/stylesheets/global.css.scss */
.reviewBlock table tr td {
  padding: 4px;
  color: #666;
}

/* line 1158, app/assets/stylesheets/global.css.scss */
.reviewBlock table tr td:first-child {
  width: 160px;
  text-align: right;
  font-weight: bold;
  padding-right: 12px;
}

/* line 1165, app/assets/stylesheets/global.css.scss */
.reviewBlock h3 {
  font-family: 'OptimaRegular';
  text-transform: uppercase;
  color: #62b9dd;
  margin: 10px 0 0;
  font-size: 1.2em;
  line-height: 0.8em;
  font-weight: normal;
  border-bottom: 1px solid #62b9dd;
}

/* Properly style non-anchor elements in breadcrumbs. */
/* like #breadcrumbs a */
/* line 1178, app/assets/stylesheets/global.css.scss */
#breadcrumbs span {
  color: #000;
  font-size: .9em;
  font-weight: normal;
  text-decoration: none;
}

/* like #breadcrumbs a.active */
/* line 1186, app/assets/stylesheets/global.css.scss */
#breadcrumbs span.active {
  color: #62b9dd;
}

/* line 1190, app/assets/stylesheets/global.css.scss */
code {
  font-family: 'OptimaRegular';
  /* Rules kept from submit button. */
  font-size: .9em;
  box-shadow: 0px 1px 0px #aaa;
  -moz-box-shadow: 0px 1px 0px #aaa;
  -webkit-box-shadow: 0px 1px 0px #aaa;
  text-decoration: none;
  font-weight: normal;
  text-decoration: none !important;
  /* My overrides. */
  padding: 2px 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f0f0f0;
  -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.8);
}

/* Maybe margin-right was 10 for a reason, but it messes up chrome. */
/* If we must keep, reduce the text field max width from 260 to 250. */
/* line 1217, app/assets/stylesheets/global.css.scss */
.text {
  margin-right: 5px !important;
}

/* line 1221, app/assets/stylesheets/global.css.scss */
.button {
  cursor: pointer;
}

/* line 1225, app/assets/stylesheets/global.css.scss */
.nn-pagination .blank i {
  background-image: none;
}

/* Use this for most labels except checkbox labels. */
/* line 1230, app/assets/stylesheets/global.css.scss */
.nn-form label.label {
  display: block;
  float: left;
  font-weight: bold;
}

/* line 1236, app/assets/stylesheets/global.css.scss */
.nn-form label.wide {
  display: block;
  float: left;
  width: 220px;
  font-weight: bold;
}

/* line 1243, app/assets/stylesheets/global.css.scss */
.nn-form label.extrawide {
  display: block;
  float: left;
  width: 320px;
  font-weight: bold;
}

/* line 1250, app/assets/stylesheets/global.css.scss */
.nn-form label.small {
  display: block;
  float: left;
  width: 400;
}

/* line 1256, app/assets/stylesheets/global.css.scss */
.nn-form span.span {
  display: block;
  float: left;
  font-weight: bold;
}

/* line 1262, app/assets/stylesheets/global.css.scss */
.nn-form span.wide {
  display: block;
  float: left;
  width: 160px;
  font-weight: bold;
}

/* line 1269, app/assets/stylesheets/global.css.scss */
.nn-form span.extrawide {
  display: block;
  float: left;
  width: 300px;
  font-weight: bold;
}

/* line 1276, app/assets/stylesheets/global.css.scss */
.nn-form span.extrawide_not_bold {
  display: block;
  float: left;
  width: 300px;
}

/* line 1285, app/assets/stylesheets/global.css.scss */
.text {
  width: 260px;
}

/* line 1289, app/assets/stylesheets/global.css.scss */
select {
  width: 160px;
  max-width: 250px;
  height: 21px;
}

/* line 1295, app/assets/stylesheets/global.css.scss */
p {
  padding-bottom: 1.0em;
}

/* ATM, this is mainly aimed at intelligently sizing lightboxes. */
/* Meant for longer text. */
/* line 1301, app/assets/stylesheets/global.css.scss */
p.readable {
  max-width: 35em;
}

/* Element in place of content for XHR/Ajax requests. */
/* line 1306, app/assets/stylesheets/global.css.scss */
#ajax {
  text-align: left;
}

/* line 1310, app/assets/stylesheets/global.css.scss */
.sidebarContent span.label {
  white-space: nowrap;
}

/* line 1314, app/assets/stylesheets/global.css.scss */
.sidebarContent {
  overflow: hidden;
}

/* line 1318, app/assets/stylesheets/global.css.scss */
.sidebarContent:hover {
  overflow: auto;
}

/* line 1322, app/assets/stylesheets/global.css.scss */
div#fancybox-overlay {
  background-color: #fff !important;
}

/* line 1326, app/assets/stylesheets/global.css.scss */
div.fancybox-outer {
  border: 3px solid #126aa3 !important;
}

/* line 1330, app/assets/stylesheets/global.css.scss */
.inputsCell {
  float: right;
  width: 275px;
}

/* For all input[type=file], we apply class file */
/* line 1336, app/assets/stylesheets/global.css.scss */
input.file {
  max-width: 260px;
}

/* line 1340, app/assets/stylesheets/global.css.scss */
select.year {
  width: 60px;
}

/* Not working 2 */
/* Not working 2 */
/* line 1346, app/assets/stylesheets/global.css.scss */
#recaptcha_area {
  width: 50%;
  /* margin: 0 auto !important;   -- modified to align left  */
}

/* Holds a section of a form or data display. */
/* line 1352, app/assets/stylesheets/global.css.scss */
.sectionFirst {
  background: #f0f0f0;
  padding: 20px;
}

/* line 1357, app/assets/stylesheets/global.css.scss */
.sectionRest {
  background: #f0f0f0;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  /* margin-top: 5px;  */
}

/* line 1366, app/assets/stylesheets/global.css.scss */
.popoverInfo {
  border-bottom: 1px dashed #ba0000;
}

/* line 1370, app/assets/stylesheets/global.css.scss */
a.popoverInfo {
  text-decoration: none;
}

/* line 1374, app/assets/stylesheets/global.css.scss */
.popover-content {
  text-align: left;
  white-space: pre-line;
}

/*
 * For numbers placed in a vertical column. The must line up at the singles
 * digit. whether there are decimals or not.
 */
/* line 1383, app/assets/stylesheets/global.css.scss */
.numeric-vertical {
  /* font-family: 'Andale Mono','Courier New',courier; */
  /* float: right; */
  text-align: right;
  min-width: 45px;
  width: 45px;
}

/* line 1391, app/assets/stylesheets/global.css.scss */
#progress {
  /*padding: 5px;*/
  background-color: white;
}

/* line 1396, app/assets/stylesheets/global.css.scss */
.bar {
  height: 18px;
  background: green;
}

/*
 * To fix the tooltip bug on browser window resize Issue: Due to resizing, the
 * tooltip dimensions change, but are not taken into account while calculating
 * the positioning of the tooltip.
 */
/* line 1406, app/assets/stylesheets/global.css.scss */
.tooltip {
  white-space: nowrap;
}

/* line 1410, app/assets/stylesheets/global.css.scss */
a.sort {
  float: right;
  margin: 7px 1px;
}

/* line 1415, app/assets/stylesheets/global.css.scss */
a.sort img {
  height: 9px;
  width: 21px;
  margin-top: 3px;
}

/* line 1421, app/assets/stylesheets/global.css.scss */
a.sort.asc img,
a.sort.desc img {
  height: 4px;
  margin-top: 6px;
}

/* line 1427, app/assets/stylesheets/global.css.scss */
.nn-form .mainTable {
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
  color: #666;
  float: left;
  width: 400px;
}

/* line 1436, app/assets/stylesheets/global.css.scss */
.nn-form table td {
  vertical-align: top;
}

/* line 1440, app/assets/stylesheets/global.css.scss */
ul#tabNav li.disabledTab a:link, ul#tabNav li.disabledTab a:visited, ul#tabNav li.disabledTab a:hover {
  color: darkgrey;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #dedede), color-stop(0.8, #fefefe));
  cursor: default;
  font-style: italic;
}

/* line 1447, app/assets/stylesheets/global.css.scss */
.icon-delete {
  background-image: url(/images/delete.png);
  display: block;
  float: right;
  height: 16px;
  width: 16px;
}

/* line 1455, app/assets/stylesheets/global.css.scss */
.field_with_errors {
  display: inline-block;
}

/* line 1459, app/assets/stylesheets/global.css.scss */
.field_with_errors input, .field_with_errors select {
  background-color: #EED3D7;
}

/* line 1463, app/assets/stylesheets/global.css.scss */
div.wide {
  display: block;
  float: left;
  width: 220px;
  font-weight: bold;
}

/* line 1470, app/assets/stylesheets/global.css.scss */
div.extrawide {
  display: block;
  float: left;
  width: 260px;
  font-weight: bold;
}

/* line 1476, app/assets/stylesheets/global.css.scss */
div.narrow {
  display: block;
  float: left;
  width: 76px;
}

/* line 1481, app/assets/stylesheets/global.css.scss */
div.extranarrow {
  display: block;
  float: left;
  width: 44px;
}

/* line 1486, app/assets/stylesheets/global.css.scss */
div.review-extrawide {
  display: block;
  float: left;
  width: 320px;
  font-weight: bold;
}

/* line 1493, app/assets/stylesheets/global.css.scss */
.textboxMedium {
  width: 80px;
}

/* line 1497, app/assets/stylesheets/global.css.scss */
.textboxSmall {
  width: 60px;
}

/* line 1505, app/assets/stylesheets/global.css.scss */
.number_of_paddocks {
  cursor: default;
  background-color: #f0f0f0;
  border: 0;
}
/*
body {
  background-color: #fff;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

div {
  &.field, &.actions {
    margin-bottom: 10px;
  }
}

#notice {
  color: green;
}

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 0px;
    background-color: #c00;
    color: #fff;
  }
  ul li {
    font-size: 12px;
    list-style: square;
  }
}
*/
/* line 5, app/assets/stylesheets/states.css.scss */
#navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

/* line 12, app/assets/stylesheets/states.css.scss */
#navcontainer ul li {
  display: inline;
}

/* line 16, app/assets/stylesheets/states.css.scss */
#navcontainer ul li a {
  text-decoration: none;
  padding: .2em 1em;
  color: #fff;
  background-color: #036;
}

/* line 23, app/assets/stylesheets/states.css.scss */
#navcontainer ul li a:hover {
  color: #fff;
  background-color: #369;
}