/* 
    Document   : foodworks.jquery-ui
    Created on : 20 Feb 2015, 10:24:25 AM
    Author     : ZakS
    Description:
        Purpose of the stylesheet follows.
*/

/*** OVERRIDE jquery-ui.min.css ***/

#content .ui-widget
{
    font-family: Roboto-Medium;
    font-size: smaller;
}

#content .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
{
    font-family: Roboto-Medium;
    font-size: 1em;
}

#content .ui-widget-content
{
    background: none;
    border: none;
}

#content .ui-widget-content > div
{
    background: #f8f7f7;
}

#content .ui-widget-header
{
    background: none;
    border: none;
    color: #222;
    font-weight: bold;
}

#content .ui-state-default, #content .ui-widget-content .ui-state-default, #content .ui-widget-header .ui-state-default {
    border: none;
    background: #7d8465;
    color: #ffffff;
    font-family: Roboto-Bold;
    font-size: 14px;
    font-weight: normal;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #ffffff;
    text-decoration:none;
}

#content .ui-state-active, #content .ui-widget-content .ui-state-active, #content .ui-widget-header .ui-state-active
{
    font-family: Roboto-Bold;
    background: #ffffff;
    border: none;
    color: #777465;
    font-size: 14px;
}

#content .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited
{
    color: #7d8465;
    background-color: #f8f7f7;
}

#content ul > li:not(.ui-state-active):hover
{
    border: none;
    background: #8b9274;
    font-weight: normal;
}

#content .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl
{
    border-top-left-radius: 0px;
}
#content .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr
{
    border-top-right-radius: 0px;
}
#content .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl
{
    border-bottom-left-radius: 0px;
}
#content .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br
{
    border-bottom-right-radius: 0px;
}

/*** Override jquery-ui.structure.min.css ***/

.ui-widget-overlay {
    bacjground: #000;
    opacity: 0.5;
}

#content .ui-tabs {
    padding: 0;
}

#content .ui-tabs .ui-tabs-nav {
    padding: 0;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom:0px;
    padding-bottom:0px;

}

#content .ui-helper-reset {
    font-family: Roboto-Medium;
    font-size: 12px;
}

#content .ui-tabs .ui-tabs-panel {
    padding: 20px 5px 10px 5px;
}


/** POPUP STYLING **/

.ui-dialog .ui-widget-header {
    background: #3e7bb0 !important;
    color: white;
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-state-hover, .ui-widget-content .ui-state-hover {
    background: #31618b;
    color: #FFF;
}

.ui-widget-content {
    background: #f8f7f7;
    font-family: Roboto-Medium;
    color: #3f7cb1;
}

.ui-corner-all {
    border-radius: 0px;
}

/* Switch factory */

#user_feedback table:not(.upload-table) tr > td {
    padding-right: 10px;
}

#user_feedback table:not(.upload-table) > tbody > tr > td.dataRight {
    text-align: right;
    padding-right: 0px;
}

#user_feedback > table:not(.upload-table) > thead > tr > :first-child {
    padding-left: 26px;
    text-align: left;
    width: 104px; 
}

#user_feedback > table:not(.upload-table) > thead > tr > :last-child {
    text-align: left;
}

#user_feedback > table:not(.upload-table) > tbody > tr > :nth-child(2) {
    width: 104px;
}

/* Import product summary */

#user_feedback > ul table > tbody {
    font-family: Roboto-Light;
}

#user_feedback > ul {
    text-decoration: underline;
} 

#user_feedback > li {
    list-style-type: none;
}

/* product cost comparison */

#user_feedback table tr.popupRow > td,
#user_feedback table tr.totalRow > td{
    padding-left: 10px;
}