/* NORMALIZE */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-family: Ubuntu, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
article, footer, header, main, menu, nav, section {display: block;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
b, strong {font-weight: bold;}
h1 {font-size: 2em; margin: 0.67em 0;}
img {border: 0px;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
select {text-transform: none;}
input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
html input[disabled] {cursor: default;}
input::-moz-focus-inner {border: 0px; padding: 0px;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}

article, header, main, footer {position: relative;}

article {max-width: 100%; margin: 0 auto; overflow: hidden; height: 100%;}
header, footer {background: #444444; color: #c0c0c0; height: 100px; border-bottom: 5px solid #f24d00;}

nav>ul, main {padding: 0px 50px 0px 50px !important;}

nav>ul {display: table; position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; list-style: none; height: 100%;}
nav>ul>li {display: table-cell; position: relative; text-align: center; height: 100%; margin: 0px; padding: 0px;}
nav>ul>li>a:link, nav>ul>li>a:visited {position: relative; display: block; height: 100%; line-height: 100px; color: #ffffff; text-decoration: none; text-align: center; padding: 0px 20px 0px 20px;}
nav>ul>li:hover>a, nav>ul>li>a:hover, nav>ul>li>a:active, nav>ul>li>a.on {color: #ffffff; background-color: #f24d00;}
nav>ul>li:hover>ul.submenu {display: block; margin: 0px; padding: 0px;}

/* Sub-menu */
.submenu {display: none; position: absolute; margin: 0px; padding: 0px; list-style: none; width: 250px; top: 100px; left: 0px; border: 1px solid #444444; background-color: #2f3337; z-index: 1000;}
.submenu>li {position: relative; display: block; clear: left; margin: 0px; padding: 0px; border: 0px;}
.submenu>li>a, .submenu>li>a:link, .submenu>li a:visited {display: block; text-align: left; padding: 0px 0px 0px 25px; margin:0px; border:none; position:relative; color: #c0c0c0; text-transform: none; height: 40px; line-height: 40px; border-bottom: 1px solid #444444;}
.submenu>li:hover>a, .submenu>li>a:active, .submenu>li>a:hover {color: #f24d00;}

main {min-height: 300px;}
footer {border-bottom: 5px solid #f24d00; height: 100px; line-height: 100px; text-align: center; margin-top: 50px;}

/* COMMON STYLES */
.radius {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px;}
.cleaner {clear: both; height: 1px; font-size: 1px; border: none; margin: 0px; padding: 0px; background: transparent;}
.ctr {text-align: center;}
::selection {background:#f24d00; color:#ffffff; text-shadow: none;}

h1 {font-size: 2em; font-weight: normal; color: #444444; margin: 0px; padding: 20px 0px;}

a {color: #f24d00; text-decoration: none;}
a:hover {color: #c44000;}
input, select, textarea {font-size: 1em; padding: 15px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border: 1px solid #e8e8e8; background-color: #f5f5f5; color: #5f5f5f;}
input:focus, textarea:focus, select:focus {box-shadow: 0 0 15px #c44000; background-color: #ffffff !important; color: #000000;}
input[type=radio] {margin-right: 5px;}
input.error, select.error, textarea.error {background-color: #ffe1e1;}
form {margin-left: 10px;}

a.btn, input.btn, button.btn {position: relative; display: inline-block; height: 2.5em; line-height: 2.5em; font-size: 1em; font-weight: bold; padding: 0px 20px 0px 20px; background: #f24d00; border: 1px solid #f24d00; color: #ffffff; text-decoration: none; text-transform: uppercase; text-align: center; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;}
a.btn:hover, input.btn:hover, button.btn:hover {background: #c44000; border: 1px solid #c44000; cursor: pointer;}
a.btn div, button.btn span {display: inline-block; width: 20px; height: 20px; position: absolute; top: 0px; bottom: 0px; margin: auto; left: 20px;}

table {width: 100%;}
table tr td, table tr th {padding: 10px; border: 1px solid #e8e8e8;}
table tr th {background-color: #444444; color: #ffffff;}
table tr:nth-of-type(2n+2) {background-color: #f5f5f5;}
table input {width: 100%; color: #c0c0c0;}
table th a {display: inline; width: auto;}
table div.count {float: right;}

/* ERRORS */
div.error {margin-bottom: 30px;}
div.err_error, div.err_warning, div.err_notice {line-height: 35px; font-weight: normal; margin-bottom: 3px; padding-left: 10px;}
div.err_error b, div.err_warning b, div.err_notice b {color: #000000;}
div.err_error {background: #fff6f3; color: #cd0a0a; border: 1px solid #cd0a0a;}
div.err_warning {background: #fff6f3; color: #cd0a0a; border: 1px solid #fbb058;}
div.err_notice {background: #fdfbf4; color: #000000; border: 1px solid #fcefa1;}