@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body {background: #e0e0e0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #555; line-height: 21px; margin: 0;}

header {position: fixed; top: 0; left: 0; right: 0; height: 20px; padding: 13px; background: #002143; border-bottom: 1px solid #797979; z-index: 1000;}
header h1 {font-size: 20px; line-height: 20px; color: #fff;}

header .loggedin {float: right; color: #fff; line-height: 20px;}
header i {color: #fff; display: none !important; float: right; margin: 0 10px 0 0; font-size: 20px;}
a {color: #61809e; text-decoration: none;}
label {line-height: 30px;}

#page-container {background: #fff; position: fixed; left: 250px; right: 0; top: 47px; bottom: 0;}

nav#menu {float: left; width: 250px; padding: 0; margin: 0; position: fixed; top: 47px;}
nav#menu ul {list-style-type: none; padding: 0; margin: 0;}
nav#menu ul li {border-bottom: 1px solid #797979; padding: 0; line-height: 40px; background: #002143;}
nav#menu ul li a {padding: 0 20px; display: block;}
nav#menu ul li ul {display: none; background: #002143;}
nav#menu ul li.active ul {display: block;}
nav#menu ul li ul li {border-top: 1px solid #797979; border-bottom: 0; font-size: 11px; padding: 0; line-height: 30px;}
nav#menu ul li.active a {background: #004283 url('../img/arrow.png') no-repeat right center;}
nav#menu ul li.active ul li.active a {background: #004283;}
nav#menu ul li.active ul li a {background: transparent;}
nav#menu ul li ul li a {padding: 0 0 0 47px;}
nav#menu a, header a {color: #fff;}

section#content {position: absolute; top: 47px; left: 250px; right: 0; padding: 20px;}
table {border-collapse: collapse;}
table thead {background: #002143; color: #fff;}
tr.inactive {color: #cecece;}
td {padding: 4px; border: 1px solid #cecece;}
td.name {}
td.description {width: 40%;}
td.category {width: 30%;}
td.action, td.index {width: 5%;}
.sortable tbody tr td.index {cursor: move;}

nav#menu [class^="icon-"], nav#menu [class*=" icon-"] {color: #cecece; margin-right: 10px;}
h1 {color: #000; margin: 0 0 10px 0;}

img.preview {max-width: 100px; margin: 0 10px 0 0;}

.formitem {margin-bottom: 3px; position: relative; line-height: 30px;}

label {display: inline-block; width: 20%; vertical-align: top; margin-bottom: 3px;}
input, textarea, select {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin-bottom: 3px;}
input[type="text"], textarea, input[type="password"] {width: 70%; padding: 4px; border: 1px solid #cecece;}
input[type="number"] {width: 20%; padding: 4px; border: 1px solid #cecece;}
textarea {height: 63px;}
select {padding: 4px; border: 1px solid #cecece; margin: 0 0 3px 0;}
input[type="submit"] {background: #002143; border: 1px solid #cecece; color: #fff; padding: 4px 20px; margin: 21px 0 0 0;}
select.filter {float: right;}
input.filter {width: 300px; float: right;}
input[type="file"] {vertical-align: top;}

.checkboxblock {display: inline-block; width: 70%;}

aside#notificationbar {height: 40px; width: 100%; background: #002143; color: #fff; line-height: 40px; border-top: 1px solid #cecece; text-align: center; display: none; position: fixed; bottom: 0;}

form#login {position: absolute; top: 50%; left: 50%; background: #002143; color: #fff; padding: 20px; width: 300px; margin: -175px 0 0 -171px; border: 1px solid #797979; border-radius: 5px;} 
form#login h1 {color: #fff;}
form#login label {display: block; width: 100%;}
form#login input[type="text"], form#login input[type="password"] {width: 290px; margin: 0 0 10px 0;}

#autocomplete {position: absolute; top: 30px; left: 20%; width: 70%; padding: 4px; list-style-type: none; z-index: 1000; background: #fff; margin: 0; line-height: 42px; border: 1px solid #cecece;}
#autocomplete li {height: 42px; line-height: 42px; margin-bottom: 2px; cursor: pointer;}
#autocomplete img {width: 33px; height: 42px; margin: 0 5px 0 0; padding: 0; float: left;}

.raptor-editing-inline p {margin: 0 0 21px 0;}
.raptor-editing-inline a {color: #61809e !important;}

.hidden {display: none;}

ul.items {list-style-type: none; padding: 0; display: inline-block; width: 70%; margin: 0;}
ul.items li {padding:0 0 20px 0;}
ul.items li input {width: 40%; margin: 0 10px 0 0;}