/*  Ryukyu CSS library by Dan McKeown copyright May-July 2015 								*/
/*  http://danmckeown.info/code/ryukyu/												*/
/*  v0.2.4  								Licensed under MIT license 					    */

body {
	font-family: "San Francisco", "Roboto", "Lato", "Ubuntu", Helvetica, sans-serif, sans;
}

.il {
	display: inline-block;
}

.italics {
	font-style: italic;
}

.paddingleft10 {
	padding-left: 10px;
}

.paddingleft20 {
	padding-left: 20px;
}

.marginleft10 {
	margin-left: 20px;
}

.marginleft20 {
	margin-left: 20px;
}

.text-primary {
	color: blue;
}

.text-success {
	color: green;
}

.text-danger {
	color: red;
}

.btn {	
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 5px;
	padding-left: 5px;
	width: auto;
	display: inline-block;
	margin-bottom: 1px;
	margin-top: 2px;
}

.btn-default {
	border-radius: 10px;
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
}

.btn-primary {
	border-radius: 10px;
	border: 1px solid #AAAAAA;
	background-color: #33CCEE;
}

.btn-success {
	border-radius: 10px;
	border: 1px solid #AAAAAA;
	background-color: #66FFAA;
}

.btn-danger {
	border-radius: 10px;
	border: 1px solid #AAAAAA;
	background-color: #FF3366;
}

.btn-warning {
	border-radius: 10px;
	border: 1px solid #AAAAAA;
	background-color: #FFDD77;
}

.btn-info {
	border-radius: 10px;
	border: 1px solid #AAAAAA;
	background-color: #CCCCCC;
}

.jumbotron {
	border-radius: 3px;
	border: 2px solid #BBBBBB;
	background-color: #DDDDDD;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;
	width: auto;
	display: inline-block;
	margin-bottom: 2px;
}

.alert, .alert-warning {
	background-color: #FFF388;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	display: inline-block;
	max-width: 100%;
	height: auto;
	border-radius: 2px;
	border: 2px solid #FFF829;
	margin-bottom: 2px;
}

/* implements the Bootstrap 3 API grid system */
/* The Bootstrap 3 classes are like .col-md-1 */
/* also includes Foundation 5 grid classes */
/* The Foundation style is medium-1 */

.col-sm-1, .small-1 {
	max-width: 55px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-2, .small-2 {
	max-width: 110px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-3, .small-3 {
	max-width: 165px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-4, .small-4 {
	max-width: 220px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-5, .small-5 {
	max-width: 275px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-6, .small-6 {
	max-width: 330px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-7, .small-7 {
	max-width: 395px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-8, .small-8 {
	max-width: 450px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-9, .small-9 {
	max-width: 515px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-10, .small-10 {
	max-width: 570px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-11, .small-11 {
	max-width: 625px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-sm-12, .small-12 {
	max-width: 680px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-1, .medium-1 {
	max-width: 68px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-2, .medium-2 {
	max-width: 137px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-3, .medium-3 {
	max-width: 205px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-4, .medium-4 {
	max-width: 274px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-5, .medium-5 {
	max-width: 274px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-6, .medium-6 {
	max-width: 410px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-7, .medium-7 {
	max-width: 478px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-8, .medium-8 {
	max-width: 547px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-9, .medium-9 {
	max-width: 615px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-10, .medium-10 {
	max-width: 683px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-11, .medium-11 {
	max-width: 752px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-md-12, .medium-12 {
	max-width: 820px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-1, .large-1 {
	max-width: 75px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-2, .large-2 {
	max-width: 150px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-3, .large-3 {
	max-width: 225px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-4, .large-4 {
	max-width: 300px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-5, .large-5 {
	max-width: 375px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-6, .large-6 {
	max-width: 375px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-7, .large-7 {
	max-width: 450px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-8, .large-8 {
	max-width: 525px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-9, .large-9 {
	max-width: 700px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-10, .large-10 {
	max-width: 775px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-11, .large-11 {
	max-width: 850px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-lg-12, .large-12 {
	max-width: 925px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-1 {
	max-width: 50px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-2 {
	max-width: 100px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-3 {
	max-width: 150px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-4 {
	max-width: 200px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-5 {
	max-width: 250px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-6 {
	max-width: 300px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-7 {
	max-width: 350px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-8 {
	max-width: 400px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-9 {
	max-width: 450px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-10 {
	max-width: 500px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-11 {
	max-width: 550px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.col-xs-12 {
	max-width: 600px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

/* end of grid system */


/* responsive section */

@media screen and (max-width: 900px) {
	body {
        font-size: 18px;
    }
	li {
		padding-bottom: 6px;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6 .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	max-width: 100%;
	height: auto;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6 .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	max-width: 100%;
	height: auto;
	}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	max-width: 100%;
	height: auto;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	max-width: 100%;
	height: auto;
	}
	.small-1, .small-2, .small-3, .small-4, small-5, small-6 .small-7, .small-8, .small-9, .small-10, .small-11, .small-12 {
	max-width: 100%;
	height: auto;
	}
	.medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6 .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12 {
	max-width: 100%;
	height: auto;
	}
	.large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 {
	max-width: 100%;
	height: auto;
	}
	.rc-m-1, .rc-m-2, .rc-m-3, .rc-m-4, .rc-m-5, .rc-m-6, .rc-m-7, .rc-m-8, .rc-m-9, .rc-m-10, .rc-m-11, .rc-m-12 .rc-m-13 .rc-m-14 {
	width: 99%;
	height: auto;
	}
}

@media screen and (min-width: 901px) {
	body {
        font-size: 16px;
    }
}

a {
	text-decoration: none;
	color: #222226;
}

a:visited {
	text-decoration: none;
	color: #222255;
}

img {
	max-width: 100%;
	height: auto;
}

/* ENDOF responsive section */

table {
	border-style: dotted;
    border-width: 1px;
	border-color: #CCCCCC;
	max-width: 100%;
	height: auto;
	background-color: #EEEEEE;
}

td {
	border-style: solid;
    border-width: 1px;
	border-color: #DDDDDD;
	padding-left: 10px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Ryukyu custom grid system */
/* The Ryukyu-grid classes are like .rc-m-1 */

.r_container {
	display: flex;
 	-webkit-flex-flow: row wrap;
 	justify-content: space-around;
	flex-flow: row wrap;
}

.rc-m-1 {
	width: 70px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-2 {
	width: 140px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-3 {
	width: 210px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-4 {
	width: 280px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-5 {
	width: 350px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-6 {
	width: 420px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-7 {
	width: 490px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-8 {
	width: 560px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-9 {
	width: 630px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-10 {
	width: 700px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-11 {
	width: 770px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-11 {
	width: 840px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-12 {
	width: 910px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-13 {
	width: 980px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.rc-m-14 {
	width: 1050px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	margin-bottom: 2px;
	vertical-align: top;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}