/**
 * $JA#COPYRIGHT$
 */

// --------------------------------------------------
// CORE ELEMENTS
// --------------------------------------------------

//
// Scaffolding
// --------------------------------------------------

html {
}

body {
}

// Reset fonts for relevant elements
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}


// Links
// --------------------------------------------------
a {
  color: @link-color;
  text-decoration: none;

  &:hover,
  &:focus {
    color: @link-hover-color;
    text-decoration: none;
    outline: none;
  }

  &:focus {
    .tab-focus();
    outline: none;
  }
}


// Images
// --------------------------------------------------
img {
  vertical-align: middle;
}

// Responsive images (ensure images don't scale beyond their parents)
.img-responsive {
}

// Rounded corners
.img-rounded {
}

// Image thumbnails
.img-thumbnail {
}

// Perfect circle
.img-circle {
}


// Horizontal rules
hr {
}



//
// TABLES
// -------------------------------------------------------
table {
  background-color: @table-bg;
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  line-height: @line-height-computed;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
} 

td {
  border-top: 1px solid @table-border-color;
}

tr td {
}

th {
  background: @gray-dark;
  color: @gray-lighter;
  font-weight: bold;
}

th td {
}

th a {
  color: @gray-lighter;
  // Link states
  &:hover, &:focus, &:active {
    color: @white;
  }
}

.cat-list-row0,
.cat-list-row1,
tr.cat-list-row0 td,
tr.cat-list-row1 td {
}

.cat-list-row0:hover,
.cat-list-row1:hover {
  background: @table-bg-hover;
}

.cat-list-row1,
tr.cat-list-row1 td {
  background: @table-bg-accent;
}

table.contentpane,
table.tablelist,
table.category,
table.admintable,
table.blog {
  width: 100%;
}

table.contentpaneopen {
  border: 0;
}



// 
// MISC
// --------------------------------------------------
.star {
  color: @red;
}

.red {
  color: @red;
}

// Wrap Element
.wrap {
  width: auto;
  clear: both;
}

// Center
.center,
.table td.center,
.table th.center {
  text-align: center;
}