/**
 * 20-base.css
 * 
 * - reset & basic defintions
**/
a, b, blockquote, body, div, em, fieldset, figure, h1, h2, h3, h4, h5, h6, i, iframe, img, input, li, 
label, legend, p, textarea, select, strong, table, td, th {
    margin: 0;
    padding: 0;
    outline: 0;
    line-height: 1.5;
    border: none;
    background: transparent;
    text-rendering: auto;
}

aside, article, dl, figure, figcaption, footer, header, hgroup, iframe, input, label, legend, nav, ol, p, section, select, textarea, ul {
    display: block;
}

html {
    font-size: 16px;
    overflow: hidden;
    overflow-y: scroll;
}

body, input, textarea, select {
    font-size: 100%;
    font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

blockquote, cite, q {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

pre {
    font-family: monospace;
    white-space: pre;
}

body {
    position: relative;
}

a {
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

a:active {
    background: none;
}

blockquote, em, cite, q {
    font-style: italic;
}

cite:before {
    content: '\201E';
}

cite:after {
    content: '\201D';
}

a:active, button:active {
    outline: none;
}

fieldset {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: lighter;
}

h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.5em; 
}

h3 {
    font-size: 1.375em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1.125em;
}

h6 {
    font-size: 1em;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

label[for]:hover {
    cursor: pointer;
}

ul, ol, dl, li {
    margin: 0;
}

ul, ol, dl {
    padding: 0 0 0 1.5em;
}

dd {
    margin: 0 0 0 1em;
}

b, strong {
    font-weight: bold;
}

textarea {
    resize: vertical;
}

nav ul {
    padding: 0;    
    list-style: none inside;
}

nav a,
nav a:hover,
nav a:focus,
nav a:active {
    text-decoration: none;
}

img {
    max-width:100%;
    height: auto;
    -ms-interpolation-mode: bicubic; /* IE7 */
    width: auto\9; /* IE8 */
}

figure a {
    display: block;
}

figure img {
    display: block;
    margin: 0;
}

figure figcaption {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    font-style: italic;
}

/* @todo: revise 
label, input, textarea, select {
    display: inline-block;
    border: none;
    width: 70%;
    vertical-align: top;
}
*/

label {
    width: 25%;
}

p, ul, ol, dl {
    margin: 0 0 1em;
}

ul ul, ol ul, ol ol {
    margin: .25em 0;
}


/**
 * tables
**/
table {
    width: 100%;
    border: 1px solid #EEE;
    border-collapse: collapse;
}

td, th {
    padding: .25em;
    border-bottom: 1px solid #E9E9E9;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    color: #555;
    font-weight: normal;    
}

thead tr {
    background: #F9F9F9;
}

thead th {
    font-weight: bold;
}

table.sortable thead th {
    cursor: pointer;
}

tbody tr {
    background: #F9F9F9;
}

tbody tr:nth-child(odd) {
    background: #F7F7F7;
}

tbody tr:hover {
    background: #FFF;
}

tfoot tr {
    background: #EEE;
}

tfoot td {
    color: #999;
    font-style: italic;
}


/**
 * form elements
**/
::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; } /*FF19+*/
:-moz-placeholder { color: #999; } /*FF18-*/
:-ms-input-placeholder { color: #999; }

legend { 
    width:100%;
    display:block;
    font-weight:bold;
    border:0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea{ width:100%;
          display:inline-block;
          padding:3px 6px;
          background:#fff;
          border:1px solid #ccc;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          border-radius:3px;
          -moz-box-shadow:inset 0 1px 1px #eee;
          -webkit-box-shadow:inset 0 1px 1px #eee;
          box-shadow:inset 0 1px 1px #eee;
          -moz-transition:all .15s linear;
          -webkit-transition:all .15s linear;
          -o-transition:all .15s linear;
          transition:all .15s linear;
          -moz-box-sizing:border-box;
          -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus{
    outline:0;
    background:#fcfcfc;
    border-color:#bbb;
}

input[type="file"] {
    cursor:pointer;
}

select,
input[type="file"] {
    display:block;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width:auto;
}

textarea,
select[multiple],
select[size] {
    height:auto;
}

input[type="radio"],
input[type="checkbox"] {
    margin:0 3px 0 0;
}

input[type="radio"],
input[type="checkbox"],
label { 
    vertical-align:middle;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background:#eee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background:transparent;
}

input[type="submit"],
.button{
    display:inline-block;
    padding:4px 15px 4px 14px;
    margin-bottom:0;
    text-align:center;
    vertical-align:middle;
    line-height: 1.5;
    font-size: 1em;
    color:#000;
    cursor:pointer;
    border:1px solid #ccc;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color:#ececec;
    background-image:-moz-linear-gradient(top,#fff,#ececec);
    background-image:-webkit-linear-gradient(top,#fff,#ececec);
    background-image:-ms-linear-gradient(top,#fff,#ececec);
    background-image:-o-linear-gradient(top,#fff,#ececec);
    background-image:linear-gradient(to bottom,#fff,#ececec);
    background-repeat:repeat-x;
    -moz-transition:background .15s linear;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear
}

input[type="submit"]:hover,
.button:hover {
    text-decoration:none;
    background-position:0 -15px!important
}

input[type="submit"]:active,
.button:active {
    background-color:#e6e6e6;
    background-position:0 -30px!important
}

input[type="submit"].blue,
.button.blue {
    background-color:#2f96b4;
    background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
    background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
    background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);
    background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
    background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);
    border-color:#2f96b4;
    color:#fff
}

input[type="submit"].blue:active,
.button.blue:active { 
    background-color:#2e95b3
}

input[type="submit"].green,
.button.green {
    background-color:#51a351;
    background-image:-moz-linear-gradient(top,#62c462,#51a351);
    background-image:-webkit-linear-gradient(top,#62c462,#51a351);
    background-image:-ms-linear-gradient(top,#62c462,#51a351);
    background-image:-o-linear-gradient(top,#62c462,#51a351);
    background-image:linear-gradient(to bottom,#62c462,#51a351);
    border-color:#51a351;
    color:#fff
}

input[type="submit"].green:active,
.button.green:active {
    background-color:#4f9f4f
}

input[type="submit"].orange,
.button.orange {
    background-color:#f89406;
    background-image:-moz-linear-gradient(top,#fbb450,#f89406);
    background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
    background-image:-ms-linear-gradient(top,#fbb450,#f89406);
    background-image:-o-linear-gradient(top,#fbb450,#f89406);
    background-image:linear-gradient(to bottom,#fbb450,#f89406);
    border-color:#f89406;
    color:#fff
}

input[type="submit"].orange:active,
.button.orange:active {
    background-color:#f28f04
}

input[type="submit"].red,
.button.red {
    background-color:#bd362f;
    background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
    background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
    background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);
    background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
    background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);
    border-color:#bd362f;
    color:#fff;
}

input[type="submit"].red:active,
.button.red:active {
    background-color:#be322b;
}

/**
 * globals
**/
#clear {
    height:0.1px;
    font-size:0.1px;
    line-height:0.1px;
    clear:both
}

.block {
    overflow: hidden;
}

.custom {
    display:block;
    text-align:left
}

.custom:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clear {
    clear: both;
    height: auto;    
    font-size: inherit;
    line-height: inherit;
}

.first {
    clear: both;
}

.invisible {
    width:0;
    height:0;
    left:-1000px;
    top:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline
}

.invisible,
.hide {
    display: none;
}

.show {
    display: block;
}

.inside {
    width: auto;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.inside:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    width: auto;
    overflow: hidden;
}

.pagination {
    clear: both;
    display: block;
}

.mod_breadcrumb ul,
.pagination ul {
    padding: 0;    
    list-style: none inside;    
}

.mod_breadcrumb li,
.pagination li {
    display: inline;
    display: inline-block;
}


/**
 * experimental
**/
embed {
    max-width: 100%;
}