/* STOP! Don't Change THIS! Using AirreviewNew.css for all v5.0 onwards!!! */


body {font-family:Arial Narrow, Arial, sans-serif; font-size:12pt; font-weight:normal; color:#000000; margin-top: 0px; margin-left: 3px; margin-right: 3px;}
H1 {font-family:Arial, sans-serif; font-size:24pt; font-weight:bold; color:#000099; line-height: 26px; margin-bottom: 0px;}
H2 {font-family:Arial, sans-serif; font-size:20pt; font-weight:bold; color:#000099; line-height: 23px; margin-bottom: 0px;}
H3 {font-family:Arial, sans-serif; font-size:17pt; font-weight:bold; color:#000099; line-height: 21px; margin-bottom: 0px;}
H4 {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:#000099; line-height: 16px; margin-bottom: 0px;}
H5 {font-family:Arial, sans-serif; font-size:12pt; font-weight:bold; color:#000099; line-height: 14px; margin-bottom: 0px;}
H6 {color: #000000; font-size: 10px; font-family: Verdana, Arial Narrow, Arial, sans-serif; text-decoration:none; display: inline; position: relative; padding-left: 3px; padding-right: 3px; border-right: 1px solid; border-bottom: 1px solid; border-top: 1px solid; background-color: #CCCCCC; }   	/* For non-Java menu */
a {color:#0000FF; text-decoration:none}
a:hover {color:#0000FF; text-decoration:underline; }
a:visited {color:#0000ff}
#SmallText { font-family: Arial Narrow, sans-serif; font-size:13px; line-height: 14px;}
#SmallGrey { color: #777777; font-family: Arial Narrow, sans-serif; font-size:13px; text-align: right; line-height: 13px; display: inline; position: relative; vertical-align:top}
#News { color: #FF0000;}
#TopTabsFirstLoad a{font-size: 12px; color: black; background:#ddd; border: 1px solid black; margin: 0 7px 0 0; float: left; font-family: Tahoma, Arial Narrow, Arial, sans-serif; }
#TopTabsFirstLoad a:hover{background:yellow; text-decoration:none;}
table#TableAlignTop td { position:relative; vertical-align:top; }

/* body > iframe, #_atssh {display: none!important;}  /* Remove the twitter button scroll bar bug */
iframe[name="twttrHubFrame"] {
    display: none !important;
}

iframe[name="twttrHubFrameSecure"] {
    display: none !important;
}


    /*             CSS for toptabs              */
    /* ---------------------------------------- */
    /* Changes: font 12px, ul li ul li a black, margin 7px not 10px, width 170px not 160px */
	
.toptabsmenu ul{margin: 0; padding: 0; list-style-type: none; font-family: Tahoma, Arial Narrow, Arial, sans-serif; display: block; font-size: 12px; line-height: 16px;}  
.toptabsmenu ul li{position: relative; display: inline; float: left; margin: 0 7px 0 0; /* background: url(bg-button-yell-dark.gif) repeat-x 0 0; */  /* ERROR!!!! background:#ffffcc In prodversion ! WAS bg-button-1yell.gif **/
border: 1px solid black; border-top: 0px; border-bottom: 0px; color: black;  z-index: 20;}
.toptabsmenu ul li a{ background:#ddd url(bg-button.gif) repeat-x 0 0; padding: 0px 0px;  text-decoration: none; color: black;
border-bottom: 1px solid black; border-top: 1px solid black; /*Produces curved top due to bug on border-top: 0 */  }
.toptabsmenu ul li ul {position: absolute; left: 0; top: 1em; display: block; visibility: hidden;}
.toptabsmenu ul li ul li {display: list-item; float: none; border: 0px;}
.toptabsmenu ul li ul li ul { left: 159px; top: 0;}
.toptabsmenu ul li ul li a{display: block; border: 1px solid black; border-top: 0px; padding: 1px 5px; width: 170px; text-decoration: none; color: black;}
.toptabsmenu ul li a:hover{ background:#ffff00 url(bg-button-yell-dark.gif) repeat-x 0 0; color: blue; cursor:pointer; text-decoration:none !important;}
.toptabsmenu .mainfoldericon{background:#dddddd url(bg-button.gif) repeat-x 0 0;}
.toptabsmenu .subfoldericon{background: #ffffcc url(arrow-right.gif) no-repeat center right;}

* html p#iepara{ padding-top: 1em; }     /*For a para that follows menu, add 1em top spacing between the two in IE*/
* html .toptabsmenu ul li { float: left; height: 1%; }  /* Hack for IE */
* html .toptabsmenu ul li a { height: 1%; }
* html .toptabsmenu ul li ul li { float: left;}

    /*             My Button CSS            */
    /* ---------------------------------------- */

.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none!important; color:#111; }
.btn span { background:#ddd url(bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #0000fa; border-right:1px solid #0000fa; }
.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #0000fa; border-bottom:1px solid #0000ff; }
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; border-color:#9999ff; color:#0000ff; text-decoration:none;}  /* The !important; REMOVES the a hover I added earlier */
.btn:active span { background-position:0 -400px; outline:none; }
.btn:focus, .btn:active { outline:none; }
.primary { font-weight:bold; color:#000; }

html:not([lang*=""]) button.btn { margin:0 -3px; }    /* Hack Gecko browsers which use and extra 3px of left/right pad */
* html .btn span { padding-top:0; }     /* IE4-6 will process this: all other browsers will not */
* html button.btn { padding-bottom:1px; }

    /*             Tabs on top menu CSS            */
    /* ---------------------------------------- */

.horizontalmenu ul{ margin: 0; padding: 0; list-style-type: none; font-family: Verdana, Arial Narrow, Arial, Verdana, sans-serif; font-size: 10px; margin-left: -3px;}    /* Hard Left side for top menu */
.horizontalmenu ul li{ position: relative; display: inline; float: left; background-color: #dddddd; z-index: 25;}
.horizontalmenu ul li a{ display: block; display: inline; position: relative; border: 1px solid black; border-left-width: 0;
padding: 0px 8px; padding-left: 3px; padding-right: 3px;
font-weight:bold; text-decoration: none; color: #000000; }
.horizontalmenu ul li ul{ display: block; position: absolute; left: 0; top: 1em; visibility: hidden; }
.horizontalmenu ul li ul li{ display: list-item; float: none;}
.horizontalmenu ul li ul li ul{ left: 189px; top: 0; }
.horizontalmenu ul li ul li a{ display: block; padding: 0px 5px;  /* Must be 0 or dropdown vanished in IE7! */ 
border-left: 1px solid #000000; border-right: 1px solid #000000; border-top-width: 0;
text-decoration: none; color: black; width: 185px; }

.horizontalmenu ul li a:hover{ background: black; color: white; cursor:pointer; text-decoration:none;}
.horizontalmenu .mainfoldericon{background:#dddddd; }
.horizontalmenu .subfoldericon{background: #dddddd url(arrow-right.gif) no-repeat center right;}

* html p#iepara{ padding-top: 1em; }                       /* For a para that follows menu, add spacing in IE*/
* html .horizontalmenu ul li { float: left; height: 1%; }  /* Hack for IE */
* html .horizontalmenu ul li a { height: 1%; }
* html .horizontalmenu ul li ul li { float: left;}

/* Now starting to use the Loungeindex plug from v5 in v4 pages */

table.LoungeIndexPlug {float: right; width: 300px; margin: 3px 0px 3px 0px; padding: 0px; border-spacing:0; border-collapse:collapse; font-family: Verdana, Arial Narrow, sans-serif; font-size:15px; line-height: 18px; background-image: url('http://www.airreview.com/Ads/ReadMoreLoungeIndex.gif'); background-position: left; background-repeat:no-repeat;}
table.LoungeIndexPlug th {width:69px height:69px; background-repeat: no-repeat; background-position: center;} 

/* LAST CHANGED IN 2015 - NOW WITH A PLUGIN FOR MOBILE FOR 2018 - This works on every page, so long as it has <meta name="viewport" content="width=device-width, initial-scale=1"> */
/* So just change <head> to <head><meta name="viewport" content="width=device-width, initial-scale=1"> and it'll all be mob friend! */

@media screen and (max-width: 1023px) {
	body {font-size:18px;}
	#SmallText {font-size: 18px; line-height: 20px; }
	.horizontalmenu {display:none;}
	.toptabsmenuZZZ {display:none;}

	.toptabsmenu ul li {line-height:0px; font-size: 0px; border:0px; margin: 0px; padding: 0px; width:99%; }
	.toptabsmenu ul li a {font-size: 16px; line-height: 22px; font-weight:normal; background:blue!important; color:white; display:block; width:99%; margin: 0px; padding: 0px 0px 0px 5px;}
	.toptabsmenu ul li ul {display:none!important;}
}
	
@media screen and (max-width: 767px) {	
	iframe {overflow:hidden!important; width:100%!important;}
	table {display:block; margin:0px auto; clear:both; float:initial!important; text-align:initial!important; width:300px!important; height:initial!important;}
	img {width:100%!important; height:initial!important; margin:0px auto;}
	.boxbody {display:none;}
	#topbanner {width:100%!important;}
}