/* CSS Document */

html,body {
	font-size:12px;
	font-family:Trebuchet MS, Tahoma, Sans-Serif;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}

body {
	background-color:#415281;
}

p {
	margin-top: 0px !important;
	margin-bottom: 10px;
}

.highlighter_base {
	text-align:justify;
	line-height:20px;
	background-image: url("images/highlighter_base.gif");
	background-repeat: repeat-y;
}
.highlight {
	background-color: #2E3A6B;
}
a:link, a:visited, a:active {
	color:#FFCC00;
	text-decoration:none;
}
a:hover {
	color:#FF9933;
	text-decoration:underline;
}
.notice {font-size: 14px}

input,textarea,select {
	margin:0;
	padding:8px 6px;
	width: 100% !important;
	background-color:#40528F;
	border:1px #AAAAFF solid;
	color:#EEEEFF;
	font-size:11px;
	font-family:Trebuchet MS, Tahoma, Sans-serif;
	box-sizing:border-box;
}
img {
	padding:0;
	margin:0;
	border:0;
}
.style3 {font-size: 24px}
.style5 {font-size: 11px}
.style9 {color: #A9B1D6; }
.footertext {color: #A9B1D6;}
.style12 {
	font-size: 16px;
	color: #A9B1D6;
}
.style13 {color: #A9B1D6}
.style14 {color: #A9B1D6}
.subheading {
	font-size:18px; 
	color:#CFD8EB; 
	width:100%; 
	border-bottom:1px #7887BD solid;}
table { font-size:11px; }

blockquote {
	background-color:#3d4b73;
	border:1px #2c3a62 dashed;
	margin:0px;
	padding:15px;
	font-size:13px;
	font-style: italic;
	color:#b0c6de;
	font-family:Arial, Sans-Serif;
}

.welcome-box {
    background: #2f3d6e;
    border: 1px solid #475589;
    padding: 10px;
    border-radius: 5px;
}
.welcome-text {
    color: #8f9bc9;
    font-size: 11px;
    line-height: 1.4;
}
.section-title {
    background: #2f3d6e;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #475589;
}
.updated-sites {
    background: #3a487e;
    padding: 10px;
    line-height: 20px;
}
.updated-sites a {
    color: #fff;
    text-decoration: none;
    padding: 2px 5px;
    margin: 2px;
    display: inline-block;
}
.updated-sites a:hover {
    background: #2E3A6B;
}
.news-box {
    margin-bottom: 15px;
	line-height: 1.5;
}
.shoutbox {
    background: #2E3A6B;
    padding: 10px;
}

.scene_browse {
	padding:15px;
	text-align:justify;
	line-height:20px;
}

.search-options {
	background-color: #2D3967;
	border-bottom: 1px solid #22315A;
}

.search-options input[type="checkbox"] {
	width: 20px !important;
}

.flex { display: flex; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-1 { flex: 1; }
.flex-2 { flex: 2; }
.flex-3 { flex: 3; }
.flex-4 { flex: 4; }
.flex-5 { flex: 5; }
.flex-6 { flex: 6; }
.flex-7 { flex: 7; }
.flex-8 { flex: 8; }
.flex-9 { flex: 9; }
.flex-10 { flex: 10; }
.gap-1 { gap: 5px; }
.gap-2 { gap: 10px; }
.gap-3 { gap: 15px; }
.gap-4 { gap: 20px; }
.gap-5 { gap: 25px; }
.gap-6 { gap: 30px; }
.gap-7 { gap: 35px; }
.gap-8 { gap: 40px; }
.gap-9 { gap: 45px; }
.gap-10 { gap: 50px; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }
.items-baseline { align-items: baseline; }
.justify-center { justify-content: center; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.p-0 { padding: 0px; }
.p-1 { padding: 5px; }
.p-2 { padding: 10px; }
.p-3 { padding: 15px; }
.p-4 { padding: 20px; }
.p-5 { padding: 25px; }
.pt-1 { padding-top: 5px; }
.pt-2 { padding-top: 10px; }
.pt-3 { padding-top: 15px; }
.pt-4 { padding-top: 20px; }
.pb-1 { padding-bottom: 5px; }
.pb-2 { padding-bottom: 10px; }
.pb-3 { padding-bottom: 15px; }
.pb-4 { padding-bottom: 20px; }
.pl-1 { padding-left: 5px; }
.pl-2 { padding-left: 10px; }
.pl-3 { padding-left: 15px; }
.pl-4 { padding-left: 20px; }
.pr-1 { padding-right: 5px; }
.pr-2 { padding-right: 10px; }
.pr-3 { padding-right: 15px; }
.pr-4 { padding-right: 20px; }
.px-1 { padding-left: 5px; padding-right: 5px; }
.px-2 { padding-left: 10px; padding-right: 10px; }
.px-3 { padding-left: 15px; padding-right: 15px; }
.px-4 { padding-left: 20px; padding-right: 20px; }
.py-1 { padding-top: 5px; padding-bottom: 5px; }
.py-2 { padding-top: 10px; padding-bottom: 10px; }
.py-3 { padding-top: 15px; padding-bottom: 15px; }
.py-4 { padding-top: 20px; padding-bottom: 20px; }
.pt-1 { padding-top: 5px; }
.pt-2 { padding-top: 10px; }
.pt-3 { padding-top: 15px; }
.pt-4 { padding-top: 20px; }
.pb-1 { padding-bottom: 5px; }
.pb-2 { padding-bottom: 10px; }
.pb-3 { padding-bottom: 15px; }
.pb-4 { padding-bottom: 20px; }
.pl-1 { padding-left: 5px; }
.pl-2 { padding-left: 10px; }
.pl-3 { padding-left: 15px; }
.pl-4 { padding-left: 20px; }
.pr-1 { padding-right: 5px; }
.pr-2 { padding-right: 10px; }
.pr-3 { padding-right: 15px; }
.pr-4 { padding-right: 20px; }
.p-10 { padding: 10px; }
.px-1 { padding-left: 5px; padding-right: 5px; }
.px-2 { padding-left: 10px; padding-right: 10px; }
.px-3 { padding-left: 15px; padding-right: 15px; }
.px-4 { padding-left: 20px; padding-right: 20px; }
.py-1 { padding-top: 5px; padding-bottom: 5px; }
.py-2 { padding-top: 10px; padding-bottom: 10px; }
.py-3 { padding-top: 15px; padding-bottom: 15px; }
.py-4 { padding-top: 20px; padding-bottom: 20px; }
.w-4 { width: 16px; }
.w-8 { width: 32px; }
.w-12 { width: 48px; }
.w-16 { width: 64px; }
.min-w-8 { min-width: 32px; }
.m-0 { margin: 0px; }
.m-1 { margin: 5px; }
.m-2 { margin: 10px; }
.m-3 { margin: 15px; }
.m-4 { margin: 20px; }
.m-5 { margin: 25px; }
.mt-1 { margin-top: 5px; }
.mt-2 { margin-top: 10px; }
.mt-3 { margin-top: 15px; }
.mt-4 { margin-top: 20px; }
.mb-1 { margin-bottom: 5px; }
.mb-2 { margin-bottom: 10px; }
.mb-3 { margin-bottom: 15px; }
.mb-4 { margin-bottom: 20px; }