ray_css_head{
theme:rayngap origin;
path:/rayngap_origin;
version:0.1;
}

.ray_bod_bod_01{
font-size:0.9rem;
color:rgb(255, 128, 0);
font-family:Verdana, sans-serif;
background-image:url("/ray_content/media/repo/ray/basics/struc01.jpg");
background-repeat:repeat;
margin:0px;
}

p {
margin: 0px;
padding: 0px;
}

pre {
margin: 0px;
padding: 0px 0px 3px 0px;
color: #564b47;
font-size: 12px;
background-color:transparent;
font-family: Courier, Monospace;
}

h1 {
font-size:14px;
margin:0px;
padding:1px;
text-transform:uppercase;
}

h2 {
font-size:15px;
margin:0px;
padding:0px;
text-transform:uppercase;
}

h3 {
font-size:18px;
margin:0px;
padding:4px;
text-transform:uppercase;
}

h4 {
font-weight: bold;
margin:0px;
padding:2px 2px 2px 4px;
}

.ray_cop_elm_01{
color:rgba(28,28,28,1);
background-color:rgba(73,73,73,0.8);
box-shadow:0px 0px 1.5px 1px rgba(255,128,0,0.5);
}

.ray_cop_hed_01{
font-weight:700;
margin:0px;
color:rgba(255,128,0,1);
background-color:rgba(18,18,18,1);
padding:0.3em;
}

.ray_cop_bod_01{
padding:0.2em;
color:rgba(255,128,0,1);
}
/***************************************** menu design type 2, standard for menus *************************************/
.ray_men_elm_00{
position:relative;
}
.ray_men_anc_00{
display:inline-block;
cursor:pointer;
white-space: nowrap;
}
.ray_men_bod_00{
}
.ray_men_ent_00{
display:block;
white-space: nowrap;
}
.ray_men_int_00{
display:block;
cursor:default;
white-space: nowrap;
}
.ray_men_elm_01{
color:rgba(255,128,0,1);
}
.ray_men_elm_01:hover{
background-color:rgba(73,73,73,0.8);
}
.ray_men_anc_01{
padding:0.3em;
}
.ray_men_anc_01:hover{
background-color:rgba(182,182,191,0.5);
color:rgba(244,189,0,1);
}
.ray_men_bod_01{
box-shadow:0px 0px 1.5px 1px rgba(255,128,0,0.5);
background-color:rgba(73,73,73,0.85);
}
.ray_men_ent_01{
text-decoration:none;
color:rgba(255,128,0,1);
padding-left:0.2em;
padding-bottom:0.1em;
padding-right:0.2em;
}
.ray_men_ent_01:hover{
background-color:rgba(182,182,182,0.5);
color:rgba(244,189,0,1);
}
.ray_men_int_01{
padding-left:0.2em;
padding-bottom:0.1em;
padding-right:0.2em;
color:rgba(225,0,113,1);
}
/******************************** controls, designable ********************************/
.ray_button_00{
display: inline-block;
text-indent:2px;
cursor:pointer;
}
.ray_button_01{
padding:3px;
color:#1C1C1C;
background-color:darkorange;
text-decoration:none;
}
.ray_button_01:visited{
background-color:darkorange;
}
.ray_button_01:hover{
background-color:#ffba66;
}
.ray_button_01:active{
background-color:#b26200;
}
.ray_rsp_bar_00{
text-indent:2px;
cursor:pointer;
}
.ray_rsp_bar_01{
color:#1C1C1C;
background-color:darkorange;
text-decoration:none;
}
.ray_rsp_bar_01:visited{
background-color:darkorange;
}
.ray_rsp_bar_01:hover{
background-color:#ffba66;
}
.ray_rsp_bar_01:active{
background-color:#b26200;
}
/******************************** standard table design ********************************/
table, th, td {
	border-collapse:collapse;
}
th {
	text-align: left;
	background-color:#BBBBBB;
}
th, td {
	padding: 3px;
}

.ray_tab1 {
	border-top:1px solid;
	border-left:none;
	border-right:none;
	border-color:#DDDDDD;
}

/******************************** specific definitions ********************************/
.ray_padin {
	box-sizing:border-box;
	padding:5px;
}

.ray_backcol1 {
	background-color:#dfdde1;
}

.ray_texcol1 {
color:#ff8000;
}

.ray_texcol2 {
	color: darkorange;
}

.ray_texcol3 {
	color: #1C1C1C;
}

.ray_backcol2 {
	background-color:#1C1C1C;
}

.ray_backcol3 {												/*alternative backgroundcolor of content-area, in use for overlays atm*/
	background-color:#E9E7EA;
}

.ray_bodercol1{
	border-color:#BBBBBB;
}

.ray_bordercol2{
	border-color:#BBBBBB;
}

.ray_bordercol3{
	border-color:#BBBBBB;
}

.ray_backboxcol01 {										/*color of the dimming-effect of overlays*/
	background-color:#030303;
}

.ray_border {
	border: 1px solid darkorange;
}

.ray_borderstrip {
	border-top: 1px solid darkorange;
	border-bottom: 1px solid darkorange;
}

.ray_shadow {
	box-shadow: 0px 0px 5px 1px #1C1C1C;
}

.ray_shadowin {
	box-shadow: 0px 0px 5px 1px #1C1C1C inset;
}

.ray_shadowstrip {
	box-shadow: 0px 3px 3px 0px darkorange;
}

.ray_rounded {
	border-radius: 4px;
}

.ray_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ray_hover1:hover {
cursor:pointer;
/*background-color:#DADADA;*/
}

.ray_hover2:hover {
	box-shadow: 0px 0px 1px 0px #505050;
	background-color:#DDDDDD;
}

/******************** standard field marking to visualize (failure, highlight etc.) ***********************/
.ray_field_mark {
	outline-style:solid;
	outline-width:2px;
	outline-color:red;
}

.ray_field_mark2 {
	outline-style:groove;
	outline-width:1px;
	outline-color:#DDDDDD;
}

/**************************************** link design type 1  *******************************************/
a.ray_link01 {
	text-decoration: none;
}
a.ray_link01:link    { color:#a16100; }
a.ray_link01:visited { color:#a16100; }
a.ray_link01:hover   { color:#e38900; }
a.ray_link01:active  { color:#e38900; }

/***************************************** side menu design type 1 *************************************/
a.ray_menu01 {
	display:block;
	padding:3px;
	text-indent:2px;
}

a.ray_menu01:link    { color:#1C1C1C; background-color:darkorange; text-decoration:none }
a.ray_menu01:visited { color:#1C1C1C; background-color:darkorange; text-decoration:none }
a.ray_menu01:hover   { color:#1C1C1C; background-color:#ffba66; text-decoration:none }
a.ray_menu01:active  { color:#1C1C1C; background-color:#b26200; text-decoration:none }

/*************************** styling of content **********************************************************/
.ray_contarea_head {
	background-color:#B7B3BB;
	padding:3px;
}

.ray_contarea_cont {
	background-color:#dfdde1;
	padding:3px;
}

/******************************** button design type 1 ********************************/
.ray_button01 {
	display: inline-block;
	padding:4px;
	text-indent:2px;
	color:#1C1C1C;
	background-color:darkorange;
	text-decoration:none;
	cursor:pointer;
}
.ray_button01:visited { color:#1C1C1C; background-color:darkorange; text-decoration:none }
.ray_button01:hover   { color:#1C1C1C; background-color:#ffba66; text-decoration:none }
.ray_button01:active  { color:#1C1C1C; background-color:#b26200; text-decoration:none }

/******************************** input field design type 1 ********************************/
.ray_input01 {
	background-color:#F5F5F5;
	padding:1px;
	border-width:1px;
	border-style:solid;
	border-color:#CACACA;
}
.ray_input01:focus {
	box-shadow: 0px 0px 1px 0px #1C1C1C inset;
}

/************************************** tooltip popup ******************************************/
.ray_tip {
	position: fixed;
	display: block;
	pointer-events: none;
	background:#FF8C00;
	background: linear-gradient(#FFD29B, #FF8C00);
	color:#1C1C1C;
	padding:2px 3px 2px 3px;
  max-width: 300px;
  text-decoration: none;
  /*z-index:-20;*/
  box-shadow:0px 0px 1px 0px #1C1C1C;
	opacity:0;
  transition: opacity 0.8s ease;
  transition-delay: 0.4s;
}
.ray_tip_hover {
	/*z-index:20;*/
  opacity:0.8;
}