@import "../bower_components/pikaday/css/pikaday.css";
@import "login.css";

* {
	margin: 0; padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	background-color: #365674;
}

/*.clearboth {
	clear: both;
	height: 1%;
}*/

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

p {
	line-height: 2.0em;
	padding: .7em 0;
}

#content {
	line-height: 2.0em;
	background-color: #eaeaea;
	padding: 1.167em;
	color: #282B2E;
	font-size: 1.2em;
}

#left #catlist {
	float: left;
    clear: left;
	width: 23.12em;
	display: block;
}

#left #catlist ul {
	margin: 0.8em 1.4em 1.4em 0;
	/* border-top: 1px #C2C7CB solid; */
}

#left #catlist ul ul {
	margin: 0.65em 0 0;
	padding-left: 1.5em;
}

#left #catlist li {
	font-size: .80rem;
	list-style: none;
	border-bottom: 1px #C2C7CB solid;
	width: 100%;
	padding: .6em 0;
	font-weight: bold;
	line-height: 1.4em;
}

#left #catlist li ul li {
	font-size: .75rem;
	padding: .34em 0;
	border: none;
}

#left #catlist a:link,
#left #catlist a:visited {
	color: #3F4D5B;
}

#left #catlist li.active > a:link,
#left #catlist li.active > a:visited {
	color: #B4AF8F;
}

#left #catlist li.safety > a:link,
#left #catlist li.safety > a:visited {
	color: #CC543B;
}

#left #catlist li.active > a:link:before,
#left #catlist li.active > a:visited:before {
	content: '> ';
}

#content a:link, #content a:visited {
	color: #4486C9;
	text-decoration: none;
}

#content a:hover {
	color: #0080FF;
	text-decoration: underline;
}

#content ul {
	margin-left: 2.5em
}

#content a[target='_blank'] {
    padding-right: 12px;
}

#content a[target='_blank']::after {
    content: ' ';
    background-image: url('../images/link-target-blank-large.png');
    margin: 6px 0 0 3px;
    width: 8px;
    height: 7px;
    position: absolute;
}

h2 {
	font-size: 1.636em;
	color: #365674;
}

h3 {
	color: #365674;
}

#main {
	background-color: #FFFFFF;
	padding: 1.2em;
}

.sm-content {
	margin-left: 23.12em;
}

.alert {
	background-color: #FAF9EE;
	border: 1px solid #B4AF8F;
	margin: .8em 0;
	padding: .5em .5em .5em 1em;
}

.feedback {
	display: block;
	margin-left: .3em;
	color: #CC3333;
}

.required {
	color: #A63939;
}

#breadcrumbs {
	line-height: normal;
	margin: 0 0 1em -.12em;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	font-weight: bold;
	color: #B4AF8F;
	margin: 0 .12em;
}

#header {
	/*height: 8.7em;*/
}

#header h1 {
	color: #697a8a;
	float: right;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	font-weight: normal;
	margin: .375em .53em 0 0;
	padding: 0;
	text-transform: lowercase;
}

#header h1 .crew {
	font-weight: bold;
	color: #eae6cf;
	margin-right: -.2em;
}

#header h1 .access {
	font-weight: bold;
	color: #FFFFFF;
}

#usernav {
	color: #abb4bd;
	float: right;
	position: relative;
	clear: right;
	padding: 0;
	margin: .3em 1.1em -.1em 0;
	font-size: 1.1em;
}

#usernav a:link, #usernav a:visited {
	color: #abb4bd;
	text-decoration: none;
	margin: 0 .1em;
}

#usernav a:hover {
	text-decoration: underline;
}


#nav {
    display: inline-block;
	padding-top: 4.2em;
	margin-bottom: .5em;
}

#nav ul li {
	list-style: none;
	font-size: 1.5em;
	font-weight: bold;
	color: #9cadbe;
	display: inline;
}

#nav a:link, #nav a:visited {
	color: #d1d9e1;
	text-decoration: none;
	margin-left: .933em;
}



#nav ul li a {
	padding: .4em 1.067em .33em 1.067em;
	background-color: #486581;
}

#nav ul li a:hover {
	background-color: #637c95;
	color: #FFFFFF;
}

#nav li.selected a:link, #nav li.selected a:visited {
	background-color: #637c95;
	color: #eae6cf;
}

#nav li.selected a:hover {
	color: #FFFFFF;
}

#nav a[target='_blank'] {
    padding-right: 25px;
}

#nav a[target='_blank']::after {
    content: ' ';
    position: absolute;
    margin: 4px 0 0 4px;
    background-image: url('../images/link-target-blank-large.png');
    width: 8px;
    height: 7px;
}

#subnav ul {
	background-color: #8EA0B2;
	padding: .6em .4em .6em 2.3em;
	font-size: 1.28em;
	color: #FFFFFF;
}

#subnav li {
	display: inline;
}

#subnav a:link, #subnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 .1em;
}

#subnav a:hover {
	text-decoration: underline;
}

#subnav li:before {
    content: "| ";
    padding: 0 5px;
    color: #b4c0cc;
}

#subnav li:first-child:before {
    content: "";
    padding: 0;
}

.quicksearch {
    float: left;
    background-color: transparent;
    margin: 1.3em 0 .4em;
}

.quicksearch input {
    float: left;
    box-sizing: border-box;
    width: 17.6em;
    /*border: none;*/
    font-size: 1.0833em;
    background: none;
    border-color: #C2C7CB;
    padding: 1px .6em;
}

.quicksearch input:hover {
    border-color: #C2C7CB;
}

.quicksearch input::placeholder {
    color: #94a3b1;
    text-transform: uppercase;
}

.quicksearch input:focus {
    outline: none;
    background: #f2f2f2;
    border-color: #C2C7CB;
}

.quicksearch input:focus::placeholder {
    color: transparent;
}

.quicksearch button {
    background: transparent;
    float: left;
    fill: #94a3b1;
    padding: 0;
    width: 2.8em;
    height: 28px;
}

.quicksearch button:hover {
    background: none;
    fill: #6e7d8c;
}

.quicksearch button:focus {
    outline: none;
}

#footer {
	width: 100%;
}

#footer #copyright {
	font-size: 1.1em;
	padding: .9em 1.272em .2em;
	color: #c6ced7;
	float: left;
}

#footer #copyright a:link, #footer #copyright a:visited {
	color: #c6ced7;
}

#footer #copyright a:hover  {
	color: #FFFFFF;
}

#footer #authorship {
	text-align: right;
	font-size: 1.1em;
	padding: .9em 1.272em .2em;
	color: #8ea0b2;
}

#footer #authorship a:link, #footer #authorship a:visited {
	color: #8ea0b2;
}

#footer #authorship a:hover {
	color: #c6ced7;
}

fieldset {
	padding: .6em 1em;
	border: 1px #e3e3e3 solid;
	margin: .6em 0 1.2em 0;
	background-color: #fCfCfC;
}

fieldset legend {
	color: #365674;
	font-size: 1.2em;
	font-weight: bold;
}

fieldset p {
	padding: 0 0 1em 0;
}

label {
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	padding: .3em 0;
}

label span.hint {
	color: #818181;
	font-weight: normal;
	font-size: .9em;
	margin-left: .4em;
}

label.reset {
    font-weight: normal;
    font-size: 1em;
    display: inline-block;
    padding: 0;
}

input, textarea, select {
  border: 1px solid #BCBCBC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  background: #FFFFFF;
  line-height: 2.0em;
  padding: .3em .5em;
  color: #282B2E;
}

select {
	border-radius: 0;
	height: 2.3em;
	box-sizing: content-box;
}


input.title {
	font-size: 1.3em;
	color: #343C45;
	width: 81%;
}

textarea.descr {
	height: 18em;
	width: 98%;
}

textarea.notes {
	width: 93%;
    max-width: 600px;
    height: 150px
}
textarea.emails {
	width: 93%;
    max-width: 600px;
    height: 90px
}

input:hover, textarea:hover, select:hover {
  border: 1px solid #4486C9;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #000000;
}

button {
    background: #365674;
    border: none;
    padding: 8px 20px;
    color: #FFF;
    font-size: 1.1em;
}

button.minor {
	font-size: .95em;
	background: #8197AB;
	padding-left: 10px;
	padding-right: 10px;
}

button:hover {
	cursor: pointer;
	background: #496886;
}



#manual-hdr, #manual-files {
	display: block;
	background-color: #DDE2E8;
	border-bottom: 1px #8EA0B2 solid;
	padding: .8em .8em .6em .8em;
}

#manual-hdr p {
	float: right;
	font-size: .9em;
	line-height: normal;
	text-align: right;
	margin-top: -3.1em;
	color: #6D7983;
}

#manual-files {
	margin-top: 1em;
	position: relative;
}

#manual-files h3 {
	margin: -1.49em .25em .6em 0;
	padding-top: 0;
}

table {
	width: 100%;
	margin-top: 1.3em;
}

table td {
	background-color: #f8f8f8;
	padding: .6em;
}

table th {
	background-color: #DDE2E8;
	border-bottom: 1px #8EA0B2 solid;
	padding: .25em .6em;
	text-align: left;
	font-size: 1.1em;
	color: #637c95;
}

table.manual-list .updated-hdr {
	text-align: right;
}

table.manual-list .status .new {
	font-size: .8em;
	color: #00CC33;
	text-transform: uppercase;
	font-weight: bold;
}

table.manual-list .status .updated {
	font-size: .8em;
	color: #A63939;
	text-transform: uppercase;
	font-weight: bold;
}

table.manual-list .status {
	width: 4em;
	text-align: center;
}

table.manual-list td.title {
	font-size: .9em;
	background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHjSURBVDjLdZO/alVBEMZ/5+TemxAbFUUskqAoSOJNp4KC4AsoPoGFIHY+gA+jiJXaKIiChbETtBYLUbSMRf6Aydndmfks9kRjvHdhGVh2fvN9uzONJK7fe7Ai6algA3FZCAmQqEF/dnihpK1v7x7dPw0woF64Izg3Xl5s1n9uIe0lQYUFCtjc+sVuEqHBKfpVAXB1vLzQXFtdYPHkGFUCoahVo1Y/fnie+bkBV27c5R8A0pHxyhKvPn5hY2MHRQAQeyokFGJze4cuZfav3gLNYDTg7Pklzpw4ijtIQYRwFx6BhdjtCk+erU0CCPfg+/o2o3ZI13WUlLGo58YMg+GIY4dmCWkCAAgPzAspJW5ePFPlV3VI4uHbz5S5IQfy/yooHngxzFser30iFcNcuAVGw3A0Ilt91IkAsyCXQg5QO0szHEIrogkiguwN2acCoJhjnZGKYx4Ujz5WOA2YD1BMU+BBSYVUvNpxkXuIuWgbsOxTHrG3UHIFWIhsgXtQQpTizNBS5jXZQkhkcywZqQQlAjdRwiml7wU5xWLaL1AvZa8WIjALzIRZ7YVWDW5CiIj48Z8F2pYLl1ZR0+AuzEX0UX035mxIkLq0dhDw5vXL97fr5O3rfwQHJhPx4uuH57f2AL8BfPrVlrs6xwsAAAAASUVORK5CYII=) left no-repeat;
	background-position: .7em;
	padding-left: 3.2em;
}

table.manual-list .title strong {
	font-size: 1.3em;
	font-weight: bold;
	margin-right: .2em;
}

table.manual-list .date {
	text-align: right;
	width: 8.5em;
}

table.manual-list .media td.title {
    background-image: none;
    padding-left: 3.2em;
}
table.manual-list .media td.title a {
    font-size: 1.2em;
}
table.manual-list .media td.filesize {
    text-align: right;
}

#manual-subcat h4,
.categories-heading {
	font-weight: normal;
	padding: 1em 0 .5em 0;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #637c95;
}

#manual-subcat ul {
	font-weight: bold;
	list-style-type: square;
	color: #637c95;
}

#manual-files td {
	background-color: #E9EDF1;
	text-align: center;
}

#manual-files h4 {
	font-size: 1em;
	padding: 0;
}

#manual-files .expired td,
#manual-files .expired h4 {
    color: #637c95;
}

#manual-files .expired-label {
    color: #637c95;
    display: block;
    margin-bottom: -4px;
}

#manual-files .descr {
	color: #637c95;
	padding: 0;
	font-size: .97em;
}

#manual-files .title {
	text-align: left;
}

#manual-files table {
	margin-top: 0;
}

#manual-files th {
	border: none;
	font-size: 1em;
	text-align: center;
	padding: 0 .6em;
}

h3 {
	padding-top: .8em;
}

ul#subnav-users {
	padding-left: 12.2em;
}

/* category permission styles */

dl.radiolist {
	padding-bottom: 5px;
}

dl.radiolist dt {
	font-weight: bold;
	float: left;
	width: 180px;
	padding-bottom: 5px;
}

dl.radiolist dd {
	padding-bottom: 5px;
}

.radiolist label,
table.access label {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	padding: 0 30px 0 5px;
}

table.access td.permission,
#main table.access th.permission {
	text-align: center;
}

#main table tr:hover td {
	background-color: #f0f0f0;
}
#manual-files table tr:hover td {
	background-color: #e9edf1;
}

small {
	color: #777;
	font-size: .9em;
}
.text-grey {
	color: #777;
}

.hide {
	display: none;
}

.flag {
	background: #a63939;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	margin: 0 6px;
	padding: 1px 5px;
}
.flag-note {
	display: block;
	margin: 5px 0;
	color: #a63939;
}
.flag-note .flag {
	margin-left: 0;
}

ul#adminUserList {
	margin-left: 0;
}

ul#adminUserList li {
	list-style: none;
	font-weight: bold;
	line-height: 2.6em;
	overflow: auto;
}

ul#adminUserList li button.remove {
	float: left;
	padding: 6px 7px;
	margin: 3px 1.2em 0 0;
	font-size: .85em;
}

.fields-inline:after {
	content: "";
	display: table;
	clear: both;
}

.fields-inline input,
.fields-inline select,
.fields-inline button {
	float: left;
	margin-right: 5px;
}

#content .category-results {
    list-style: none;
    font-size: 1.1em;
    line-height: 2.2;
    margin: .5em 0 1.5em;
    overflow: auto;
}

#content .category-results ul {
    list-style: none;
    margin: 0;
}

#content .category-results li {
    clear: left;
}

#content .category-results li li {
    float: left;
    clear: none;
}

#content .category-results li li:first-child {
    font-weight: bold;
}

#content .category-results li li:after {
    content: '>';
    font-weight: normal;
    color: #777;
    padding: 0 .6em 0 .7em;
}
#content .category-results li li:last-child:after {
    content: '';
    padding: 0;
}

hr {
    border: none;
    background: #637c95;
    height: 1px;
    margin: 1.5em 0;
}

.inline-block {
    display: inline-block;
}