@import url('ubuntu.css');
/* RESET */
* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
	font-family: 'Ubuntu';
	font-size:14px;
	color:#333;
	-webkit-text-size-adjust:none;
	 box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	line-height:1.75;
}
ol, ul {
	list-style: none;
}
li {
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
:focus {
	outline:none;
}
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
::-moz-focus-inner {
  border: 0;
}
:-ms-input-placeholder {  
   font-style: italic; 
}
/* END RESET */
/* GRAIL LAYOUT */
#grail {
	/* BREAKS JQUERY FADE, ADDS DISPLAY:BLOCK; */
	min-width:980px;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
#grail-main {
	background:#eee;
	padding:20px;
	flex: 1;
}
#grail-nav, #grail-ads {
	padding:5px 10px;
	background:#555;
	color:#fff;
	flex: 0 0 0;
}
#grail-nav a, #grail-ads a {
	white-space: nowrap;
	color:#fff;
	text-decoration:none;
}
#grail-nav a:hover {
	text-decoration:underline;
}
/* END GRAIL LAYOUT */
#header {
	background:#555;
	height:60px;
	display:flex;
	align-items:center;
}
#header #icon {
	display:flex;
	margin:0;
}
#header #icon img {
	width:15rem;
	margin-left: 14px;
}
#search {
	position:relative;
	margin-left:auto;
	margin-right:10px;
}
#search input {
	float:left;
	line-height:normal;
	font-size:14px;
	height:35px;
	width:300px;
	color:#000;
	background:#fff;
	padding:0 10px;
	border:1px solid #555;
}
#search button {
	height:35px;
	border:1px solid #333;
	background:#333;
	color:#fff;
	padding:0 10px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	float:left;
}
#search button:hover {
	border:1px solid #b31111;
	background-color:#b31111;
	color:#fff;
}
#search button:active {
	outline:0;
	border:1px solid #888;
	background-color:#888;
	color:#fff;
}
#results {
	position:absolute;
	display:none;
	background:#333;
	padding:10px;
	position: element(#search);
    transform: translateY(35px);
    z-index:99;
}
#results a {
	color:#fff;
	text-decoration:none;
}
#results a:hover {
	text-decoration:underline;
}
#footer {
	padding:10px 0;
	text-align:center;
	background:#eee;
}
#doc span[green] {
	display:inline-block;
	padding:0 5px;
	background:#e3ffe3 !important;
}
#doc span[blue]  {
	display:inline-block;
	padding:0 5px;
	background:#e0f5ff;
}
#doc span[red] {
	display:inline-block;
	padding:0 5px;
	background:#ffebe8;
}
#doc span[yellow] {
	display:inline-block;
	padding:0 5px;
	background:#ffffcc;
}
#doc ol {
   list-style-type: decimal; 
   list-style-position: inside; 
}
#doc ul {
	margin-top:5px;
}
#doc ul li {
	background: url('../img/bullet.svg') no-repeat left 10px;
    padding-left:15px;
}
#doc h1:first-of-type {
	margin-top:0;
}
#doc h1, #doc h2, #doc h3 {
	text-transform:uppercase;
	line-height:1;
	margin-top:20px;
}
#doc h2, #doc h3 {
        padding-top: 20px;
}
#doc h1 {
	font-size:24px;
}
#doc h2 {
	font-size:18px;
}
#doc {
	background:#fff;
	padding:20px;
	width:800px;
	margin:0 auto;
	border-radius:3px;
}
#doc h3 {
	font-size:16px;
}
#doc p {
	margin:10px 0
}

#doc table[wide] {
	width:100%;
}
#doc table {
	border-collapse: collapse;
	border:1px solid #333;
}
#doc table td[center] {
	text-align:center;
}
#doc table td {
	border:1px solid #333;
	padding:10px;
}
#doc table th {
	border:1px solid #333;
	padding:10px;
	background:#333;
	color:#fff;
}
#doc table tr[green] > td {
	background:#e3ffe3 !important;
}
#doc table tr[blue] > td {
	background:#e0f5ff;
}
#doc table tr[red] > td {
	background:#ffebe8;
}
#doc table tr[yellow] > td {
	background:#ffffcc;
}

#doc table.tabs {
    border-collapse:collapse;
    margin-bottom:20px;
    margin-top:20px;
    width:100%;
}
#doc table.tabs thead th{
	border:1px solid #555;
}
#doc table.tabs th, #doc table.tabs td {
	padding:8px 10px;
	line-height:1.5;
	border:1px solid #ddd;
}
#doc table.tabs thead tr th {
	background:#555;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
#doc table.tabs thead tr td {
	background:#fff;
	text-align:center;
	font-weight:normal;
}
#doc table.tabs tbody tr th {
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
	background:#eee;
	color:#000;
}
#doc table.tabs tbody tr td {
}
#doc note, #doc warn, #doc hint, #doc info, #doc pre {
	display:block;
	margin:10px 0;
	padding:10px;
	border-radius:3px;
	word-wrap:wrap !important;
}
#doc pre {
	background:#e3ffe3;
}
#doc note {
	border-left:3px solid dodgerblue;
	background-color:rgba(30,144,255,0.1);
	/* background:#e0f5ff; */
}
#doc warn {
	border-left:3px solid red;
	background-color:rgba(255,0,0,0.1);
	/* background:#ffebe8; */
}
#doc hint {
	border-left:3px solid orange;
	background-color:rgba(255,165,0,0.1);
	/* background:#ffffcc; */
}
#doc info {
	border-left:3px solid green;
	background-color:rgba(0,128,0,0.1);
	/* background: #e3ffe3 */
}
#tiles {
	overflow:auto;
	width:940px;
	margin:0 auto;
}
#tiles .tile {
	text-align:center;
	width:300px;
	height:180px;
	padding:20px 15px;
	float:left;
	background:#fff;
	margin-bottom:20px;
	border-radius:3px;
}
#tiles .tile h1 {
	font-size:22px;
}
#tiles .tile p {
	margin:10px 0;
}
#tiles .tile:nth-child(3n+2) {
	margin-left:20px;
	margin-right:20px;
}