/*
  Theme Name: Cosmonomy (En)
  Author: Cosmonomy
  Primary structure around of the 1024px. (Not the top and bottom borders)
*/
/* Reset */
html {
margin:0;
padding:0;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, embed, output, summary, time, mark { 
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
tbody, tfoot, thead  {
margin: 0;
padding: 0;
border: inherit;
}
small { /* The date is affected (displayed on top with script) */
margin: 0;
padding: 0;
font-size: 80%;
}
/* Remove default margin and padding */
* {

padding: 0;
}
img { 
border:0;
/* margin:0; */
}
/* reset limitedly the tables. There are a variety of tables, even as layout */
table { border-color: #f0f0f0;
box-sizing: border-box;
zoom: 1;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block;
}
audio[controls], canvas, video { display:inline-block; }
/* end of the reset */
/* fonts with selectors */
.sans-serif { font-family:Arial, Ubuntu, Tahoma, "Trebuchet MS", "Microsoft Sans Serif", Roboto, "Helvetica Neue", sans-serif; }
.serif { font-family:"Times New Roman", Times, Libertine, Gautami, Constantia, Cambria, Georgia, serif; }
.monospace { font-family:Monaco, "Courier New", monospace; }
#background {
	position:fixed;
	_position:absolute; /* target IE6 only */
	top:1px;
	left:0;
	width:100%;
	height:110%;
	background-image:url("shared/bg-page-1024.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	z-index:-1; }
body {
	margin: 0 3px;
	padding: 0; 
	background-color: #FFBD44;
	line-height: 1; /* reset body line-height */
}
button, input, select, textarea {
	font-family:Arial, Tahoma, sans-serif;
	color:#404040;
}
a {
  background-color:transparent;
  color:#000fff; /* #000080; #0000ee; #6D0D6D; #481248; */
  text-decoration:none; }

a:visited {
 color:#6D0D6D; /* #600080; #481248; */ }
 
a:hover {
  color:#0000aa;
  background-color:#ffffaa;
  font-weight:normal;
  text-decoration:none; }
  
a:focus { outline:thin dotted; color:#222222; }
  
a:active { color:#ff0000; }
  
a img { border:0 none; }

h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#222222;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:20px;
}
h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:10px;
	margin-right:10px;
	font-weight:normal;
	font-size:22px; /* 22px/16px = 1.375em */
	color:#000000;
	line-height:1.25em;
	font-family:"Times New Roman", Cambria, Georgia, serif;		
	text-indent:0 !important;
	text-align:center;
}
#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;
	font-size:20px;	
	color:#000000;
	line-height:0.9em;
	font-family:"Times New Roman", Cambria, Georgia, serif;	
	text-indent:0;
	text-align:center;		
	letter-spacing:0;
	margin-top:0; margin-bottom:0;
}
h2 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:40px; 
	margin-right:40px;
	font-size:19px; /* 19px/16px - font-size:20px; 20px/16px = 1.25em */
	line-height:1.4em;
}
h3 {
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:40px; 
	margin-right:40px;
	font-size:18px; /* 18px/16px = 1.125em */
	line-height:1.4em;
}
h4 {
	margin-top:1.25em;
	margin-bottom:1.25em;
	margin-left:40px;
	margin-right:40px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.4em;
}
h5 {
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 16px/16px = 1.0em */
	line-height:1.4em;
}
h6 {
	margin-left:40px;
	margin-right:40px;
	font-weight:700;
	font-size:14px; /* 14px/16px = .875em */	
}

.top-row-in {/* of some tables in black margin */
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	font-size:18px;
	color:#AAAADD;
	line-height:1.0em;
	font-family:Arial, Ubuntu, "Arial Unicode MS", Calibri, sans-serif;
	letter-spacing:5px;		
	text-align:center;
	text-indent:0;
	text-transform:none;
	margin-top:0; 
	margin-bottom:0;
	white-space:normal;
	word-spacing:0;
	-webkit-text-stroke-width:0;	
	padding:0;
	background-color:transparent;
}
.total {/* entirely of the page, in whole and externally */
	background-color:transparent;
	margin:0 auto;
	width:95%;
	max-width:860px;
	margin-top:3px;
	margin-bottom:3px;
}
.topline {
	background-color:transparent;
	margin:0 auto;
	
	width:100%;
}
.title {	/* equally to the internal-page and other fields */
	background-color:#ffffff;
	background-image:url("shared/bg_c2.jpg");
	margin:0 auto;
	width:94%;
	max-width:800px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.black-margin {/* externally around of the white page */
	background-color:#000000;
	background-image:url("shared/bg_curve.jpg");
	margin:0 auto;
	width:95%;
	max-width:860px;
	padding-left:0;
	padding-right:0;
	border-right:1px solid #fff9dd;	
	border-bottom:1px solid #fff9dd;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px 20px 20px 20px; /* Level 3 CSS */
}
.internal-page {/* white page */
	background:#ffffff;
	margin:0 auto;
	width:94%;
	max-width:800px;
	padding-left:0;
	padding-right:0;
	padding-top:1px;
	padding-bottom:10px;
	border-left:0 solid #f0f0f0;
	border-right:1px solid #dddddd;	
	border-bottom:1px solid #dddddd;
}
.internal-page a, .margin-control a { 
	background-color:#eeeeff !important;
	color:#0000ee;
	text-decoration:underline;
	margin:2px 8px; padding:2px 0; }
.internal-page a:visited, .margin-control a:visited {
	color:#bd0000; /* #ff5050 */}
.internal-page a:hover, .margin-control a:hover {
	background-color:#ffeeee !important;
	color:#ff0000 !important;
	font-weight:normal;
	text-decoration:none; }
.internal-top-row {
	width:94%;
	max-width:800px;
	padding:0;
	border:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:inline-block;
	background-color:transparent; 
	background-image:url('shared/bg-waves-op.jpg');
}
.top-row-separated {/* if a line-bar is upwards from white pages and in black margin */
	font-weight:700;
	font-size:16px;
	color:#123456;	
	line-height:1.0em;
	font-family:Arial, Ubuntu, Calibri, sans-serif;
	text-align:center;
	letter-spacing:0;
	padding:0;
	margin-top:0; margin-bottom:0;
}
.internal-field {/* internal table with rounded corners */
	width:94%;
	max-width:800px;
	padding:0;
	border:0;
	background-color:#ffffff;
	/* background-image:url("shared/bg-waves-op.jpg"); */
}
.margin-control-ext {/* of the divided margin-control */
	padding:0;
	border:0;
}
.margin-control {/* inside the white page */
	width:92%;
	background-color:#ffffff;
	padding-bottom:1px;
	padding-top:4px;
	margin-left:0;
	margin-right:0;
	border-left:0 solid #EEEEEE;
	border-right:0 solid #DDDDDD;
	border-top:0 solid #FFF9DD;
	border-bottom:0 solid #FFF9DD;
}
.margin-control p {
	font-weight:normal;
	font-size:17px; /* 17px/16px = 1.0625em */
	color:#161632; /* or #111111; #001224; #122436; #122448; #161632; #163248; */
	line-height:1.8em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, "Helvetica Neue", sans-serif;
	/* text-align:justify; */
	text-indent:20px;
	margin-left:50px; 
	margin-right:50px;
	margin-top:6px; 
	margin-bottom:6px;
	/* word-break:break-all; */
	hyphens:auto;
}
.p-control {/* without margin control or other margins */
	font-style:normal;
	font-weight:normal;
	font-size:17px;
	color:#161632;	
	line-height:1.8em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, "Helvetica Neue", sans-serif;
	text-align:justify;
	text-indent:20px;
	margin-left:60px; 
	margin-right:60px;
	margin-top:6px;
	margin-bottom:6px;
	widows:1;
	word-spacing:0;
}
.p-control-in {/* within margin control and some tables */
	font-style:normal;
	font-size:16px;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */	
	line-height:1.8em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:25px !important;
	margin-right:25px !important;
	margin-top:10px;
	margin-bottom:10px;
}
.p-control-in2 {/* within margin control and some tables */
	font-size:15px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.6em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
	margin-bottom:10px;
}
.margin-control-2 {/* of the white page if the font is serif */
	width:90%; 
	background-color:#ffffff; 
	padding-bottom:1px; 
	padding-top:0; 
	margin-left:0; 
	margin-right:0; 
}
.margin-control-2 p {
	font-weight:normal;
	font-size:18px !important;
	color:#001224; /* or #001224; #122448; #161632; #163248; */	
	line-height:1.6em;
	font-family:"Times New Roman", Gautami, Cambria, Garamond, libertine, serif;
	text-align:justify;
	text-indent:20px;
	margin-left:30px; 
	margin-right:30px;
	margin-top:10px; 
	margin-bottom:10px;	
	hyphens:auto;
}
.black-margin-in {/* black margin in the internal field */
	background-color:#000000;
	background-image:url("shared/fontostar-.gif");
	margin:0 auto;
	width:99%;
	border:0px;
	border-collapse:collapse;
	border-spacing:0;
	/* border-right:1px solid #fff9dd;	
	border-bottom:1px solid #fff9dd;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px 25px 25px 25px; */
}
.footnote, .footnote p {
	font-size:15px !important;
	color:#aaaaaa; /* #c0c0c0; #808080; */
	line-height:1.5em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:40px; 
	margin-right:40px;
	margin-top:3px;
	margin-bottom:3px;
	hyphens:auto;
}
#back-next {/* buttons to the end under of a white page or black margin */
margin:0 auto;
width:100%;
padding-bottom:20px;
font-size:18px;
font-weight:500;
color:#000080;
}
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;	
	font-size:17px;
	font-weight:600;
	color:#333399; /* #333399 if the text-shadow no */
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	/* text-shadow:0 0 0 #000000; #000000 if color is light */	
	background-color:transparent; /* #ffffff */
}
.cosmo-txt {/* low under of the internal page */
	padding:10px;
	padding-left:9px;
	padding-right:9px;
	background:#ffffff;
	margin:0 auto;
	width:720px;	
	font-weight:normal;
	font-size:17px;
	line-height:150%;	
	color:#333399;
	font-family:"Times New Roman", Georgia, serif;
	text-align:justify;
}
.cosmo-txt p {
	margin:0 15px;
}
.res-image {
	max-width:100%;
	
}
.responsive-table {
	width:90%;
}
#key-txt { /* a few keywords inside the bottom-row-center-sep, top-row-center-sep */
font-weight:700;
color:#cccccc; /* #AAAACC, #ffd700, #FFD900 */
font-size:18px; 
line-height:0.9em;
font-family:"Times New Roman", Cambria, serif;
margin-top:0; 
margin-bottom:0;
text-align:center; 
vertical-align:middle; 
padding-top:3px;
letter-spacing:1px; 
}

/* A responsive layout at the top of the home page - Create a row */
div.row {
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
}
/* Create two equal columns that floats next to each other */
.column1 {
  float: left;
  width: 40%;
  padding: 1px;
  margin-top: 3px;
  box-sizing: border-box; /* Level 3 CSS */
}
.column2 {
  float: right;
  width: 60%;
  padding: 1px;
  margin-top: 3px;
  box-sizing: border-box; /* Level 3 CSS */
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* End of the responsive layout. This div is continued in 768px media query */
/* container-bottom = The finish of many pages with images and a message
-------------------------------------------------------------- */
.container-bottom {
background-color:#ffffff;
width:99%;
max-width:1024px;
height:180px;
margin:0 auto;
padding-bottom:3px;
}
.bottom-common-msg {
background-color:#f5f5f5; /* #f9f9f9; */
width:99%;
max-width:1024px;
padding-top:3px;
padding-bottom:3px;
margin:0 auto;
}
.bottom-common-msg p {
text-indent:0; 
text-align:justify; 
margin-left:15px; 
margin-right:60px; 
margin-top:0; 
margin-bottom:0; 
font-weight:400;
font-size:16px;
color:#000080;
line-height:1.5em;
font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
}
.bottom-common-msg2 {
background-color:#564812; /* #5F4D2E; */
width:99%;
max-width:1024px;
margin-top:0;
padding:1px;
margin-bottom:20px;
margin:0 auto;
}
.bottom-common-msg2 p {
text-indent:15px; 
text-align:left; 
margin-left:10px; 
margin-right:0px; 
margin-top:0; 
margin-bottom:0; 
font-weight:700;
font-size:16px;
color:#ffe94f;
line-height:1.25em;
font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
}
/* Three image containers if not table */
.column-left {
float:left;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-right {
float:right;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-center {
background-color:#ffffff;
background-image:url("shared/bg_web.jpg");
width:22%;
height:180px;
padding:0;
margin:0;  
}
/* Clear floats after image containers */
.container-bottom::after {
content: "";
clear:both;
display:table;
}
/* The end of container-bottom */

.expandablebox:hover { cursor: pointer; background-color: #ddddee; }

.roundedTable {	
	border:1px solid #ccc;  
	border-spacing:0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px 20px 20px 20px; /* Level 3 CSS */
	padding:5px;
	overflow:hidden;
}
.border-bg {	/* background of a line-bar, usually on the top of the white page */
	background-color:#ffffff;
	background-image:url("shared/line_bg.gif");
	margin:0 auto;
	width:94%; /* equal to the white/internal page */
	max-width:800px;
	height:20px;
	padding:0;
	border-left:0 solid #dddddd;
}
.highlighted {
	background-color:#ddfa00;
}
.up-page {
	text-indent:0; 
	margin:0;
	text-align:left;
	font-family:"Times New Roman", serif;
	font-size:17px;
	color:#CC0000; /* #990000 */
	line-height:1.5em;
}
	
ul { /* Unordered lists <ul> */
	display:block;
	list-style-type:disc; /* disc U+2022, triangular bullet U+2023, circle U+25E6 */
	margin-left:24px;
	margin-right:0px;
	margin-top:0.25em;
	margin-bottom:0.25em;
	padding:0 0 0 3px;
}
ol { /* Ordered lists <ol> */
	display:block;
	list-style-type:decimal; /* lower-alpha; lower-greek; lower-latin; lower-roman; upper-alpha; upper-latin; upper-roman; decimal-leading-zero; */
	margin-left:24px;
	margin-right:0px;
	margin-top:0.25em;
	margin-bottom:0.25em;
	padding:0 0 0 3px;
	/* list-style-position:inside; */
}
li { padding-left:0; margin-left:3px; list-style-position:outside; }
sub, sup {
	font-size:0.8em;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup { top:-0.5em; }
sub { bottom:-0.25em; }
/* Correction of overflow to background of tables if the page is declared as html5. Tables were not warped under <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
tr, th { 
	margin:0;
	padding:0;
	border:inherit;
	line-height:0.5;
}
p {
	margin:0;
	padding:0;
	border:0;
	hyphens:auto;
	font-family:inherit;
} */
/* =Footer in general (for a few pages). There is a separate css
-------------------------------------------------------------- */
.footer {
	padding-top:12px;
	background-color:transparent;
	font-weight:normal;
	font-size:32px; /* 32px/16px = 2em */	
	color:#D0C8AE;
	text-align:center;
	width:100%;
	margin:0 auto;
	border-top:1px solid #eeddcc;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-left:1px solid #eeddcc;
	}

.footer a {
	color:#0099ff;
	}
.footer a:hover {
	color:#000000;
	}
.footer p { 
	line-height:1.2em;
	margin-top:2px;
	margin-bottom:2px;
	font-size:16px;
	}

/* =Media Queries
-------------------------------------------------------------- */
@media all and (min-width: 1300px) { 
	h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#123456;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:20px;
}
	h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:60px;
	margin-right:60px;
	font-size:24px; /* 24px/16px = 1.5em */
	line-height:1.25em;
	text-indent:0;
}
	#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;
	font-size:22px;	
	color:#000000;	
	line-height:1.0em;
	font-family:"Times New Roman", Cambria, Georgia, serif;
	text-indent:0;
	text-align:center;
	letter-spacing:0;
	margin-top:0; margin-bottom:0;
}
	h2 {
	
	margin-left:40px;
	margin-right:40px;
	font-size:21px; /* 21px/16px = 1.3125em */
	line-height:1.4em;
}
	h3 {
	
	margin-left:40px;
	margin-right:40px;
	font-size:20px; /* 20px/16px = 1.25em */
	line-height:1.4em;
}
	h4 {
	margin-bottom:1.25em;
	margin-left:40px;
	margin-right:40px;
	font-size:18px; /* 18px/16px = 1.125em */
	line-height:1.5em;
}
	h5 {
	margin-left:40px;
	margin-right:40px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.4em;
}
	h6 {
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 16px/16px = 1.0em */
	font-weight:700;
}
	#background { 
    margin-left: 0; /* See above the parental */
    margin-top: 0;
    width: 100%;
	/* left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; */
}
	body {
	width: 80%;
	margin: 0 auto;
}
	.border-bg {	/* background of a line-bar */
	background-color:#ffffff;
	background-image:url("shared/line_bg.gif");
	margin:0 auto;
	width:95%;
	max-width:1024px; /* next breakpoint at 1280px */
	height:20px;
	padding:0;
}
	.topline {
	background-color:transparent;
	margin:0 auto;	
	width:100%;
	max-width:1024px; /* next breakpoint at 1280px */
}
	.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;
	max-width:1024px; /* next breakpoint at 1280px */
	margin-top:3px;
	margin-bottom:3px;
}
	.top-row-in {/* of some tables in black margin */
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	font-size:19px;
	color:#AAAACC;
	line-height:1.0em;
	font-family:Arial, Ubuntu, "Arial Unicode MS", Calibri, sans-serif;
	letter-spacing:5px;		
	text-align:center;
	text-indent:0;
	text-transform:none;
	margin-top:0;
	margin-bottom:0;
	white-space:normal; 
	word-spacing:0;
	-webkit-text-stroke-width:0;	
	padding:0;
	background-color:transparent;
}
	.title {	
	background-color:#ffffff;
	background-image:url("shared/bg_c2.jpg");
	margin:0 auto;
	width:95%;
	max-width:1024px; /* next breakpoint at 1280px */
}
	.black-margin {
	background-color:#000000;
	background-image:url("shared/bg_curve.jpg");
	margin:0 auto;
	width:100%;
	max-width:1024px;
}
	.internal-page {/* white page */
	background-color:#ffffff;
	margin:0 auto;
	width:95%;
	max-width:1024px; /* next breakpoint at 1280px */
}
	.internal-top-row {
	width:95%;
	max-width:1024px;
}	
	.internal-field {/* internal table with rounded corners */
	width:95%;
	max-width:1024px;
}
	.margin-control { /* width:95% for max-width:800px */
	width:85%;
	margin-left:0;
	margin-right:0;
}
	.margin-control p {
	font-weight:normal;
	font-size:19px; /* 18px for max-width:800px */
	color:#123456; /* or #111111; #001224; #122436; #122448; #163248; #161632; #123456; #243648; */	
	line-height:2.0em;
	/* text-align:justify; 
	text-indent:30px; */
	margin-left:40px;
	margin-right:40px;
}
	.p-control {
	font-size:19px;
	color:#123456; /* or #111111; #001224; #122436; #122448; #163248; #161632; #123456; #243648; */ 
	line-height:2.0em;
}
	.p-control-in {/* within margin control and some tables */
	font-size:18px;
	color:#123456; /* or #111111; #001224; #122436; #122448; #163248; #161632; #123456; #243648; */
	line-height:2.0em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, "Helvetica Neue", Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
	margin-bottom:10px;
}
	.margin-control-2 {
	width:90%;
}
	.margin-control-2 p {
	font-weight:normal;
	font-size:19px;
	color:#163248; /* or #001224; #122448; #161632; #163248; #32324B; */	
	line-height:1.8em;
	font-family:"Times New Roman", Gautami, Cambria, Garamond, libertine, serif;
	text-align:justify;
	text-indent:30px;
	margin-left:50px; /* ~1.5cm */
	margin-right:50px;
	margin-top:10px;
	margin-bottom:10px;
}
	.p-control-in2 {/* within margin control and some tables */
	font-size:17px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.75em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:60px;
	margin-right:60px;
	margin-top:10px;
	margin-bottom:10px;
}	
	.black-margin-in {
	background-color:#000000;
	background-image:url("shared/fontostar-.gif");
	width:98%;
}
	.footnote, .footnote p {
	font-size:16px !important;
	color:#aaaaaa; /* #c0c0c0 */
	line-height:1.5em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:40px; 
	margin-right:40px;
	margin-top:3px;
	margin-bottom:3px;
}
	.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;
	font-weight:400;
	font-size:18px;
	color:#ffffcc; /* #333399 if the text-shadow no */
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;	
	text-align:center;
	text-shadow:1px 0 2px #000000; /* if color is light */	
	background-color:transparent; /* #ffffff */
}	
	.cosmo-txt {
	padding:10px;
	padding-left:16px;
	padding-right:16px;
	background:#ffffff;
	margin:0 auto;
	width:720px;
	font-weight:normal;
	font-size:18px;
	color:#333399;
	line-height:150%;
	font-family:"Times New Roman", Georgia, serif;		
	text-align:justify;	
}	
	.responsive-table {
	width:85%;
}	
	.footer { /* in general (for a few pages). There is a separate css */
	padding-top:3px;
	margin:0 auto;
	font-size:40px; /* 40px/16px = 2.5em */
	font-weight:500; 
}
	.up-page {
	font-family:"Times New Roman", serif;
	font-size:18px;
	color:#CC0000; /* #990000 */
	line-height:1.5em;
}
}

@media all and (max-width: 1278px) { /* When exist right border or column */
#right-border {display:none;}
   }
@media all and (max-width: 768px) { 
#header {display:none;} /* Shrink the big part of the header */

.top-row-in {/* of tables in black margin */
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	font-size:15px;
	color:#AAAACC;
	line-height:1.0em;
	font-family:Arial, Ubuntu, "Arial Unicode MS", Calibri, sans-serif;
	letter-spacing:3px;		
	text-align:center;
	text-indent:0;
	text-transform:none;
	margin-top:0;
	margin-bottom:0;
	white-space:normal; 
	word-spacing:0;
	-webkit-text-stroke-width:0;	
	padding:0;
	background-color:transparent;
	}
.topline {	
	background-color:transparent;
	margin:0 auto;
	width:100%;
	}
.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;	
	}
.title {	
	background-color:#ffffff;
	background-image:url("shared/bg_c2.jpg");
	margin:0 auto;
	width:98%;
	max-width:800px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.black-margin {
	width:100%;
}
.internal-page {/* white page */
	background:#ffffff;
	margin:0 auto;
	width:98%;
	max-width:800px;
	padding-left:0;
	padding-right:0;
	padding-top:1px;
	padding-bottom:10px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.internal-top-row {
	width:98%;
	max-width:800px;
}
.top-row-separated {
	font-weight:600;
	font-size:14px;
	color:#123456;	
	line-height:1.0em;
	font-family:Arial, Ubuntu, Calibri, sans-serif;
	text-align:center;
	letter-spacing:1px;
	padding:0;
}
.internal-field {/* internal table with rounded corners */
	width:98%;
	max-width:800px;
}
.border-bg {	/* background of a line-bar */
	background-color:#ffffff;
	background-image:url("shared/line_bg.gif");
	margin:0 auto;
	width:98%;
	max-width:800px;
	height:20px;
	padding:0;
	border-left:0 solid #dddddd;
}
.margin-control {
	width:95%; 
	background-color:#ffffff; 
	padding-bottom:1px; 
	padding-top:4px; 
	margin-left:0; 
	margin-right:0; 
	
}
.margin-control p {
	font-weight:normal;
	font-size:15px; 
	color:#111111; /* or #001224; #122448; #161632; */	
	line-height:1.8em;
	text-indent:10px;
	margin-left:30px;
	margin-right:30px;
	margin-top:3px;
	margin-bottom:3px;
}
.p-control {/* without margin control */
	font-size:15px;
	line-height:1.75em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:30px; 
	margin-right:30px;
	margin-top:6px;
	margin-bottom:6px;
}
.p-control-in {/* within margin control and some tables */
	font-size:15px;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.75em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:20px !important;
	margin-right:20px !important;
	margin-top:5px;
	margin-bottom:5px;
}
.margin-control-2 {
	width:95%;
}
.margin-control-2 p {
	font-weight:normal;
	font-size:17px !important;
	color:#001224; /* or #001224; #122448; #161632; #163248; */	
	line-height:1.6em;
	font-family:"Times New Roman", Gautami, Cambria, Garamond, libertine, serif;
	text-align:justify;
	text-indent:20px;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;
}
.p-control-in2 {/* within margin control and some tables */
	font-size:14px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.6em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
.black-margin-in {
	background-color:#000000;
	background-image:url("shared/fontostar-.gif");
	width:99%;
}
.footnote, .footnote p {
	font-size:15px !important;
	color:#808080; /* #c0c0c0, #aaaaaa */
	line-height:1.5em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:5px;
	margin-left:30px; 
	margin-right:30px;
	margin-top:3px;
	margin-bottom:3px;
}
#back-next {
	margin:0 auto;
	width:40%;
	padding-bottom:20px;
	font-weight:normal;
	font-size:16px;	
	color:#000080;
}
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;	
	font-weight:600;
	font-size:15px;	
	color:#ffffcc; /* #333399 if the text-shadow no */
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	text-shadow:1px 0 2px #000000; /* if color is light */	
	background-color:transparent; /* #ffffff */
}
.cosmo-txt  {
	padding:10px;
	background:#ffffff;
	margin:0 auto;
	width:90%;
	padding-left:2%;
	padding-right:2%;
	font-weight:normal;
	font-size:16px; /* 16px/16px = 1em */
	color:#000066;
	line-height:140%;	
	text-align:justify;	 
}
.responsive-table {
	width:99%;
}

#key-txt { /* a few keywords inside the bottom-row-center-sep, top-row-center-sep */
	font-weight:400;	
	font-size:16px !important; 
	color:#cccccc; /* #AAAACC, #ffd700 */
	line-height:90% !important;
	font-family:"Times New Roman", Cambria, serif;
	margin-top:0; 
	margin-bottom:0;	
	text-align:center; 
	vertical-align:middle; 
	padding-top:1px;
	letter-spacing:0; 
	display:block; }
	
	h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#222222;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:5px;
	}	
	h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:20px; /* 20px/16px = 1.25em */
	line-height:1.4em;
	font-family:"Times New Roman", Cambria, serif;
	text-indent:0 !important;
	text-align:center !important;
	}
	#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;
	font-size:18px;	
	color:#242424;
	line-height:0.8em;
	font-family:"Times New Roman", Cambria, Georgia, serif;	
	text-indent:0;
	text-align:center;	
	letter-spacing:0;
	margin:0; padding:0;
	}
	h2 {
	margin-top:0.5em;
	margin-bottom:0.75em;
	margin-left:20px;
	margin-right:20px;
	font-size:18px; /* 18px/16px = 1.125em */
	line-height:1.4em;
	}
	h3 {
	
	margin-bottom:1em;
	margin-left:20px;
	margin-right:20px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.3em;
	}
	h4 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:20px;
	margin-right:20px;
	font-size:16px; /* 16px/16px = 1em */
	}
	h5 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:20px;
	margin-right:20px;
	font-size:16px; /* 16px/16px = 1em */
	}
	
	/* .res-image {
	width:100%;
	height:auto;
	} */
	
	.no-display-if { display:none; }
	
	.up-page {
	font-family:"Times New Roman", serif;
	font-size:16px;
	color:#CC0000; /* #990000 */
	line-height:1.5em; }
	
	.up-page img {
	width:24px;
	height:auto; }
	
	ul, ol {	
	margin-left:3px;
	margin-right:0;
	margin-top:0.25em;
	margin-bottom:0.25em;
	padding:0 0 0 0; }
	
	li { padding-left:0; margin-left:3px; list-style-position:outside; }

/* A responsive layout at the top of the home page - Makes the two columns stack on top of each other */
	.column1 {
    width: 100%;
}
	.column2 {
    width: 100%;
}

/* =The finish of many pages with images and a message
-------------------------------------------------------------- */
.container-bottom {
background-color:#ffffff;
width:99%;
max-width:768px;
height:180px;
margin:0 auto;
padding-bottom:3px;
}
.bottom-common-msg {
background-color:#f5f5f5; /* #f9f9f9; */
width:99%;
max-width:768px;
padding-top:3px;
padding-bottom:3px;
margin:0 auto;
}
.bottom-common-msg p {
text-indent:0;
text-align:justify;
margin-left:15px;
margin-right:40px;
margin-top:0;
margin-bottom:0;
font-weight:400;
font-size:15px;
color:#000080;
line-height:1.5em;
font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
}
.bottom-common-msg2 {
background-color:#564812; /* #5F4D2E; */
width:99%;
max-width:768px;
margin-top:0;
padding:1px;
margin-bottom:20px;
margin:0 auto;
}
.bottom-common-msg2 p {
text-indent:10px;
text-align:left;
margin-left:10px;
margin-right:0;
margin-top:1px;
margin-bottom:1px;
font-weight:700;
font-size:14px;
color:#ffe94f;
line-height:1.25em;
font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
}
/* Three image containers if not table */
.column-left {
float:left;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-right {
float:right;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-center {
background-color:#ffffff;
background-image:url("shared/bg_web.jpg");
width:22%;
height:180px;
padding:0;
margin:0;  
}
/* Clear floats after image containers */
.container-bottom::after {
content: "";
clear:both;
display:table;
}
/* The end of container-bottom */

/* The footer in general. There is a separate css */
.footer {
	padding-top:24px;
	margin:0 auto;				
	font-weight:500;
	font-size:100%; /* Reduce the font size or 18px - 24px */	
	}
}
@media screen and (max-width: 480px) {
#background { display:none; }
html 	{  
	margin:0;
	padding:0; } 
body {
	width:99%;
	margin:0 auto;
	background-image:url("shared/bg_page-bw.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-color:#aabbcc;
	} 
.topline { 
	display:none;
	/* background-color:transparent;
	margin:0 auto;	
	width:100%; */ }
marquee { display:none; }
.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;
	margin-top:3px;
	margin-bottom:3px; }
.title {	
	background-color:#ffffff;
	margin:0 auto;
	width:99%;
	border:0; }
.black-margin {
	width:100%; }
.internal-page {
	background-color:#ffffff;
	margin:0 auto;
	width:99%;
	border:0; }	
.internal-top-row {
	width:99%;
	padding:0;
	border:0; }
.top-row-separated { 
	font-weight:600;
	font-size:14px;
	color:#bbbccc; }
.internal-field {/* internal table with rounded corners */
	width:99%;
	padding:0;
	border:0; }
.margin-control {
	width:99%; 
	background-color:#ffffff; 
	padding-bottom:0; 
	padding-top:0; 
	margin-left:0; 
	margin-right:0; }
.margin-control p {
	font-weight:normal;
	font-size:14px !important;
	color:#111111; 	
	line-height:1.8em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	margin-left:10px !important;
	margin-right:10px !important;
	margin-top:6px;
	margin-bottom:6px; }
.p-control {/* without margin control */
	font-weight:normal;
	font-size:14px !important;	
	line-height:1.8em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	text-align:justify;
	text-indent:3px;
	margin-left:5px !important; 
	margin-right:5px !important;
	margin-top:6px;
	margin-bottom:6px; }
.p-control-in {
	font-size:14px !important;
	color:#111111; 
	line-height:1.8em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	text-align:justify;
	text-indent:3px !important;
	margin-left:5px !important;
	margin-right:5px !important;
	margin-top:6px;
	margin-bottom:6px; }
.margin-control-2 {
	width:99%; }
.margin-control-2 p {
	font-weight:normal;
	font-size:15px !important;
	color:#111111; 	
	line-height:1.5em;
	font-family:"Times New Roman", Gautami, Cambria, Garamond, libertine, serif;
	text-align:justify;
	text-indent:3px;
	margin-left:8px; 
	margin-right:8px;
	margin-top:6px;
	margin-bottom:6px; }
.p-control-in2 {
	font-size:13px !important;
	color:#111111; 
	line-height:1.5em;
	font-family:Arial, Tahoma, Ubuntu, Calibri, sans-serif;
	text-align:justify;
	text-indent:3px;
	margin-left:5px !important;
	margin-right:5px !important;
	margin-top:6px;
	margin-bottom:6px; }
#back-next {
	margin:0 auto;
	width:50%;
	padding-bottom:10px;
	font-size:16px;
	font-weight:600;
	color:#000080; }
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;	
	font-weight:700;
	font-size:14px !important;	
	color:#aaafff;
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	text-shadow:1px 0 0 #000000; /* #000000 if color is light */	
	background-color:#ffffff; }
.cosmo-txt {
	padding:2px;
	background:#ffffff;
	margin:0 auto;
	width:98% !important;
	padding-left:0;
	padding-right:0;
	font-weight:normal;
	font-size:14px !important;
	color:#000066;
	line-height:150%;
	font-family:"Times New Roman", Libertine, serif;	
	text-align:justify; }
.cosmo-txt p {
	margin-left:10px;
	margin-right:10px;
	font-size:14px; }
#key-txt { 
	font-weight:400;	
	font-size:14px !important; 
	color:#cccccc; /* #AAAACC, #ffd700 */
	line-height:90% !important;
	font-family:"Times New Roman", Cambria, serif;
	margin-top:0; 
	margin-bottom:0; }
.responsive-table {
	width:99%;
	/* display:none; */}
.no-td, .td-margin { display:none; }
.no-tr { display:none; }
.middle-td-of3hor { display:none; }
.container-bottom {
	display:none;
}
.bottom-common-msg {
	display:none;
}
.bottom-common-msg2 {
	display:none;
}
/* .footer {Remember,there is a separate css
	width:100%;
}
.root {
	display:none;
}
.copyright {
	letter-spacing:0;
}
.requirement {
	background:#ffffff;	
} */
.res-image {
	width:75%;
	height:auto;
}
img { border:0; max-width:50px; width:100%; height:auto; }
table { border-collapse:initial; }
ul, ol {	
	margin-left:10px;
	margin-right:0;
	padding:0 0 0 0; }
li { padding-left:0; margin-left:10px; list-style-position:outside; }
h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	color:#000000;
	text-indent:5px; }
h1 {
	margin-top:1.0em;
	margin-bottom:1.0em;
	margin-left:5px;
	margin-right:5px;
	font-size:18px !important;
	line-height:1.4em;
	font-family:"Times New Roman", Cambria, serif;	
	text-indent:0 !important;
	text-align:center !important; }
#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;
	font-size:15px;	
	color:#242424;
	line-height:0.9em;
	font-family:"Times New Roman", Cambria, serif;
	text-indent:0;
	text-align:center;
	letter-spacing:0;
	margin:0; padding:0; }
h2 {
	margin-top:1.0em;
	margin-bottom:1.0em;
	margin-left:5px;
	margin-right:5px;
	font-size:16px;
	line-height:1.4em; }
h3 {
	margin-top:1em;
	margin-bottom:1em;
	margin-left:5px;
	margin-right:5px;
	font-size:16px;
	line-height:1.3em; }
h4 {
	margin-left:5px;
	margin-right:5px;
	font-size:16px; }
h5 {
	margin-left:5px;
	margin-right:5px;
	font-size:15px; }
}
@media print {
* {
	background:#ffffff !important;
	font-family:"Times New Roman", Cambria, serif;
	font-size:12pt;
}
@page {
margin:0.5cm;
}
#background { display:none; }
#header { display:none; }
img {
	max-width:100% !important;
	page-break-inside:avoid;
}
}