/* --------------------------------------------------------
** general appearance
** --------------------------------------------------------
*/

body {
	background: #000020;
	color: #a0c0ff;
	}
a {
	color: #9cc86c;
	}
button {
	border-color: #6060c0;
	background: #4080ff60;
	color: #a0a0ff;
	}
button:hover {
	background: #6060c0;
	color: #c0c0ff;;
	}


/* --------------------------------------------------------
** page header and fixed content
** --------------------------------------------------------
*/
header {
	}
.header_menu {
	}
.bg_with_gradient {
	background: radial-gradient(ellipse at center,
		rgba(255, 255, 255, 0.9) 0%,
		rgba(255, 255, 255, 0.7) 25%,
		rgba(255, 255, 255, 0.3) 35%,
		transparent 60%);
	}

/* --------------------------------------------------------
** page intro / main
** --------------------------------------------------------
*/

.intro_maintext {
	color: #000040;
	text-shadow: 0px 0.3rem 0.2rem #400040, 0px 0.6rem 0.2rem #602040;
	}
.intro_subtext {
	color: #4040a0;
	text-shadow: 0.1rem 0.1rem 0.1rem #8080f0, 0px 0.6rem 0.2rem #202060, 0px 1.2rem 0.2rem #000060;
	}


/* --------------------------------------------------------
** page content classes
** --------------------------------------------------------
*/
.filler_box_bg {
	background: #202060;
	}
.std_text_area > p {
	text-shadow: 0.05rem 0.05rem 0.1rem #000020;
	}


/* --------------------------------------------------------
** nooblib - generic and screens
** --------------------------------------------------------
*/
.n00_screen {
	}

.n00_widget_box {
	border: 0.1rem solid transparent;
	box-shadow: 0px 0px 0.2rem 0.05rem #8080ff;
	background: #000040c0;
	color: #a0c0f0;
	}

.n00_widget_box input, .n00_widget_box select {
	border-color: #8080ff;
	background: #201040;
	color: #a0a0ff;
	}
.n00_widget_box input:focus, .n00_widget_box select:focus {
	outline: 0.05rem solid #a0c0ff;
	}


/* --------------------------------------------------------
** nooblib - paco
** --------------------------------------------------------
*/

.n00_paco {
	border-color: transparent;
	box-shadow: 0px 0px 0.2rem 0.05rem #8080ff;
	background: #101040;
	color: #a0c0f0;
	}
.n00_paco_iconbox {
	}
.n00_paco_iconbox > div {
	color: #e0e0e0;
	}
.n00_paco_icon_msg  { background: #206020; }
.n00_paco_icon_warn { background: #a08020; }
.n00_paco_icon_err  { background: #a02020; }
.n00_paco_textbox {
	}
.n00_paco_inputbox {
	}
.n00_paco_inputbox > input {
	}
.n00_paco_buttons {
	}
.n00_paco_buttons > button {
	}


/* --------------------------------------------------------
** nooblib - styler
** --------------------------------------------------------
*/
.n00_style_select {
	}


/* --------------------------------------------------------
** nooblib - tabber menu
** --------------------------------------------------------
*/

.n00_tabs_selected, .n00_tabs_active, .n00_tabs_inactive {
	border-color: #6060c0;
	background: transparent;
	color: #8080ff;
	}
.n00_tabs_selected {
	box-shadow: 0rem 0rem 0.1rem 0.05rem #6060c0;
	background: #6060c0;
	color: #c0e0ff;
	}
.n00_tabs_active:hover {
	background: #4080ff60;
	color: #a0a0ff;
	}


/* --------------------------------------------------------
** nooblib - slider
** --------------------------------------------------------
*/
.n00_slidebar {
	background: linear-gradient(to bottom,
		transparent 0%,
		transparent 20%,
		#0040c0 45%,
		#a0a0ff 55%,
		transparent 80%,
		transparent 100%
		);
	}
.n00_slidemov {
	box-shadow: inset 0px 0px 0.4rem 0.1rem #c0c0ff;
	background: #a0a0ff40;
	}
.n00_slideval {
	background: #002040;
	}