/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/system.css);
@import url(../warp/systems/joomla/css/system.css);
@import url(system-all.css);


/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
   
  #system .items .leading .item {
    padding-bottom: 12px;
    margin-bottom: 18px;
  }

  #system .items > .width33 .title{
    font-size: 22px;
  }


/* Item List
----------------------------------------------------------------------------------------------------*/

  #system .item-list { border-top: 1px solid #ddd; }


/* Search
----------------------------------------------------------------------------------------------------*/

  #system span.highlight { background-color: #ffffaa; }


/* Submission form
----------------------------------------------------------------------------------------------------*/
  #system form.submission div.submit{text-align: right;}
  #system form.submission fieldset > div > label:first-child{width: 160px;}
  #system form.submission fieldset > div > textarea{width: 340px;}
  #system form.submission fieldset > div {overflow: visible;}
  #system form.submission.small fieldset > div {
  margin: 10px 0;
  }


  /*filters*/
  #system .filter{overflow: visible;}
  #system .filter > div{
    margin: 0 10px 10px 0;
  }


  /*pagination
  ----------------------------------------------------------------------------------------------------*/

  dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    padding: 0 0 0 5px;
    z-index: 50;
    clear:both;
  }

  div.content div.current{
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F1F2 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F1F2 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #F0F1F2 100% );
    padding: 0 20px;
    -webkit-box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px rgba(0,0,0,0.1);
            box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px rgba(0,0,0,0.1);
            border-color: #e0e0e0;
          border-style: solid;
          border-width: 0 1px 1px;
          width: auto; height: auto;
          clear: both;
           padding: 10px 10px;
  }

  dl.tabs dt {
      float: left;
      padding: 4px 10px;
      border-left: 1px solid #DBDBDB;
      border-right: 1px solid #DBDBDB;
      border-top: 1px solid #DBDBDB;
      margin-right: 3px;
      background: #f0f0f0;
      color: #666;
  }

  #system dt.tabs h3{
    margin: 0; padding: 10px;
    font-size: 20px 
  }

  dl.tabs dt.open {
      background: #FFFFFF;
      z-index: 100;
      color: #000;
      border-left: 1px solid #ECECEC;
      border-right: 1px solid #ECECEC;
      border-top: 1px solid #ECECEC;
  }

  div.current dd {
      padding: 10px;
      margin: 0;
  }

  dl#content-pane.tabs {
      margin: 1px 0 0 0;
  }

  .pagination li{
    margin-right: 5px
  }
  
  #article-index, 
  .article-index{
    padding: 0 20px 12px;
    border: 1px solid rgb(230, 230, 230);
    background: #FFF;
    margin: 0 0 15px 15px;
  }

  #content #article-index h3{
    font-size: 20px
  }