/* 
    Created on : 14.8.2014, 22:55:
    Author     : Nenad Jovanovski
*/
/* DEFAULTS */
* { 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    box-sizing:border-box; 
}
html { 
    font-size: 100%; 
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}
body, html, div, ul, li, input { margin:0; padding:0; font:normal normal 500 12px/18px Arial, sans-serif;  }
a:focus { outline: thin dotted; }
a:hover { text-decoration:underline; outline: 0; }
a:active { outline: 0; }
ul { list-style: none;}
li { vertical-align: top; }

b, strong { font-weight: bold; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top; }
pre { word-wrap: break-word; font:normal normal 500 14px/18px Arial, sans-serif; color: #666;  }
svg:not(:root) { overflow: hidden; }
form { margin: 0; }
button, input, select, textarea { 
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input { line-height: normal; }
table { border-collapse: collapse; border-spacing: 0; }
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* LAYOUT */
.clear { clear: both; }
.row {
    width: 100%;
    clear: both;
    float: left;
}
.fullheight { height: 100%; }
.fullwidth { width: 100%; float: left; }
.block-90 { width: 90%; float: left; }
.block-80 { width: 80%; float: left; }
.block-70 { width: 70%; float: left; }
.block-60 { width: 60%; float: left; }
.block-50 { width: 50%; float: left; }
.block-40 { width: 40%; float: left; }
.block-30 { width: 30%; float: left; }
.block-20 { width: 20%; float: left; }
.block-10 { width: 10%; float: left; }

.text-right { text-align: right; }
.text-center { text-align: center; }
.align-left { float: left; }
.align-right { float: right; }

/* ELEMENTS */
button, .btn {
    background: rgb(37, 139, 255);
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-bottom: 2px solid rgb(0, 73, 169);
    cursor: pointer;
    font: normal bold 12px/18px Arial, sans-serif;    
    position: relative;
    outline: none;
    display: inline-block;
    text-decoration: none;
}
button:hover, .btn:hover {
    background: rgb(11, 125, 255);
    text-decoration: none;
}
button:active, .btn:active {
    border-bottom: none;
    top: 2px;
    outline: none;
}