@CHARSET "UTF-8";
/* FONT SIZES: ONLY USE % VALUES
   px  %
   10  77
   11  85
   12  93
   13  100
   14  108
   15  116
   16  123.1
   17  131
   18  138.5
   19  146.5
   20  153.9
   21  161.6
   22  167
   23  174
   24  182
   25  189
   26  197 
*/

/*------------------------------------------------------------------------------
Site
------------------------------------------------------------------------------*/
#screen {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-bottom: 2em;
}

/*------------------------------------------------------------------------------
Application Header
------------------------------------------------------------------------------*/

#bar {
    background: #008081;
    overflow: hidden;
    height: 38px;
}

#brand {
    margin: 7px 1em;
    height: 24px;
    color: white;
}

#product {
    /*display: none;*/
    float: left;
    /*margin: -1px 0 0 0;
    padding: 0 0 0 82px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 161.6%;
    font-weight: normal;
    text-transform: uppercase;*/
}

/*------------------------------------------------------------------------------
Application Header - Navigation
------------------------------------------------------------------------------*/
#bar {
    height: 50px;
}
#bar_image {
    height: 40px;
}

#navigation {
    float: right;
    padding-top: 5px;
}

#navigation a, #navigation a:visited {
    color: white;
    text-decoration: none;
    margin-left: 0.75em;
    margin-right: 0.75em;
}

#navigation a:hover {
    color: white;
    text-decoration: underline;
}

.nav_info {
    color: #FFCCCC;
    margin-right: 0.75em;
}


/*------------------------------------------------------------------------------
Application body
------------------------------------------------------------------------------*/
#application {
    padding: 1em 1em 3em;
}

.panel_inner.panel_blue {
    border: 1px solid #81AFE3;
}

.panel_inner.panel_pink {
    border: 1px solid #D0968F;
}

.panel_inner li {
    padding: 0 0 0.75em 0.5em;
    margin-left: 1.5em;
    list-style: disc outside;
}


/*------------------------------------------------------------------------------
Application Footer
------------------------------------------------------------------------------*/

#footer_image {
    Height: 20px;
}
.footer_width {
    padding: 0;
    padding-right: 1em;
    overflow: hidden;
}

.application_footer {
    clear: both;
    margin: 0;
    padding: 2em 0 0;
    background: #FFFFFF url(../images/application_container_footer_bkgd.gif) repeat-x scroll left bottom;
    border-bottom: 1px solid #BBBBBB;
    position: relative;
    zoom: 1;
}

.application_footer_inner {
    background: transparent url(../images/inner_shadow_bkgd.gif) repeat-x;
    border-top: 1px solid #BBBBBB;
    padding: .5em 0;
}

.footer_info {
    color: #888888;
}

.footer_info img {
    margin: 0 0.75em;
    vertical-align: text-bottom;
}

.footer_links {
    padding-top: 0.35em;
    float: right;
}

.footer_links li {
    display: inline;
    padding-left: 2em;
}

.footer_links li:first-child {
    padding-left: 0;
}

.application_footer a {
    color: #666666;
    text-decoration: none;
}

.application_footer a:hover {
    color: #5D2300;
    text-decoration: underline;
}


/*------------------------------------------------------------------------------
Generic Login Styles 
------------------------------------------------------------------------------*/

#login .application {
    padding: 20px 20px 0;
}

#login .left_column {
    float: left;
    width: 280px;
    margin: 0 20px 0 0;
    padding-top: 245px;
}

#login h1 {
    color: #990000;
    line-height: 1.1em;
}

#login h2 {
    text-align: center;
}

#login h3 {
    font-size: 123.1%;
    font-weight: bold;
    margin: 1em 0;
    color: #333333;
}

#login .intro_text p {
    color: #194552;
    font-size: 123.1%;
    line-height: 1.2em;
    margin-top: 1.25em;
}

#login .right_column {
    float: left;
    width: 620px;
}

#login .first_row, #login .second_row {
    padding-bottom: 20px;
}

#login .panel_inner {
    font-size: 108%;
}

#login .get_started_panel h2 {
    background: #008081;
}

#login .information_panel h2 {
    background: #008081;
}

#login .right_column .panel_inner {
    border: 2px solid #000000;
    border-top: 0;
    padding: 10px 20px 15px;
    overflow: hidden;
}

#login .get_started_panel .panel_inner {
    border-color: #008081;
}

#login .information_panel .panel_inner {
    border-color: #008081;
}

#login .impact_print {
    color: #0F1F61;
    font-size: 116%;
    font-weight: bold;
    line-height: 1.25em;
    margin: 1.0em 0;
}

#login .small_print {
    color: #666666;
    font-size: 93%;
}

#login .small_print strong {
    color: #333333;
}

#login .information_image {
    width: 230px;
    float: left;
    padding-top: 5px;
}

#login .information_text {
    width: 346px;
    float: left;
}

#login .login_info {
    float: left;
    padding: 0 20px 0 0;
    width: 278px;
}

#login .login_form {
    float: right;
    width: 278px;
}

#login form, #login form .zend_form {
    overflow: hidden;
}

.body_text {
    font-size: 108%;
}

a.download {
    border-bottom: 0 none !important;
    padding: 0 4px 3px 23px;
}

a.download.pdf {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/download_pdf.gif) no-repeat scroll 3px top;
}

/*------------------------------------------------------------------------------
Forms
------------------------------------------------------------------------------*/
fieldset {
    /*border: 1px solid #eeeeee;*/
    padding-bottom: 1em;
    margin: 2px 0;
}

.form_sub_heading {
    margin-top: 0.75em;
    border-top: 1px dotted #CCCCCC;
    padding-top: 0.75em;
    /*width: 14em;*/
    /*text-align: right;*/
    font-weight: bold;
    color: #38577C;
    font-family: "Public Sans", Arial, sans-serif;
    font-size: 116%;
}

table td.label strong {
    font-weight: bold;
    color: #38577C;
    font-family: "Public Sans", Arial, sans-serif;
    font-size: 116%;
}

table tr.display td.label,
table tr.classified td.label {
    padding-left: 1em;
    width: 12em;
}

table.tr_listing tr {
    line-height: 100%;
    font-size: 108%;
}

table.th_center th {
    text-align: center;
}

table.th_center th.heading {
    text-align: left;
}

table.td_right td {
    text-align: right;
}

table.td_right td.row_item {
    text-align: left;
}

.shaded {
    background-color: #edecec;
}

div.field label.label,
div.field label.sub_label,
table.rates td.label {
    float: left;
    width: 13em;
    /* text-align: right;*/
    margin: 0.2em 0.5em 0 0;
    font-weight: bold;
    color: #38577C;
    font-family: "Public Sans", Arial, sans-serif;
}

.contact_us div.field label.label {
    width: 5em;
}

table.rates td.sublabel {
    margin: 0.2em 0.5em 0 0;
    font-weight: bold;
    color: #38577C;
    font-family: "Public Sans", Arial, sans-serif;
}

div.field label.sub_label {
    font-weight: normal;
    font-style: italic;
}

.description {
    font-style: italic;
    margin-left: 0.5em;
    vertical-align: top;
    width: 140px;
}

div.asterisk_desc {
    font-style: italic;
    position: relative;
    top: -1.5em;
    margin-bottom: -1.5em;
    width: 60%;
}

div.asterisk_desc span {
    color: #38577C;
    font-weight: bold;
    padding: 0 0.4em;
    font-size: 108%;
    font-family: "Public Sans", Arial, sans-serif;
}

div.privacy {
    margin-top: 20px;
    text-align: justify;
}

div.field {
    clear: left;
}

div.field,
div.inline_elements {
    margin-top: 0.4em;
    overflow: hidden;
    height: 100%;
}

div.field .element textarea {
    float: left;
    overflow-y: auto;
    font-family: "Public Sans", Arial, sans-serif;
}

div.inline_elements div {
    display: inline;
}

div.inline_sub_elements label.label,
div.inline_sub_elements label.sub_label {
    float: none;
    width: auto;
    margin-left: 1em;
}

div.multiline {
    float: left;
}

div.multiline .multiline_element {
    padding-top: 0.5em;
    overflow: hidden;
}

div.multiline .multiline_element input {
    margin: 1px 5px 0 0;
    width: 15px;
    height: 15px;
    float: left;
}

div.multiline .multiline_element label {
    width: 390px;
    padding-right: 10px;
    float: left;
}

div.multiline .multiline_element .link {
    width: 60px;
    display: block;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 0 0.4em 0.5em 0;
    vertical-align: top;
    height: 15px;
}

ul.errors li {
    color: #990000;
    clear: both;
    margin: 0.4em 0.5em 0.5em 0;
}

div.errors {
    color: #990000;
    clear: both;
    margin: 0.4em 0.5em 0.5em 0;
}

.element input[type="text"], .element input[type="password"], textarea {
    padding: 0.1em 0.2em;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #D4D0C8;
    border-bottom: 1px solid #D4D0C8;
}

.element input[type="text"][disabled="disabled"] {
    background-color: #E6DDD5;
}

#production_sizes td {
    white-space: nowrap;
}

.select_mailout_recipients #search_type {
    float: left;
    width: 20em;
    margin-right: 2em;
}

.select_mailout_recipients #search_type .field {
    border-bottom: 1px solid #BBBBBB;
    padding: 0.5em;
}

.select_mailout_recipients #search_form {
    float: left;
}

.select_mailout_recipients #search_form .element {
    float: left;
}

.select_mailout_recipients #search_form input {
    float: left;
}

.select_mailout_recipients #search_form .description {
    float: left;
    color: #444444;
    width: 15em;
}

.select_mailout_recipients #search_form label {
    width: 9em;
}

.select_mailout_recipients #form_buttons {
    padding-top: 1em;
}

.select_mailout_recipients #form_buttons input {
    margin-right: 0.5em;
}

.debug {
    padding: 1em 1em;
    background-color: #AECFD0;
    max-height: 10em;
    overflow: auto;
    white-space: nowrap;
    font-family: "Public Sans", Arial, sans-serif;
}


#bug_header {
    background-color: #333333;
    color: #ffffff;
    padding: 0.5em;
    margin-bottom: 1em;
}

h1.bug {
    color: black;
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h2.bug {
    color: black;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h3.bug {
    font-size: 9pt;
    font-weight: bold;
    padding: 0.25em 0.5em;
    margin: 10px 0px;
    background-color: #E3E3E3;
}

.bug_summary {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 9pt;
    border-left: 1px solid black;
}

td.bug {
    vertical-align: top;
}

.bug_summary td {
    padding: 5px;
    border-right: 1px solid black;
}

.bug_summary .label {
    line-height: 100%;
    font-size: 85%;
}

.bug_summary .value {
    line-height: 120%;
    text-align: right;
    font-size: 108%;
    font-weight: bold;
    color: #555555;
}

.bug_summary .note {
    line-height: 100%;
    text-align: right;
    font-size: 77%;
    font-weight: normal;
    display: block;
}

/* Start custom button CSS here
---------------------------------------- */
.btn {
    display: inline-block;
    background: none;
    margin: 0;
    padding: 3px 0;
    border-width: 0;
    overflow: visible;
    font: 100%/1.2 Arial, Sans-serif;
    text-decoration: none;
    color: #333;
}

* html button.btn {
    padding-bottom: 1px;
}

/* Immediately below is a temporary hack to serve the
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
    margin: 0 -3px;
}

.btn span {
    background: #f9f9f9;
    z-index: 1;
    margin: 0;
    padding: 3px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #bbb;
}

* html .btn span {
    padding-top: 0;
}

.btn span span {
    background: none;
    position: relative;
    padding: 3px .4em;
    border-width: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
}

.btn b {
    background: #e3e3e3;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 40%;
    border-top: 3px solid #eee;
}

* html .btn b {
    top: 1px;
}

.btn u {
    text-decoration: none;
    position: relative;
    z-index: 3;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
    border-right-width: 0;
}

button.pill-l span span {
    border-right: 1px solid #ccc;
}

button.pill-c span {
    border-right-style: none;
    border-left-color: #fff;
}

button.pill-c span span {
    border-right: 1px solid #ccc;
}

button.pill-r span {
    border-left-color: #fff;
}

/* only needed if implementing separate hover state for buttons */
.btn:hover span, .btn:hover span span {
    cursor: pointer;
    border-color: #9cf !important;
    color: #000;
}

/* use if one button should be the 'primary' button */
.primary {
    font-weight: bold;
    color: #000;
}

/* End custom button CSS here
---------------------------------------- */


div.group-box {
    display: grid;
    grid-template-columns: 80% 20%;
    align-items: center;
}