/* Architects International CSS - RTC May 23 2020 */


/* Start Img Fading Slideshow */
/* Start Img Fading Slideshow */
/* Start Img Fading Slideshow */
/* Start Img Fading Slideshow */
/* Reference site : https://codepen.io/vavik96/pen/EVJONr   */

* {
  margin: 0;
  padding: 0;
}
/*position was originally absolute - changed by RTC */
.pic-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

figurecaption {
  position: static;
  top: 50%;
  left: 50%;
  color: #fff;
}

.pic-1 {
  opacity: 1;
  background: url(http://www.intheairtonight.net/ai-img/01.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(http://www.intheairtonight.net/ai-img/02.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(http://www.intheairtonight.net/ai-img/03.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(http://www.intheairtonight.net/ai-img/04.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
}

/* End Img Fading Slideshow */
/* End Img Fading Slideshow */
/* End Img Fading Slideshow */



.tableCell {
  background-repeat: no-repeat;
  background-position: top left
}

.mainbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #0024B1;
}

.mainbodytextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
}

.mainbodytextlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #ffffff;
}

.mainbodyimpact {
	font-family: Impact, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	font-stretch: extra-expanded;
	letter-spacing: 2px;
}

.mainbodyimpactblue {
	font-family: Impact, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #0072ff;
	font-stretch: extra-expanded;
	letter-spacing: 2px;
}

.mainbodytimesblue {
	font-family: Times, Times New Roman, serif;
	font-size: 26px;
	line-height: 26px;
	color: #0072ff;
	font-weight: bold;
	letter-spacing: 1px;
}


.mainbodyarialblue {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 20px;
	line-height: 24px;
	color: #69A3EB;
	font-weight: bold;
	letter-spacing: 1px;
}

.mainbodyarialwhite18 {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}


.mainbodyarialwhite20 {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 20px;
	line-height: 22px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}


.mobile-times-1 {
	font-family: Times, Times New Roman, serif;
	font-size: 60px;
	line-height: 65px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}

.mainbodyimpactlarge {
	font-family: Impact, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #cccccc;
	letter-spacing: 3px;
}

.mainbodyimpactlargeblue {
	font-family: Impact, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #0072ff;
	letter-spacing: 3px;
}

.mainbodyitalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #cccccc;
	font-style: italic;
}

.mainbodytextlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
}
.mainbodytextlightblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #0072ff;
}

.mainbodybold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color : #ffffff;
	font-weight: bold;
	
}.mainbodyboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	color : #0303A3;
	font-weight: bold;
}	

}.mainbodyboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color : #ffffff;
	font-weight: bold;
}

.small { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 22px; 
	font-style: italic
	}
.headerbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	;
	background-color: #000000;
	color : Silver;
	font : bold;
}

.hyperlink1 {
	color : White;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	background-color : transparent;
	text-decoration : underline;
	a:link { color: #FFFFFF; text-decoration: none; } 
	a:hover {
	background: blue;
	text-decoration: line-through;
}
   a:visited { color: #FFFFFF; text-decoration: none; } 

}

.hyperlink2 {
	color : White;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	background-color : transparent;
	text-decoration : underline;
	a:link { color: #FFFFFF; text-decoration: none; }  
	a:hover { background: #FFFCD6; text-decoration: none; }
   a:visited color: #FFFFFF; text-decoration: none;  
}

.hyperlink3 {
	color : #0072FF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	background-color : transparent;
	text-decoration : bold;
	a:link { color: #0072FF; text-decoration: none; } 
	a:hover { background: #0072FF; text-decoration: none; }
   a:visited color: #0072FF; text-decoration: none;  
}


.whitebg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; ; background-color: #FFFFFF}
.graybg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; ; background-color: #bbbbbb}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #B64F49;
	line-height: 10px;
}
li {  list-style-image: url(/images/bullet.gif)}

body	{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #636363;
	font-size: 14pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
}

a:hover	{
	text-decoration: none;
}

form	{
	margin: 0;
	padding: 0;
}

/* classes */

.section	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-weight: bold;
}

.title	{
	font-size: 11pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #606060;
	font-weight: bold;
	font-style:italic;
	text-decoration: underline;
}

.required	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #404080;
	font-weight: bold;
	white-space: nowrap;
}

.optional	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #404080;
	font-weight: normal;
}

/* .text_input	{ */
.input	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #404080;
	font-weight: normal;
}

.remark	{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #808080;
	font-weight: normal;
}

.error	{
	font-size: 11pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: red;
	font-weight: normal;
}

.warning	{
	font-size: 14pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: red;
	font-weight: normal;
}

.spacer5px	{
	font-size: 5px;
	font-family: sans-serif;
}

.spacer10px	{
	font-size: 10px;
	font-family: sans-serif;
}

.spacer15px	{
	font-size: 15px;
	font-family: sans-serif;
}

.spacer20px	{
	font-size: 20px;
	font-family: sans-serif;
}

.error-msg	{
	background: #ffc0c0;
	color: red;
	border-width: 3px;
	border-color: red;
	border-style:solid;
	text-align: center;
	width: 60%;
	padding: 20px;
}

.info-msg	{
	background: #c0ffc0;
	color: green;
	border-width: 3px;
	border-color: green;
	border-style:solid;
	text-align: center;
	width: 60%;
	padding: 10px;
}

.info-msg2	{
	background: #00337f;
	color: White;
	border-width: 1px;
	border-color: #d0e0ff;
	border-style:solid;
	text-align: center;
	width: 60%;
	padding: 10px;
	border : outset;
	font-family : Arial, Helvetica, sans-serif;
	font : bold smaller;
}

.menu	{
	background: #ffffc0;
	color: #808060;
	border-width: 2px;
	border-color: #808060;
	border-style:solid;
	margin: 0;
	padding: 3px 50px;
}

.menu_item	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #c0c080;
	color: #808060;
	border-width: 1px;
	border-color: #808060;
	border-style:solid;
	margin: 0 10px;
	padding: 3px 10px;
}

.menu_item_selected	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #808060;
	color: #c0c080;
	border-width: 1px;
	border-color: #c0c080;
	border-style:solid;
	margin: 0 10px;
	padding: 3px 10px;
}

.submenu	{
	background: #c0c0a0;
	color: #808060;
	border-width: 1px;
	border-color: #808060;
	border-style:solid;
	margin: 0;
	padding: 3px 50px;
}

.submenu_item	{
	font-size: 9pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	background: #c0c080;
	color: #808060;
	border-width: 1px;
	border-color: #808060;
	border-style:solid;
	margin: 0 10px;
	padding: 3px 10px;
}

.submenu_item_selected	{
	font-size: 9pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	background: #808060;
	color: #c0c080;
	border-width: 1px;
	border-color: #c0c080;
	border-style:solid;
	margin: 0 10px;
	padding: 3px 10px;
}

.action	{
	font-size: 12pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	background: 000080;
	color: #ffffff;
	border-width: 3px;
	border-color: #606080;
	border-style: double;
	margin: 5px 15px;
	padding: 3px 10px;
}

.action-lable {
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: 000080;
	color: #ffffff;
	border-width: 3px;
	border-color: #608060;
	border-style: none;
	margin: 5px 15px;
	padding: 3px 10px;
}

/* .tblhdr_lst { */
.header {
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12pt;
  	font-weight: bold;
  	color: #0072ff;
  	
}

.header2 {
  	font-family: Copperplate Light, Copperplate Gothic Light, serif;
  	font-size: 14pt;
  	font-weight: bold;
  	color: #0072ff;
  	
}

.itb_categories	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	background: #ffffff;
	color: #606080;
	border-width: 3px;
	border-color: #606080;
	border-style: double;
	margin: 5px 15px;
	padding: 3px 10px;
}

.list_table	{
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	color: #404080;
}


.action-btn	{
	font-size: 10pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	background: #d0e0ff;
	color: #606080;
	border-width: 3px;
	border-color: #606080;
	border-style: double;
	/* margin: 5px 15px;
	padding: 3px 10px; */
}

.path	{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #808080;
	font-weight: normal;
}


/* End of document */