img {
    border: 0;
}

img.broken_page {
    display: inline-block;
    max-height: 18px;
    margin: 0 2px -3px 2px;
}

textarea {
    overflow: auto;
}

ul.standard_list {
    margin-top: 16px;
}

ul.flush_list {
    padding: 0;
}

ul.aligned_list {
    padding-left: 16px;
}

ul.flush_list > li {
    list-style-type: none;
}

ul.spaced_list > li {
    padding-bottom: 6px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.hi-litehead {
    font-size: 90%;
}

.spacer {
    margin: 0 8px 0 8px;
}

.file_size {
    font-size: 80%;
}

.warning {
    color: #FF0000;
}

#lehd_in_practice_list li {
    margin-bottom: 14px !important;
}

.lip_image {
    display: inline-block;
    float: left;
    max-width: 280px;
    margin: 22px 50px 0 0;
}

.lip_image > a {
    display: block;
}

.lip_image > a:hover {
    background-color: transparent;
}

.lip_image > a > img {
    max-width: 100%;
    max-height: 200px;
    border: 1px solid #CCC;
}

.lip_image > div {
    width: 100%;
    margin-top: 6px;
    text-align: center;
}

img.offsite_image {
    display: inline-block;
    width: 15px;
    height: 12px;
    margin: 0 0 -4px 0 !important;
}

img.white_bg {
    background-color: #FFF;
}

img.pdf_icon {
    display: inline-block;
    margin-bottom: -4px;
}

.ajax_load {
    text-align: center;
}

.ajax_load img {
    display: inline-block;
    width: 40px;
    padding-top: 50px;
}

input.clean {
    border: 1px solid #CCC;
    height: 15px;
}

.ajax_msg {
    margin-left: 12px;
    color: #FF0000;
}

.bord.selected a {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#masthead {
    width: 100%;
}

#masthead h1 {
    position: relative;
    display: block;
    height: 33px !important;
    margin: 20px 0 0 20px;
    font-size: 2.33333em;
    font-weight: bold;
    color: #1c265e !important;
    text-decoration: none;
}

#masthead h2 {
    margin: 2px 0 0 22px;
    font-size: 1em !important;
    font-weight: normal;
    color: #000;
}

#outer-column-container {
    margin-top: 16px;
}

h3.page_header {
    margin-bottom: 20px;
    font-weight: bold;
    color: #333;
    font-size: 200%;
}

h3.page_header a:link, h3.page_header a:visited {
    color: #333;
    text-decoration: none;
}

h3.page_header a:hover {
    text-decoration: underline;
    color: #336600;
    background: none;
}

h3.section_header {
    margin-top: 30px;
}

h4.page_subheader {
    margin: 0 0 12px 0;
    font-weight: bold;
    color: #336600;
    font-size: 140%;
}

h4.page_subheader a:link {
    color: #336600;
    text-decoration: none;
}

h4.page_subheader a:hover, h4.page_subheader a:active {
    background: none;
    text-decoration: underline;
}

h4.spaced_subheader {
    margin-top: 40px;
}

h4.spaced_subheader_short {
    margin-top: 20px;
}

h5 {
    font-size: 115%;
    font-weight: bold;
    margin: 22px 0 16px 0;
}

h5.page_subheader {
    margin-bottom: 12px;
}


/* quick links sidebar */

#emergency_notice {
    display: none;          /* comment out to display a notice */
    margin-bottom: 20px;
}

#emergency_notice p {
    margin-bottom: 0;
    font-size: 110%;
    color: #FF0000;
    font-weight: bold;
}

.navcontainer ul {
    margin-bottom: 20px !important;
}

.nav_help_link {
    display: inline-block;
    float: right;
    font-size: 80%;
    line-height: 18px;
}

/* end quicklinks sidebar */


/* general styles */

#middle-column {
    margin-top: 10px;
}

#main_left {
    float: left;
    padding-right: 20px;
    border-right: 1px solid #CCC;
}

#main_left.no_right {        /* use on pages with a single main column */
    padding-right: 10px;
    border-right: 0;
}

#main_left.no_padding {
    width: 100%;
    padding-right: 0 !important;
}

/* set widths of the left and right main columns for each section of the site */
#main_left.main {
    min-width: 500px;
    max-width: 1000px;
    border: none;
}

#source-order-container {
    padding-bottom: 20px;
    min-width: 840px;
}

#main_left.no_expand {
    max-width: 1200px;
}

#main_left.workshop {
    padding: 0 12px 30px 12px;
}

#main_right {
    float: left;
    width: 30%;
    margin: 0 10px 0 12px;
}

#main_right.main {
    max-width: 400px;
}

#main_right.research {
    float: right;
    min-width: 250px;
    max-width: 300px;
}

#main_right.library {
    position: absolute;
    right: 0;
    width: 300px;
}

#main_right.partnership {
    float: left;
    width: 30%;
    min-width: 270px;
    max-width: 350px;
    margin: 0 0 0 2%;
}

/* end general styles */


/* main page */

#main_slider_container {
    max-width: 820px;
    height: 320px;
    padding: 3px; 
    background-color: #D4E9F9;
}

#main_slider {
    width: 100%;
}

#main_slider_content {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 320px;
    background-color: #FFF;
    overflow: hidden;
}

.slider_frame {
    position: absolute;
    width: 100%;        /* so frames will slide in from the far right/left */
}

.slider_frame_content {
    float: left;
    width: 100%;
    height: 320px;
    background-color: #FFF;
}

.slider_frame_highlight_bg {
    background-color: #13366A;
    color: #000;
}

.slider_image {
    position: relative;
    float: right;
    max-width: 500px;
    max-height: 320px;
    text-align: right;
    z-index: 100;
}

.slider_image img {
    max-width: 100%;
    max-height: 100%;
}

.slider_banner {
    max-width: 688px;
}

#slider_text {
    position: absolute;
    float: left;
    margin-left: 12px;
    padding-right: 510px;
    max-height: 284px;
    z-index: 99;
}

.slider_frame_highlight_bg #slider_text {
    color: #FFF;
}

.slider_frame_highlight_bg #slider_text a:link {
    color: #FFF;
}

.slider_frame_highlight_bg #slider_text a:visited {
    color: #F995F9;
}

.slider_frame_highlight_bg #slider_text a:hover {
    background: transparent;
    color: #999;
}

.slider_frame_header {
    margin: 28px 0 8px 0;
    /* color: #336600; */
    color: #FFF;
    font-weight: bold;
    font-size: 140%;
}

.slider_frame_header a:link, .slider_frame_header a:visited {
    text-decoration: none;
}

.slider_frame_header_inner a:link, .slider_frame_header_inner a:visited {
    text-decoration: none;
    color: #FFF;
}

.slider_frame_header_inner a:hover {
    background: none;
    color: #999;
}

.slider_frame_content ul li {
    padding-left: 8px;
    font-size: 84% !important;
}

.slider_smalltext {
    font-size: 84%;
}

#main_slider_frame_2 {
    display: none;
}

#slider_controls {
    position: absolute;
    top: 288px;
    left: 12px;
    z-index: 101;
}

#slider_pause {
    float: left;
    margin-right: 12px;
}

#slider_pause:hover {
    cursor: pointer;
}

#slider_pause > div {
    float: left;
    width: 6px;
    height: 21px;
    margin: 1px 0 0 4px;
    background-color: #E6E9F0;
}

#slider_pause > div:first-child {
    margin-left: 0;
}

#slider_pause:hover > div {
    background-color: #8FCCFE;
}

#slider_pause.paused {
    width: 0; 
    height: 0; 
    margin-top: 1px;
    padding-right: 1px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #E6E9F0;
}

#slider_pause.paused > div {
    display: none;
}

#slider_pause.paused:hover {
    border-left: 15px solid #8FCCFE;
}

#slider_control_buttons {
    float: left;
}

.slider_control, .slider_arrow {
    display: inline-block;
    padding: 3px 5px 3px 5px;
    border: 1px solid #13366A;
    background-color: #E6E9F0;
    color: #03579D;
    font-size: 12px;
    cursor: pointer;
}

.slider_control, .slider_arrow {
    margin-left: 4px;
}

.slider_arrow:first-child {
    margin-left: 0;
}

.slider_arrow {
    padding: 3px 4px 3px 4px;
}

.slider_control.active_control {
    background-color: #6FACDE;
    color: #FFF;
}

.slider_control.active_soon, .slider_control.active_soon:hover {
    margin: -1px -1px -1px 3px;
    border: 2px solid #03579D;
    background-color: #E6E9F0;
    color: #03579D;
}

.slider_control:hover, .slider_arrow:hover {
    background-color: #8FCCFE;
    color: #03579D;
}

.main_page_section {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 30px;
}

#updates_area {
    margin-top: -11px;
}

a.fancybox-close:hover {
    background-color: transparent !important;
}

.fancybox_popup {
    max-width: 900px;
    font-size: 78%;
}

.fancybox_popup > p, .fancybox_popup > ul {
    font-size: 102%;
    margin-bottom: 20px;
}

.fancybox-overlay-fixed, .fancybox-overlay {
    z-index: 100000 !important; /* yes, this really needs to be 100000 */
}

a.fancybox-close {
   background-color: transparent !important;
}

#whats_new_content {
    float: left;
    padding-right: 12px;
    max-width: 1200px; 
}

#whats_new_summary > ul > li {
    margin-bottom: 2px;
}

#whats_new_summary > ul > li > .date {
    font-size: 90%;
    color: #000099;
}

#new_announcements ul li {
    margin-bottom: 4px;
    list-style-type: none;
}

#new_announcements ul li .date {
    font-size: 90%;
    color: #000099;
}

#new_notices ul li {
    margin-bottom: 16px !important;
    font-weight: bold;
    font-size: 110%;
    list-style-type: none;
}

#new_notices ul li a:link, #new_notices ul li a:active, #new_notices ul li a:visited {
    color: #FFF;
    background-color: transparent;
    text-decoration: none;
}

#new_notices ul li a:hover {
    background-color: transparent;
    text-decoration: underline;
}

.updates_footer {
    margin-top: 16px;
}

#main_right_top {
    padding-bottom: 18px;
    border-bottom: 1px solid #CCC;
}

#main_right_bottom {
    margin-top: 20px;
}

/* end main page */


/* announcements page */

#announcements_content {
    float: left;
    padding-right: 12px;
    max-width: 1200px;
}

#no_announcements {
    font-style: italic;
}

#announcements_email {
    margin-top: 30px;
}

/* end announcements page */


/* contact page */

.contact_label {
    font-weight: bold;
}

.tr_spacer {
    height: 16px;
}

#listservs a {
    display: inline-block;
    width: 120px;
}

.staff_list li {
    margin-bottom: 12px !important;
}


/* applications page */

.app_row {
    position: relative;
    min-height: 260px;          /* necessary for apps with short descriptions
    margin-bottom: 40px;           because app images are absolutely positioned */
    padding-top: 20px;
    border-top: 1px solid #CCC;    /* show a border above each app except the first */
}

.app_row_short {
    position: relative;
    min-height: 20px; /* necessary for apps with short descriptions
    margin-bottom: 40px; because app images are absolutely positioned */
    padding-top: 20px;
   border-top: 1px solid #CCC; /* show a border above each app except the first */
 }

.app_row:first-child {
    padding-top: 0;
    border-top: 0;
}

.app_links {
    position: absolute;    /* allow the content to fill the width of the page - looks
    width: 300px;           better than using a percentage width on .app_description */
    text-align: center;
}

.app_links img {
    max-width: 300px;
    max-height: 200px;
}

.app_launch_button {
    margin: 0 auto;
    margin-top: 12px;
}

.app_description {
    padding-left: 312px;    /* 300 to account for the width of .app_links, 12 for extra padding */
    padding-bottom: 16px;
}

.app_description h3 {
    font-size: 160%;
}

p.learn_more {
    margin-top: 20px;
}

p.faq_question {
    margin-top: 30px;
    font-weight: bold;
}

/* end applications page */


/* help doc pages */

#other_help_docs {
    float: right;
    width: 100%;
    margin: -10px 12px 16px 0;
    text-align: right;
}

#help_doc_header, #help_doc_footer {
    min-height: 18px;
    padding: 4px 0 4px 0;
    background-color: #D4E9F9;
}

#help_doc_header .paging {
    float: right;
}

#full_breadcrumbs {
    margin-left: 6px;
}

.paging {
    margin-right: 6px;
}

#help_doc_main {
    margin-right: 2px;
    padding-right: 12px;
    border-right: 228px solid #D4E9F9;
}

#help_doc_content {
    min-width: 588px;
    min-height: 400px;
    margin-top: 4px;
    padding: 12px 0 12px 0;
}

#help_doc_footer {
    text-align: right;
}

#help_doc_nav {
    float: right;
    width: 220px;
    min-height: 400px;
    margin-right: 2px;
    padding: 8px 4px 12px 4px;
    background-color: #D4E9F9;
}

#help_doc_nav_header {
    margin-bottom: 16px;
    text-align: center;
}

#start_app_link {
    margin-bottom: 8px;
    font-size: 120%;
    font-weight: bold;
}

#app_image img {
    max-width: 200px;
    max-height: 100px;
}

#help_doc_nav .DynamicTree {
    margin-left: 6px;
}

#help_doc_nav_footer {
    float: right;
    clear: right;
    width: 218px;
    padding-top: 10px;
    border-top: 1px solid #CCC;
    text-align: center;
}

#help_doc_nav_footer div {
    margin-bottom: 8px;
    font-weight: bold;
}

/* end help doc pages */


/* data page */

#data_intro {
    padding-right: 370px;
}

.dp_row {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 40px;
}

.dp_info {
    padding-right: 370px;
}

.dp_nav {
    float: right;
    width: 330px;
    margin-right: 0 !important;
}

.spaced_select {
    display: inline-block;
    margin: 0 20px 8px 0;
}

#qwi_release {
    min-width: 76px;
}

#qwi_data_set {
    min-width: 200px; 
}

.file_browser_close {
    display: none;
    margin-left: 12px;
}

#lodes_files, #qwi_files {
    display: none;
    margin-top: 30px;
}

#lodes_files_area {
    margin-top: -20px !important;
}

#lodes_extra_files {
    float: right;
    margin-bottom: 8px;
}

.file_browser {
    clear: both;
    width: 100%;
    border: 1px solid #999;
}

.file_browser .file_list {
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.file_browser .file_list > div {
    float: left;
    clear: left;
    width: 100%;
    padding: 3px 0 3px 0;
    border-top: 1px solid #CCC;
}

.file_browser .file_list > div.gradient {
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 31%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 31%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 31%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 31%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 31%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

.file_browser .file_list .dir_header {
    position: relative;
    top: 1px;
    border-bottom: 1px solid #777;
    background-color: #FFF;
}

.file_browser .file_list > div:first-child {
    border-top: 0;
}

.file_browser .file_path {
    float: left;
    margin-left: 12px;
}

.file_browser .file_path input {
    margin-right: 8px;
}

.file_browser .file_size {
    float: right;
    width: 70px;
    margin: 0 12px 0 12px;
    text-align: right;
}

.file_browser .file_time {
    float: right;
    text-align: right;
}

.file_browser .no_files {
    margin: 2px 0 0 5px;
    color: #FF0000;
    font-style: italic;
}

.file_browser .right_arrow {
    display: inline-block;
    width: 0; 
    height: 0; 
    margin: 0 4px 1px 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #333;
}

.file_browser .breadcrumbs {
    padding: 4px 0 4px 12px;
    border-top: 1px solid #777;
    background-color: #EEE;
    font-size: 90%;
}

.file_browser .breadcrumb {
    margin-right: 6px;
}

.file_browser .breadcrumb.active {
    font-weight: bold;
}

.vintage_link {
    font-weight: bold;
}

.vintage_link a {
    font-weight: normal;
}

.latest_vintage_label {
    font-size: 80%;
    color: #666;
}

.qwi_data_nav {
    width: 280px !important;
    margin-bottom: 6px !important;
    padding-bottom: 2px !important;
    border-bottom: 1px solid #CCC;
}

.qwi_data_nav_current_dir {
    font-weight: bold;
}

.qwi_data_nav_back {
    display: inline-block;
    font-size: 90%;
    margin: 0 0 1px 6px;
}

.star_note {
    margin-top: 20px;
    font-size: 92%;
}

/* end data page  */


/* research page */

#research_main {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    margin-top: 14px;
}

.research_area {
    float: left;
    height: 100%;
    width: 30%;
    margin-right: 2%;
    padding-right: 2%;
    border-right: 1px solid #CCC;
}

.research_area > h5 {
    margin-top: 0;
}

.research_area_last {
    min-height: 250px;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#research_bottom {
    float: left;
    clear: left;
    width: 100%;
}

/* end research page */


/* learning page */

#main_left.learning {
    width: 100%;
    padding-right: 0;
}

#learning_calendar_container {
    float: right;
    width: 400px;
    margin-left: 34px;
    margin-right: 12px;
}

#learning_calendar h2 {
    color: #000;
    font-size: 170%;
}

.fc-content {                   /* calendar content */
    z-index: 99;
}

.fc-header-title {
    margin-top: 4px;
    color: #336600;
    font-size: 80%;
}

.fc-holiday, .cl_holiday {
    background-color: #CCCCFF;
}
.cl_today {
    background-color: #FFFFCC;
}
.cl_event {
    background-color: #3366CC;
}

.fc-holiday-text {
    font-size: 82%;
}

.fc-event {
    position: absolute;
}

.fc-event-inner {
    font-size: 120%;
    cursor: pointer;
}

.calendar_popup {
    position: absolute !important;
    min-width: 100px;
    width: auto;
    max-width: 600px;
    margin-top: 4px;
    padding: 10px;
    border: 1px solid #03579D;
    border-radius: 4px;
    background-color: #E6E9F0;
    z-index: 100 !important;
}

#calendar_legend_container {
    float: left;
    clear: left;
    margin-top: 8px;
}

#calendar_legend {
    margin: 0;
    padding: 0;
}

#calendar_legend li {
    margin-bottom: 6px;
    list-style-type: none;
}

#calendar_legend li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px -4px 0;
    border: 1px solid #CCC;
}                               /* end calendar content */

#learning_intro {
    max-width: 1000px;
}

#learning_content {
    width: 100%;
}

#learning_content p, #learning_content ul {
    max-width: 1000px;
}

.items_display ul li {
    margin-bottom: 10px;
    line-height: 18px;
}

.items_display .item_title {
    margin-bottom: 4px;
}

.item_documents {
    margin-top: 2px;
}

.item_document {
    margin-bottom: 2px;
}

.item_document_author {
    margin: -3px 0 0 16px;
    font-size: 86%;
}

#workshop_years {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    margin: 8px 0 20px 0;
}

#workshop_years tr {
    border-bottom: 1px solid #999;
}

#workshop_years td {
    width: 120px;
    padding: 6px 0 6px 0;
    border-right: 1px solid #999;
    text-align: center;
}

/* end learning page */


/* workshop photos pages */

#photos_container td {
    padding: 0 12px 12px 0;
    text-align: center;
}

#photos_container.photos_43 td {
    padding: 0 24px 24px 0;
}

#photos_container.photos_43 td img {
    width: 180px;
    height: 135px;
}

#photos_container.photos_32 td img {
    max-width: 156px;
    max-height: 104px;
}

#photos_container td div {
    margin: 6px 0 8px 0;
    font-size: 90%;    
}

/* end workshop photos page */


/* state partners pages */

#partner_left {
    width: auto;
    overflow: hidden;
}

#partner_left > div {
    padding-bottom: 30px;
    border-right: 1px solid #CCC;
}

#partner_left.state_partner > div, #partner_left.sop > div {
    border-right: 0;
}

#partner_left.state_partner > div {
    margin-top: -14px;
}

#partner_left.main_col {
    width: 15%;
}

#partner_left > div {
    padding: 0 12px 0 0 !important;
}

#partner_right > div {
    padding: 0 6px 0 12px !important;
}

#state_partners_intro {
    max-width: 1000px;
}

.navcontainer ul {
    width: auto !important;
    margin-top: 8px !important;
}

.navcontainer ul > li {
    margin-top: 0 !important;
}

.partner_announcement {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

#file_submission_schedule {
    font-size: 90%;
}

#file_submission_schedule p {
    margin-top: -4px !important;
}

#file_submission_schedule ul {
    margin: -2px 0 18px 0 !important;
}

#file_submission_schedule li {
    margin-top: 2px !important;
}

#state_header h1 {
    margin-top: 10px;
}

#state_header h4 {
    margin: 2px 0 12px 0;
}

#state_partner_map {
    position: relative !important;
    width: 100%;
    margin: 0 auto;
    margin-top: 16px;
    padding-top: 4px;
}

#state_partner_list {
    width: 100%;
    margin-top: 20px;
}

#state_partner_list > table {
    margin: 0 auto;
}

#state_partner_list td {
    width: auto;
}

#state_partner_list ul {
    margin: 0 16px 0 16px;
    padding: 0;
    list-style-type: none;
}

.state_partners_column {
    float: left;
    width: 130px;
}

#dates_header {
    margin-top: 0;
    font-size: 11px;
}

#dates_header span {
    display: inline-block;
    width: 70px;
    margin-right: 8px;
    font-weight: bold;
}

#production_report_container {
    min-height: 700px;
}

#production_report {
    margin: 28px 0 0 0 !important;
    padding: 0 !important;
    border-left: 1px solid #094C93; 
    border-right: 1px solid #094C93; 
    list-style-type: none;
    overflow-x: auto;
}

#production_report li {
    margin: 0 !important;
    padding: 3px 0 3px 0;
    border-bottom: 1px solid #094C93; 
}

#production_report_header {
    padding: 3px 0 6px 0 !important;
    background-color: #094C93;
    color: #FFF;
    font-weight: bold;
}

#production_report_process_label, .row_label, #production_report_state_label {
    display: inline-block;
    width: 24%;
    max-width: 170px;
    padding-left: 4px;
    text-align: left;
}

.production_report_popup {
    position: absolute !important;
    padding: 16px;
    border: 1px solid #03579D;
    border-radius: 4px;
    background-color: #E6E9F0;
    z-index: 100 !important;
}

.process_label {
    float: left;
    font-weight: bold;
}

.process_description {
    float: left;
    margin-left: 8px;
}

#production_report_status_label, .row_status {
    display: inline-block;
    width: 46px !important;
    margin-top: 6px;
    text-align: center;
}

#production_report_quarter_label, .row_quarter {
    display: inline-block;
    width: 54px !important;
    margin-top: 6px;
    padding-right: 3%;
    text-align: center;
}

#production_report_date_label, .row_date {
    display: inline-block;
    width: 40% !important;
    padding-left: 12% !important;
    text-align: left;
}

#production_report_date_received_label, .row_date_received {
    display: inline-block;
    width: 100px !important;
    padding-left: 8% !important;
    text-align: left;
}

#production_report_date_shipped_label, .row_date_shipped {
    display: inline-block;
    width: 94px !important;
    padding-left: 4% !important;
    text-align: left;
}

.row_label, .row_quarter, .row_date, .row_date_received, .row_date_shipped {
    position: relative;
    top: -3px;
}

.row_label a {
    color: inherit;
}

#production_report_legend {
    width: 50%;
}

.legend {
    margin-top: 26px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #CCC;
}

.legend h5 {
    margin-top: 2px;
}

#production_report_legend ul {
    margin: -10px 0 0 0 !important;
    padding: 7px 0 4px 0;
    list-style-type: none;
}

#production_report_legend ul li {
    margin: 2px 0 2px 0;
}

.legend_circle {
    display: inline-block;
    width: 30px;
}

.legend_label {
    position: relative;
    display: inline-block;
    top: -4px;
}

#processes_list {
    border: 0;
}

th#process_name_header {
    width: 90px;
}

.process_name {
    font-weight: bold;
}

#partner_right {
    float: right;
    width: 320px;
}

#partner_right.state_info {
    float: right;
    width: 380px;
}

#partner_right.state_partner > div, #partner_right.sop > div {
    padding-bottom: 30px !important;
    border-left: 1px solid #CCC;
}

.sidebar_header {
    margin-bottom: 24px;
}

#logged_in_options {
    padding-top: 0 !important;
}

#partner_change_password_area {
    display: none;
    margin: 4px 0 10px -40px;
    padding: 28px 0 14px 8px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.partner_change_password_line {
    display: block;
    margin-bottom: 6px;
}

.partner_change_password_label {
    display: inline-block;
    width: 120px;
}

#partner_change_password_controls {
    margin-top: 16px;
}

#partner_change_password_msg_area {
    height: 12px;
    margin: 10px 0 2px -12px;
}

#partner_login {
    min-height: 150px;
}

#partner_login_area > .hi-lite > div {
    width: 100%;
}

.partner_login_line {
    margin-bottom: 16px;
}

.partner_input_label {
    display: inline-block;
    width: 90px;
}

#partner_login_p {
    width: 144px;
}

#partner_login_button, #partner_login_msg_area {
    display: inline-block;
}

#partner_login_msg_area {
    max-width: 186px;
    height: 30px;
    margin-left: 12px;
}

#partner_login_msg_area > .ajax_msg {
    margin: 0 !important;
}

#partner_login_msg {
    display: none;
}

#didyouknow > table {
    background-color: #FFF;
}

/* end state partners pages */