﻿/*
==========================================
Global
==========================================
*/


hr {
    margin: 20px 0;
}

.page-link {
    padding: 0 2px;
}

.page-link.selected {
    font-weight: bold;
}

/* Catalyst Fire Start */

a.button, button[type="submit"].button {
    cursor: pointer;
    display: inline-block;
    padding: 3px 9px 3px 9px;
}

.contact-edit-button {
    float: right;
}

/* Inertia */
.form-icon
{
    display: inline-block;
    height: 16px;
    margin: 0 9px 0 10px;
    vertical-align: middle;
    width: 16px;
}

.async-loading
{
    background-image: url('../img/loader-small.gif');
}

.async-success
{
    background-image: url('../img/green-check.png');
}

.async-error
{
    background-image: url('../img/red-x.png');
}

.ac-panel {
    display: inline-block;
}

.ac-panel .ac-text-input {
    margin: 0;
}


/* Forms */
form
{
    margin: 0 auto;
}

.form-row
{
    margin: 10px 0 10px 0;
}

.form-submit-row
{
    margin: 15px 0 10px 0;
}

.form-row > label:first-child
{
    display: inline-block;
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

.form-submit-row > :first-child, .form-submit-row > button:nth-child(2)
{
    display: inline-block;
    margin: 0;
    width: 120px;
}

.form-submit-row > button:nth-child(2)
{
    margin-left: 5px;
}

.form-row > :nth-child(2), .form-row > :nth-child(3), .form-row > :nth-child(4)
{
    margin-left: 5px;
}

.form-row > :nth-child(2).mce-tinymce
{
    margin-left: 0;
}

.form-row > :nth-child(2)#Subject
{
    width: 68%;
}

#section-management .k-upload-button {
    width: 140px;
}

#section-management .k-filename {
    max-width: 90%;
}

#section-management .form-submit-row > span.form-status:nth-child(3) {
    vertical-align: middle;
}

.form-row div.field-validation-container {
    text-align: center;
}

.form-row span.field-validation-error
{
    background: #EE390D;
    border: 1px solid #C72D00;
    clear: both;
    color: white;
    display: inline-block;
    font-size: 11px;
    margin: 3px 3px 3px 3px;
    padding: 2px 7px;
}

.form-row span.field-validation-error a
{
    color: white;
    margin-left: 20px;
    text-decoration: underline;
}

.form-submit-row > span.form-status:nth-child(3)
{
    display: inline-block;
    vertical-align: top;
    width: 266px;
}


/* WebCMS artifacts */
/* TODO: info-spot */
span.info-spot
{
    display: none;
}

/*
==========================================
Shopping Cart Controller
==========================================
*/

#checkout-form { max-width: 750px; }

.checkout-content input {
    margin-top: auto !important;
}

.checkout-content select {
    margin-top: auto !important;
}

form select.credit-card-expiration {
    width: 60px;
    
}

.checkout-content input[type="text"].credit-card-verification {
    width: 25px;
}

.price-without-discount {
    text-decoration: line-through;
}

.price-with-discount {
    color: red;
}

/*
==========================================
Store Controller
==========================================
*/

/* General */

ul.publication-details li {
    list-style: disc inside none;
}

.product-image {
    height: 100px;
    max-width: 150px;
}

.store-page-section {
    margin: 30px 0;
}

/* Index */

#store-search input {
    width: 385px;
    border-color: black;
    background: white url('../img/bg_field_who-are-you.png');
}

/* Shopping Cart Preview */
.logged-in #nav-top #login #cart {
    margin: 5px 0 0 0;
}

.logged-out #nav-top #login #cart {
    margin: 10px 0 0 0;
}

#nav-top #login #cart .heading {
    margin: 0 0 0 0;
}

.shopping-cart-icon-small {
    max-height: 20px;
    max-width: 20px;
}

#cart .heading a {
    font-size: 11px;
    font-weight: normal;
}

#cart .button, #cart .button:hover {
    color: white;
    font-weight: normal;
}

.cart-preview-link {
    cursor: pointer;
}

.cart-preview-link h4 {
    color: #333;
}

.cart-preview-item {
    border: 2px ridge #d2d2d2;
    display: inline-block;
    height: 40px;
    padding: 2px;
    vertical-align: top;
    width: 145px;
    overflow: hidden;
    text-align: center;
}

/* ProductDetail */
/*
#main-product-image {
    height: 300px;
    max-width: 500px;
}
*/
        
#main .content ul.price-list {
    padding: 0 0 0 20px;
}

.add-to-cart-button {
    vertical-align: top;
}

.add-to-cart-icon
{
    display: inline-block;
    height: 16px;
    margin: 3px 9px 0 10px;
    vertical-align: top;
    width: 16px;
}

.add-to-cart-icon.loading
{
    background-image: url('../img/loader-small.gif');
}

.add-to-cart-icon.cart-success
{
    background-image: url('../img/green-check.png');
}

.add-to-cart-icon.error
{
    background-image: url('../img/red-x.png');
}

/* Autocomplete button icons */

.button-icon {
    background: top left no-repeat;
    background-size: 12px 12px;
    height: 12px;
    
    width: 12px;
}

.icon-briefcase {
    background-image: url('../img/briefcase.png');
}

/* Tipsy */
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding:8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-inner * { color: White }
.tipsy-arrow { position: absolute; background: url('../../Inertia/Content/images/icons/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

#logout-link {
    cursor: pointer;
}

#certificant-search-left {
    float: left;
    width: 48%;
}

#certificant-search-right {
    float: right;
    margin-bottom: 10px;
    width: 48%;
}

#certificant-search-by-individual-submit-container, #certificant-search-by-region-submit-container {
    float: right;
}

#certificant-search-result-list li {
    list-style: none !important;
}

#certificant-search-result-list li table {
    display: none;
    margin-bottom: 10px;
}

#certificant-search-result-list li.collapsed .certificant-search-result-toggle {
    background-image: url('../img/button_go.png');
}

#certificant-search-result-list li.expanded .certificant-search-result-toggle {
    background-image: url('../img/button_down.png');
}

.certificant-search-result-header-right {
    float: right;
}

.certificant-search-result {
    cursor: pointer;
    display: inline-block;
}

.certificant-search-result-toggle {
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
}

#checkout-terms-and-conditions {
    display: none;
}

.product-quantity {
    height: 11px;
    width: 20px;
}

.ac-edit-link {
    margin-left: 5px;
}

#nav-top #login #action-link.heading {
    margin-top: 10px;
}

#nav-top #login #header-register-link {
    display: inline-block;
    margin: 0px 5px;
}

.logged-in #login-welcome {
    height: 16px;
}

/* Credits View */

.credits-group {
    margin: 5px 0 5px 0;
}

.credits-group-header-left {
    cursor: pointer;
}

.credits-group-header-right {
    float: right;
}

.credits-group-toggle-image {
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.credits-group.collapsed .credits-group-toggle-image {
    background-image: url('../img/button_go.png');
}

.credits-group.expanded .credits-group-toggle-image {
    background-image: url('../img/button_down.png');
}

.credits-group-table {
    display: none;
    margin-top: 10px;
}

.credits-group-table th {
    border-bottom: 1px solid #D2D2D2;
    text-align: left;
}

.credits-group-table tr {
    /*
    border-bottom: 1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
        */
}

.credits-group-table td {
    border-top: 1px solid #D2D2D2;
}

.credits-group-table tr:last-child td {
    border-bottom: 1px solid #D2D2D2;
}


#point-descriptions {
    display: none;
}

#point-descriptions-table {
    border: 1px solid #D2D2D2;
}

#point-descriptions-table td, #point-descriptions-table th {
    border: 1px solid #D2D2D2;
    vertical-align: middle;
}

#point-descriptions table td:nth-child(3), #point-descriptions table td:nth-child(4) {
    text-align: center;
}

.publication-development-and-review {
    border: 1px solid #D2D2D2;
    height: 450px;
}

.publication-development-and-review td, .publication-development-and-review th {
    border: 1px solid #D2D2D2;
    text-align: center;
    vertical-align: middle;
}

.publication-development-and-review tr:nth-child(1) td:first-child, .publication-development-and-review tr:nth-child(4) td:first-child {
    font-weight: bold;
}

/* Manually set igrid table width */
div.igrid {
    width: 640px;
    max-width: 640px;
}


/* Product Flavor Links */
.product-flavor-link {
    text-decoration: underline;
    margin-left: 2px;
}
