/*
  Theme Name: Cosmonomy/Cosmology (GR)
  Author: Cosmonomy
  Primary structure around of the 1024px (with multiform styles)
*/
/* 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;
}
/* 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 */
/* Below certain fonts with selectors */
.sans-serif { font-family: Arial, Ubuntu, "Trebuchet MS", "Microsoft Sans Serif", Tahoma, Roboto, Helvetica, "Helvetica Neue", sans-serif; } /* selector */
.serif { font-family: "Times New Roman", Times, Libertine, Gautami, Constantia, Cambria, Georgia, serif; }
.monospace { font-family: Monaco, "Courier New", monospace; }

/* #background {
	position: fixed;
	top: 1px;
	left: 0;
	width: 100%;
	height: 110%;
	background-image: url("theme/bg360x360-mix2.jpg"); or "theme/bg_stars.jpg"
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -1; } */
body {
	margin: 0 3px;
	padding: 0; 
	background-color: #000000; /* or transparent; */
	background-image: url("theme/bg360x360-mix2.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Arial, Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", Verdana, sans-serif;
	
}
h1 {
	margin-top:0em;
	margin-bottom:0em;
	margin-left:10px;
	margin-right:10px;
	font-size:19px; /* 19px/16px =  */
	font-weight:normal;	
	line-height:1.2em;
	text-indent:0;
}
#pseudo-h1-next { /* if the h1 is long */
	font-family:"Trebuchet MS", Arial, Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	color:#123456;
	text-indent:0;
	text-align:center;
	font-size:20px;
	font-weight:400;
	line-height:1.0em;
	letter-spacing:0;
	margin-top:0; margin-bottom:0;
}
h2 {
	margin-top:0.75em;
	margin-bottom:0.75em;
	margin-left:40px;
	margin-right:40px;
	font-size:19px; /* 19px/16px - font-size:20px; 20px/16px = 1.25em */
	line-height:1.2em;
}
h3 {
	margin-top:1em;
	margin-bottom:1em;
	margin-left:40px;
	margin-right:40px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.4em;
	letter-spacing:0;
}
h4 {
	margin-top:1.2em;
	margin-bottom:1.2em;
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 16px/16px = 1.0em */
	line-height:1.4em;
	font-weight:600;
}
h5 {
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 16px/16px = 1.0em */
	line-height:1.4em;
	font-weight:700;
}
h6 {
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 15px/16px = 0.9375em */
	font-weight:700;
}
.top-row-separated { /* if a line-bar is upwards of white pages and in black margin */
	font-family:Arial, Ubuntu, Calibri, sans-serif;
	font-size:16px;
	color:#123456;
	font-weight:700;
	line-height:1.0em;
	text-align:center;
	letter-spacing:0;
	padding:0;
	margin-top:0; margin-bottom:0;
}
.top-row-in { /* of some tables in black margin */
	font-family:Arial, Ubuntu, "Arial Unicode MS", Calibri, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-size:18px;
	color:#AAAADD;
	font-weight:400;
	letter-spacing:5px;
	line-height:1.0em;	
	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;
	background-image:url("theme/bg360x360-mix2.jpg"); 
	margin:0 auto;
	width:95%;
	max-width:860px;
	margin-top:3px;
	margin-bottom:3px;
}
.topline {
	background-color:transparent;
	margin:0 auto;
	width:100%;
}
.title {	
	background-color:#ffffff; 
	background-image:url("theme/bg-waves-op.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;
}
.background-as-trans, .background-trans {
	width:100%;
	background-image:url("theme/bg-waves-op.jpg");
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #ffffff;
}
.black-margin, .roundedTable-ext { /* around of a white page */
	width:95%;
	max-width:860px;
	margin:0 auto;
	padding:0;
	border:0 solid #000;
	border-collapse:collapse;
	border-spacing:0;
	/* background-color:#000000;
	background-image:url("theme/bg_curve_l.jpg");	
	border-right:1px solid #fff9dd;	
	border-bottom:1px solid #fff9dd;
	border-collapse:separate;
	-webkit-border-radius:36px;
	-moz-border-radius:36px;
	border-radius:36px 36px 36px 36px; */ 
}

.internal-field {/* internal table with rounded corners */
	width:94%;
	max-width:800px;
	padding:0;
	border:0;
	background-color:#ffffff;
	/* background-image:url('theme/bg-waves-op.jpg'); */
}
.black-margin-in {/* black margin in the internal field */
	background-color:#000000;
	background-image:url("theme/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; */
}
.internal-page { /* white page */
	background:#ffffff; 
	background:url("theme/bg-waves-op.jpg"); 
	margin:0 auto;
	width:94%;
	max-width:800px;
	padding-left:0;
	padding-right:0;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}
.margin-control { /* of the white page */
	width:90%; /* If the white page has td margins then 85% */
	background-color:#ffffff; /* or transparent, or f9f9ff; */
	padding-bottom:1px; 
	padding-top:0; 
	margin-left:0; 
	margin-right:0;
	border-left:0 solid #000000; 
	border-right:0 solid #000000; 
	border-top:0 solid #000000; 
	border-bottom:0 solid #000000;
}
.margin-control p {
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	font-size:16px; /* 16px/16px = 1.0em */
	color:#243648; /* or #202040; #001224; #122436; #122448; #303030; #363656; #161632; #163248; #32324B; */
	font-weight:normal;
	line-height:1.8em;
	text-align:justify;
	text-indent:20px;
	margin-left:40px; /* If the white page has td margins. Otherwise 60-90px */
	margin-right:40px;
	margin-top:6px; 
	margin-bottom:6px;
	hyphens:auto;
}
.p-control {
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	font-size:16px;
	color:#243648;
	font-style:normal;
	font-weight:normal;
	line-height:1.8em;
	text-align:justify;
	text-indent:20px;
	margin-left:60px; 
	margin-right:60px;
	margin-top:3px; 
	margin-bottom:0;
	page-break-before:always;
}
.p-control-in { /* within margin control and some tables */
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	font-size:16px;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	font-style:normal;
	line-height:1.8em;
	text-align:justify;
	text-indent:10px;
	margin-left:25px !important;
	margin-right:25px !important;
	margin-top:10px;
	margin-bottom:10px;
	page-break-before:always;
}
.footnote, .footnote p {
	font-family:Arial, Tahoma, Ubuntu, Calibri, sans-serif;
	font-size:15px !important;
	color:#808080 !important; /* #c0c0c0; #aaaaaa; #4c4c4c; */
	line-height:1.5em !important;
	text-align:justify;
	text-indent:10px;
	margin-left:40px; 
	margin-right:40px;
	margin-top:3px;
	margin-bottom:3px;
	hyphens:auto;
}
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	font-size:17px;
	font-weight:600;
	color:#333399; /* #333399 if the text-shadow no */
	text-align:center;
	/* text-shadow:0 0 0 #000000; #000000 if color is light */
	line-height:100%;
	background-color:transparent; /* #ffffff */
}
.cosmo-txt {
	padding:10px;
	padding-left:12px;
	padding-right:12px;
	background:#ffffff;
	margin:0 auto;
	width:720px;
	font-family:"Times New Roman", Georgia, serif;
	font-size:17px; /* 18px/16px = 1.125em */
	line-height:150%;
	font-weight:normal;
	text-align:justify;
	color:#333399;
}
.cosmo-txt p {
	margin:0 15px;
}
.res-image {
	max-width:100%;
	height:auto;
}
.responsive-table {/* equal to the margin control? */
	width:90%;
	margin:1em 0;
}
.responsible-cells {
	width:95%;
	vertical-align:bottom;
	font-style:normal; 
	font-family:'Times New Roman', Libertine, Gautami, serif;
	/* border:0;
	border-collapse:collapse; */
}
.responsible-cells p {
	font-size:16px;
	font-style:normal; 
	font-family:'Times New Roman', Libertine, Gautami, serif;
	text-align:center;
	margin-left:3px;
	margin-top:0; 
	margin-bottom:0;
}
.roundedTable {
	border:1px solid #ccc;  
	border-spacing:0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px 20px 20px 20px;
	overflow:hidden;
	padding-top:0.2em;
	padding-bottom:0.3em;
}
.border-bg {	/* background of a line-bar */
	background-color:#ffffff;
	background-image:url("theme/bubbles.gif");
	margin:0 auto;
	width:94%;
	max-width:800px;
	height:20px;
	padding:0;
	border-left:0 solid #dddddd;
}
.highlighted {
	background-color:#ddfa00;
}
#key-txt { /* a few keywords inside the bottom-row-center-sep, top-row-center-sep */
font-family:"Times New Roman", Cambria, serif;
color:#cccccc; /* #AAAACC, #ffd700, #FFD900 */
font-size:18px; 
font-weight:700;
margin-top:0; 
margin-bottom:0;
line-height:0.9em;
text-align:center; 
vertical-align:middle; 
padding-top:3px;
letter-spacing:1px; 
}
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; }

a {
  background-color:transparent;
  color:#0000ee;
  text-decoration:none; }
a:visited {
 color:#481248; } 
a:hover {
  background-color:#ffffaa;
  color:#aaaaff;
  font-weight:normal;
  text-decoration:none; }  
a:active { color:#ff0000; }  
a img { border:0 none; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (min-width: 1280px) { 
	#background { 
    margin-left:0;
    margin-top:0;
    width:100%;
}
	/* body {
	width:80%;
	margin:0 auto;
}  */
	body { /* same background on large screens for pages with different on low resolution */
	width:80%;
	margin:0 auto;
	background-color:#ffbb00;
	background-image:url("../shared/bg_page-bw.jpg"); /* tested for pages with light waves bg */
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
	.total {
	background-color:transparent; /* or #000000 */
	background-image:none; /* url("theme/bg360x360-mix2.jpg"); */
	width:960px; /* or 90% */
	max-width:1024px;
	margin:0 auto;
}
	.topline {
	background-color:transparent;
	margin:0 auto;
	width:960px;
	max-width:1024px; /* next breakpoint at 1280px */
}
	.top-row-in { /* of tables in black margin */
	font-family:Arial, Ubuntu, "Arial Unicode MS", Calibri, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-size:19px;
	color:#AAAACC;
	letter-spacing:5px;
	line-height:1.0em;
	font-weight:700;
	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;
}
	.background-as-trans, .background-trans {
	width:100%;
	background-image:url("theme/bg-waves-op.jpg");
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
	.black-margin, .roundedTable-ext {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	/* background-color:#000000;
	background-image:url("theme/bg_curve_l.jpg"); */
}
	.internal-field {/* internal table with rounded corners */
	width:95%;
	max-width:1024px;
}
	.black-margin-in {
	background-color:#000000;
	background-image:url("theme/fontostar-.gif");
	width:98%;
}
	.internal-page {
	background-color:#ffffff;
	background:url("theme/bg-waves-op.jpg"); 
	margin:0 auto;
	width:95%;
	max-width:1024px; /* next breakpoint at 1280px */
}
	.margin-control {
	width:90%;
	margin-left:0;
	margin-right:0;
}
	.margin-control p {
	font-size:17px; /* 18px for max-width:1024px */
	color:#122448; /* or #111111; #001224; #122448; #161632; #163248; */
	font-weight:normal;
	line-height:2.0em;
	text-align:justify; 
	text-indent:20px;
	margin-left:60px; 
	margin-right:60px;
}
	.margin-control-2 {
	width:95%;
}
	.p-control {
	font-size:17px;
	line-height:2.0em;
	margin-left:80px;
	margin-right:80px;
}
	.p-control-in {/* within margin control and some tables */
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	font-size:17px;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:2.0em;
	text-align:justify;
	text-indent:10px !important;
	margin-left:40px !important;
	margin-right:40px !important;
	margin-top:10px;
	margin-bottom:10px;
}
	.footnote, .footnote p {
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	font-size:17px !important;
	color:#808080; /* #c0c0c0; #aaaaaa; #4c4c4c; */
	line-height:1.5em;
	text-align:justify;
	text-indent:10px;
	margin-left:60px; 
	margin-right:60px;
	margin-top:3px;
	margin-bottom:3px;
}
	.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	font-size:18px;
	font-weight:400;
	color:#ffffcc; /* #333399 if the text-shadow no */
	text-align:center;
	text-shadow:1px 0 2px #000000; /* if color is light */
	line-height:100%;
	background-color:transparent; /* #ffffff */
}
	.cosmo-txt {
	padding:10px;
	padding-left:16px;
	padding-right:16px;
	background:#ffffff;
	margin:0 auto;
	width:720px;
	font-size:17px;
	line-height:150%;
	font-weight:normal;
	text-align:justify;
	color:#333399;
}
	.responsive-table {/* equal to the margin control? */
	width:90%;
	margin-bottom:0;
}
	.responsible-cells {
	width:90%;
}
	.responsible-cells p {
	font-size:17px;
	text-align:center;
	margin-left:0;
	margin-top:0; 
	margin-bottom:0; }
	
h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Verdana, Arial, Roboto, sans-serif;
	font-weight:normal;
	color:#123456;
}
h1 {
	font-family:"Trebuchet MS", Verdana, Arial, Roboto, sans-serif;
	font-size:20px; /* 20px/16px = 1.25em */
	color:#123456;
	font-weight:normal;
	line-height:1.2em;
	margin-top:0em;
	margin-bottom:0em;
	margin-left:10px;
	margin-right:10px;
}
h2 {
	font-size:20px;
	font-weight:400;
	line-height:1.2em;
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:60px;
	margin-right:60px;
}
h3 {
	font-size:18px;
	line-height:1.4em;
	letter-spacing:0;
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:60px;
	margin-right:60px;
}
h4, h5, h6 {
	font-size:17px;
	font-weight:600;
	line-height:1.4em;
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:60px;
	margin-right:60px;
}
}
@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-separated {
	font-family:Arial, Ubuntu, Calibri, sans-serif;
	font-size:14px;
	color:#123456;
	font-weight:600;
	line-height:1.0em;
	text-align:center;
	letter-spacing:1px;
	padding:0;
	}
.top-row-in { /* of tables in black margin */
	font-family:Arial, Ubuntu, "Arial Unicode MS", Calibri, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-size:15px;
	color:#AAAACC;
	letter-spacing:3px;
	line-height:1.0em;
	font-weight:700;
	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 {
	background-color:transparent; /* or #ffffff */
	background-image:url("theme/bg360x360-mix2.jpg");
	margin:0 auto;
	width:100%;	
	}
.topline {	
	background-color:transparent;
	margin:0 auto;	
	width:100%;
	}
.title {	
	background-color:#ffffff;
	background-image:url("theme/bg-waves-op.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;
	}
.background-as-trans, .background-trans {
	width:100%;
	/* background-image:url("theme/bg-waves-op.jpg"); */
	border:0;
	margin:0;
	}
.black-margin, .roundedTable-ext {
	width:100%;
	/* background-color:#000000;
	background-image:url("theme/bg_curve_l.jpg");	
	border-right:1px solid #fff9dd;	
	border-bottom:1px solid #fff9dd;
	border-collapse:separate;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px 20px 20px 20px; */
	}
.internal-field {/* internal table with rounded corners */
	width:98%;
	max-width:800px;
	}
.black-margin-in {
	background-color:#000000;
	background-image:url("theme/fontostar-.gif");
	width:99%;
	}
.internal-page { /* white page */
	background:#ffffff;
	background:url("theme/bg-waves-op.jpg"); 
	margin:0 auto;
	width:98%;
	/* max-width:800px; */
	padding-left:0;
	padding-right:0;
	padding-top:1px;
	padding-bottom:1px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	}
.margin-control {
	width:99%;
	background-color:#ffffff;
	padding-bottom:1px;
	padding-top:0;
	margin-left:0;
	margin-right:0;
	
	}
.margin-control p {
	font-size:15px;
	color:#111111; /* or #001224; #122448; */
	font-weight:normal;
	line-height:1.75em;
	text-indent:10px;
	margin-left:30px;
	margin-right:30px;
	margin-top:3px;
	margin-bottom:3px;
	}
.margin-control-2 {
	width:95%;
	}
.p-control {	
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	font-size:15px;
	line-height:1.75em;
	text-align:justify;
	text-indent:10px;
	margin-left:30px; /* If the white page has td margins and relative to margin-control. Otherwise 40-60px */
	margin-right:30px;
	margin-top:6px;
	margin-bottom:6px;
	}
.p-control-in { /* within margin control and some tables */
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	font-size:14px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.75em !important;
	text-align:justify;
	text-indent:10px;
	margin-left:20px !important;
	margin-right:20px !important;
	margin-top:5px;
	margin-bottom:5px;
	}
.footnote, .footnote p {
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	font-size:15px;
	color:#808080; /* #c0c0c0, #aaaaaa */
	line-height:1.5em;
	text-align:justify;
	text-indent:5px;
	margin-left:30px;
	margin-right:30px;
	margin-top:3px;
	margin-bottom:3px;
	}
.back-next { /* downwards */
	margin:0 auto;
	width:100%;
	padding:0;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	font-size:15px;
	font-weight:600;
	color:#ffffcc; /* #333399 if the text-shadow no */
	text-align:center;
	text-shadow:1px 0 2px #000000; /* if color is light */
	line-height:100%;
	background-color:transparent; /* #ffffff */
	}
.cosmo-txt  {
	padding:10px;
	background:#ffffff;
	margin:0 auto;
	width:90%;
	padding-left:2%;
	padding-right:2%;
	font-size:16px; /* 16px/16px = 1em */
	line-height:140%;
	font-weight:normal;
	text-align:justify;
	color:#000066;
	}	
#key-txt { /* a few keywords inside the bottom-row-center-sep, top-row-center-sep */
	font-family:"Times New Roman", Cambria, serif;
	color:#cccccc; /* #AAAACC, #ffd700 */
	font-size:16px !important;
	font-weight:400;
	margin-top:0;
	margin-bottom:0;
	line-height:90% !important;
	text-align:center;
	vertical-align:middle;
	padding-top:1px;
	letter-spacing:0;
	display:block; 
	}
.res-image {
	width:100%;
	height:auto;
	}
.no-display-if { display:none; }

.responsive-table {/* equal to the margin control? */
	width:99%;
	margin:0 0;
	}
.responsible-cells {
	width:99%;
	border:0 0;
	border-collapse:collapse;
	/* white-space:nowrap; */
	}
.responsible-cells p {
	font-size:13px; /* 13px-15px */
	margin-left:1px;
	}

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; }
	
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", "Trebuchet MS", sans-serif;
	
}
h1 {
	font-size:18px; font-weight:400; line-height:1.0em; margin-left:5px; margin-right:5px; }
#pseudo-h1-next { /* if the h1 is long */
	font-family:Arial, Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:0;
	text-align:center;
	font-size:17px;
	font-weight:400;
	line-height:0.8em;
	letter-spacing:0;
	margin:0; padding:0;
	}
h2 {
	font-size:17px; font-weight:400; letter-spacing:0; margin-left:20px; margin-right:20px; }
h3 {
	font-size:16px; font-weight:400; letter-spacing:0; margin-left:20px; margin-right:20px; }
h4 {
	font-size:15px; font-weight:400; letter-spacing:1px; margin-left:20px; margin-right:20px; }
h5 {
	font-size:15px; font-weight:400; letter-spacing:1px; margin-left:20px; margin-right:20px; }
h6 {
	font-size:15px; font-weight:400; letter-spacing:1px; margin-left:20px; margin-right:20px; }
}

@media screen and (max-width: 480px) {
#background { display:none; }
body {
	width:99%;
	margin:0 auto;
	/* background-color:#aabbcc;
	background-image:url("theme/bg_stars.jpg"); or "theme/bg360x360-mix2.jpg" or "theme/bg-waves.jpg"
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover; */
}
.top-row-separated { 
	font-size:14px;
	color:#bbbccc;
	font-weight:600; 
}
marquee { display:none; }
.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;
	margin-top:5px;
	margin-bottom:5px; 
}
.topline { 
	display:none;
	/* background-color:transparent;
	margin:0 auto;	
	width:100%; */ 
}
.title {	
	background-color:#ffffff;
	margin:0 auto;
	width:99%;
	border:0; 
}
.black-margin {
	width:100%; 
}
.internal-field {/* internal table with rounded corners */
	width:99%;
	padding:0;
	border:0; 
}
/* .black-margin-in {} */
.internal-page {
	background-color:#ffffff;
	margin:0 auto;
	width:99%;
	border:0; 
}	
.margin-control {	
	width:99% !important; 
	background-color:#ffffff; 
	padding-bottom:0; 
	padding-top:3px; 
	margin-left:0; 
	margin-right:0; 
	border:0 solid #000000;
}
.margin-control p {
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	font-size:14px !important;
	color:#111111; 
	font-weight:normal;
	line-height:1.75em !important;
	margin-left:10px !important;
	margin-right:10px !important;
	margin-top:6px;
	margin-bottom:6px; 
}
.p-control {/* without margin control */
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	font-size:14px !important;
	font-weight:normal;
	line-height:1.75em;
	text-align:justify;
	text-indent:3px;
	margin-left:5px !important; 
	margin-right:5px !important;
	margin-top:6px;
	margin-bottom:6px; 
}
.p-control-in {
	font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
	font-size:13px !important;
	color:#111111; 
	line-height:1.6em !important;
	text-align:justify;
	text-indent:3px !important;
	margin-left:8px !important;
	margin-right:8px !important;
	margin-top:6px;
	margin-bottom:6px; 
}
.margin-control-2 {
	width:99%; 
}
.footnote, .footnote p {
	font-family:Arial, Tahoma, Ubuntu, Calibri, sans-serif;
	font-size:14px !important;
	color:#808080; /* #c0c0c0, #aaaaaa */
	line-height:1.5em;
	text-align:justify;
	text-indent:5px;
	margin-left:20px !important; 
	margin-right:20px !important;
	margin-top:3px;
	margin-bottom:3px; 
}
#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-family:Arial, Tahoma, Ubuntu, sans-serif;
	font-size:14px;
	font-weight:700;
	color:#aaafff;
	text-align:center;
	text-shadow:1px 0 0 #000000; /* #000000 if color is light */
	line-height:100%;
	background-color:#ffffff; 
}
.cosmo-txt {
	padding:2px;
	background:#ffffff;
	margin:0 auto;	
	width:98%;
	padding-left:0;
	padding-right:0;
	font-family:"Times New Roman", Libertine, serif;
	font-size:14px !important;
	line-height:150%;
	font-weight:normal;
	text-align:justify;
	color:#000066; 
}
.cosmo-txt p {
	margin-left:10px;
	margin-right:10px;
	font-size:14px !important; 
}
#key-txt { 
	font-family:"Times New Roman", Cambria, serif;
	color:#cccccc; /* #AAAACC, #ffd700 */
	font-size:14px !important; 
	font-weight:400;
	margin-top:0; 
	margin-bottom:0;
	line-height:90% !important; 
}
.responsive-table {
	width:100%;	
}
.td-margin { width:0; padding:0; display:none; }
.no-td { display:none; }
.no-display-if { 
	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:80%;
	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-family:Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	font-weight:normal;
	color:#000000;
	letter-spacing:0;
	}
h1 {
	margin-top:0.25em;
	margin-bottom:0.25em;
	margin-left:2px;
	margin-right:2px;
	font-family:Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	font-size:16px !important;
	font-weight:400;
	line-height:1.2em;
	text-indent:0 !important;
	text-align:center !important;
	color:#000000; }
#pseudo-h1-next { /* if the h1 is long */
	font-family:Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	color:#123456;
	text-indent:0;
	text-align:center;
	font-size:16px;
	font-weight:400;
	line-height:1.0em;
	margin:0; padding:0; }
h2 {
	font-size:16px !important;
	font-weight:400;
	line-height:1.4em;
	margin-left:10px !important; margin-right:10px !important; }
h3 {
	font-size:15px !important;
	font-weight:400;
	line-height:1.3em;
	margin-left:10px !important; margin-right:10px !important; }
h4 {
	font-size:15px !important;
	font-weight:700;
	margin-left:10px !important; margin-right:10px !important; }
h5, h6 {
	font-size:15px !important;
	font-weight:700;
	margin-left:10px !important; margin-right:10px !important; }
}

@media print {
* {
	background:#ffffff !important;
	font:12pt;
}
@page {
margin:0.5cm;
}
#background { display:none; }
body { 
	background-color:#ffffff;
}
img {
	max-width:100% !important;
	page-break-inside:avoid;
}
}