/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @version     $Revision: 1.12 $
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Default"
 * @section     TicketDetails
 */

@media screen,projection,tv,handheld {

/**
* @subsection  TicketInfo
*/
    #TicketInfo div.Clear {
        line-height: 0px;
    }

/**
 * @subsection  Article table body
 */
    #ArticleTableBody {
        position: relative;
        overflow: hidden;
        border-bottom: none;
        cursor:    pointer;
        font-size: 11px;
    }

  .FixedHeader .From div, .FixedHeader .Subject div, .FixedHeader .Type div, .FixedHeader td.Created a {
    height: 20px;
  }

  .ui-tabs {
    position: relative;
    padding:  0.2em;
    zoom:     1;
  }
  .ui-tabs .ui-tabs-nav {
    margin:  0;
    padding: 0.2em 0.2em 0;
  }
  .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float:      left;
    position:   relative;
    top:        1px;
    margin:     0 0.2em 1px 0;
    padding:    0;
    font-size:  12px;
    white-space:   nowrap;
    border-bottom: 0 !important;
  }
  .ui-tabs .ui-tabs-nav li a {
    float:           left;
    padding:         0.2em 1em;
    text-decoration: none;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom:  0;
    padding-bottom: 1px;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
  }
  .ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
  }
  .ui-tabs .ui-tabs-panel {
    display:      block;
    border-width: 0;
    padding:      0.8em 0.2em;
    background:   none;
  }
  .ui-tabs .ui-tabs-hide {
    display: none !important;
  }

/**
 * @subsection  Article tree
 */
    #ArticleTree {
        margin-top: 0px;
    }

    .FlagIcon {
        font-size: 13px;
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin: -2px 0px 0px 0px;
    }

    span.ImportantArticles {
        float: left;
        margin: -2px 0px 0px 0px;
    }

/*
* System article types
*/
    .ActionRow .Actions li, .LightRow .Actions li {
        background: none;
    }

    .ActionRow .Actions li a, .LightRow .Actions li a, .Actions li.Inactive a:hover {
        border-top: 1px solid #dddddd;
        border-right: 1px solid #aaaaaa;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #cccccc;
        padding: 4px !important;
        margin: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.46);
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.46);
        box-shadow: 0 1px 0 rgba(0,0,0,0.46);

    }

    .LightRow .Actions li span {
        padding: 4px !important;
    }

    .ActionRow .Actions li a:hover, .LightRow .Actions li a:hover {
        border-top: 1px solid #dddddd;
        border-right: 1px solid #aaaaaa;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #cccccc;
    }

    .ProcessAction {
        background: none;
        border: 0px;
        border-bottom: 1px solid #C6C5C4;
        padding-bottom: 5px;
    }

    #CustomerInfo .ItemRow {
        margin-left: 10px;
    }

    #ScratchPadNotes {
        width:  97%;
    }

    .ui-tabs-panel .MainBox {
        padding: 0px;
    }

    .LightRow .Spacing {
       margin: 5px;
    }

} /* end @media */