/************************************************** P A N E L S ******************************/

.clearfloat {
    clear: both;
}
                .panel_head2, .panel_footer {
    background-color: #EFEFEF;
    border-color: #D5D5D3;
    color: #005580;
}

.panel_head2 {
    background-color: #EFEFEF;
    border-color: #D5D5D3;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #005580;
    xfont-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 6px 11px 2px 14px;
    width: auto;
}
                
                .panel_body, .ticket_row, .passwd_info, .panel_628_share, .panel_footer {
    background-color: #FFFFFF;
    border-color: #D5D5D3;
    xcolor: #000000;
}

.panel_head2, .panel_footer {
    background-color: #EFEFEF;
    border-color: #D5D5D3;
    color: #005580;
}
.panel_footer {
    border-color: #D5D5D3;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #000000;
    padding: 5px 10px 6px;
    width: auto;
}


panel_body, .ticket_row, .passwd_info, .panel_628_share, .panel_footer {
    background-color: #FFFFFF;
    border-color: #D5D5D3;
    color: #000000;
}

.panel_body {
    background-color: #FFFFFF;
    border-color: #D5D5D3;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px;
    min-height: 0;
    padding: 13px 14px;
    xwidth: auto;
    xword-wrap: break-word;
}

.panel_body .dataTable
{
        line-height: 1.6em;
        table-layout: fixed;
        width: 100%;


}


.panel_628, .panel_280, .panel_247 
{
    font-family: Tahoma,Verdana,Arial,Helvetica;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 3px #CCCCCC;
    margin-bottom: 26px;
    width: 199%;
}

.panel_628 {
    clear: both;
    xwidth: 628px;
    width: 100%;
    max-width: 1100px; /* dbForms ! */

}

.panel_max {
    clear: both;
    width: 99%;
}

.panel_247 
{
    xmargin-top: 20px;
    clear: both;
    max-width: 247px;
}

.panel_628 {
    xmin-width: 600px;
}

.panel_247 {
    min-width: 200px;
}
 

.panel_628 .dataTable
{
    margin-top: 25px;
}



/***********************************S H O P P I N G  C A R T ******************************/


article.shoppingcart 
{
    width: 800px;
    margin: 10px;
}

article.shoppingcart td.quantity input 
{
    width: 30px;
}

article.shoppingcart td.price input
{
    width: 80px;
}

article.shoppingcart .dataTable td.description, article.shoppingcart .dataTable td.price, article.shoppingcart .dataTable td.quantity, article.shoppingcart .dataTable th.quantity

{
    padding: 8px 5px 7px;
}

.panel_head2 {
    background-color: #EFEFEF;
    border-color: #D5D5D3;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #005580;
    font-weight: 500;
    line-height: 22px;
    padding: 6px 11px 2px 14px;
    width: auto;
}

.cstmTbl th, .dataTable th {
    background: url("/modules/oasis.AS3Widgets/content/images/smoothness/bg_tab.gif") repeat-x scroll left top #EEEEEE;
    border-color: #D6D6D6;
    color: #212121;
    font-size: 12px;
    font-weight: normal;
    padding: 14px 21px 10px;
    vertical-align: middle;
}

.cstmTbl td, .cstmTbl th, .dataTable td, .dataTable th {
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    padding: 8px 21px 7px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}


article.shoppingcart .cstmTbl, .dataTable 
{
    margin-bottom: 5px;
}
article.shoppingcart .grandTotal, article.shoppingcart .discountsTotal
{
    width:86%;
    text-align: right;
}

article.shoppingcart .grandTotal span
{
    xmaragin: 0px;
}

article.shoppingcart p
{
    margin: 2px;
}

article.shoppingcart div.footer 
{
    margin: 10px 0;
}

article.shoppingcart p.buttons
{
    text-align: right;
}

article.shoppingcart button {
    white-space: normal !important;
}

.promo input 
{
    width: 110px;
}

span.subtotal
{
    width: 70px;
    display:inline; /* Mar 13 2025*/
}

article.shoppingcart div.carterror
{
        color: #FF3300;       
        padding:  8px 40px 8px 15px;
    border: 1px solid #fff;
    xmax-width: 400px;
    
    border-color: #D5D5D3;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    box-shadow: 0 3px 3px #CCCCCC;
    margin: 5px;
}

a.cart-continue {
    padding: 20px;
    font-weight: bold;
}








/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    article.shoppingcart {
        width: 100%;
    }


    /* Force cart table to not be like tables anymore */
    .shoppingcart table, .shoppingcart thead, .shoppingcart tbody, .shoppingcart th, .shoppingcart td, .shoppingcart tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
    .shoppingcart thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .shoppingcart tr {
        border: 1px solid #ccc;
    }

    .shoppingcart td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .shoppingcart td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}