@import url('lslide.css');
@import url('fancybox.css');
@import url('forms.css');


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com	
	
	FONT SIZING GUIDE
	
	This website uses EM's to specify font sizes. The base font-size is 62.5% which equals 10px.
	This even base number makes it easy to specify EM's sizes that relate to relative pixel sizes.
	i.e. 1.2em = 12px		1.8em = 18px		3.6em = 36px	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* =RESET STYLES
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
   
/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/

h1 {
	font: bold 2.8em "Myriad Pro", Helvetica, Arial, verdana, sans-serif;
	color: #333;
	padding: 10px 0;
}

h2 {
	font: bold 2.4em "Myriad Pro", Helvetica, Arial, verdana, sans-serif;
	color: #333;
	padding: 15px 0;
	margin: 0;
}

h3 {
	font: bold 1.4em "Myriad Pro", Helvetica, Arial, verdana, sans-serif;
	color: #2e6588;
	padding: 5px 0;
}

h4 {
	font: bold 1.2em "Myriad Pro", Helvetica, Arial, verdana, sans-serif;
	color: #2e6588;
	padding: 15px 0;
}

p {
	font: normal 1.2em/1.6em Calibri, "Myriad Pro", Helvetica, Arial, verdana, sans-serif;
	color: #535353;
	margin: 15px 0;
}

	#content p {
		font-size:  1.4em;
	}

	#col1 p.highlight {
		font-size: 1.6em;
		color: #266292;
	}

a {
    font: inherit ;
    color: #389d3a;
}
	a:hover {color: #0c4b0f;}

strong {font-weight: bold;}
em {font-style: italic;}

ul {
	list-style: outside disc;
	font-size: inherit;
	margin: 10px;
}

ol {
	list-style: outside decimal;
	font-size: inherit;
	margin: 10px;
}

	#content ul {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	
		#content ul li {
			margin-bottom: 10px;
		}

abbr, acronym {border-bottom: 1px dotted #000;}

.green {
	color: #fff;
	background-color: #3ca648;
	padding: 2px;
}

.gray {
	color: #fff;
	background-color: #818181;
	padding: 2px;
}

.red {
	color: #fff;
	background-color: #de2516;
	padding: 2px;
}

p.testscore {
	font-size: 2em;	
}

span.scoreresult {
	display: block;
	padding: 10px;
	font-size: 1.14em;	
	color: #266292;
	text-align: left;
	background-color: #e2f0f8;
}

/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 62.5%/1.125em Calibri, "Myriad Pro", Helvetica, Arial, verdana, sans-serif;
	color: #535353;
	background: #266292 url(../images/main_bg.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

#container {
	width: 100%;
	background: transparent url(../images/banner_bg.jpg) top center no-repeat;
}

#wrapper {
    width: 990px;
    margin: 0 auto;
}

#header {
	position: relative;
    width: 990px;
	height: 180px;
}

    #header img {
		display: block;
		float: left;

		margin: -15px 0 0 0;
    }
	
#topbar {
	height: 25px;
}


/************* NAVIGATION *************/

#navigation {
	width: 980px;
	height: 40px;	
	margin: 0 4px;
}
    #navigation ul {
		position: relative;
		width: 990px;
		height: 40px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
        #navigation ul li {
            display: block;
			height: 40px;
        }
            #navigation ul li a {
				display: block;
				height: 40px;
            }


#navigation ul li#n_home {
	float: left;
	width: 74px;
}
	#navigation ul li#n_home a {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 16;
		width: 74px;
		background: transparent url(../images/main_navigation.png) 0 -200px no-repeat;
	}
		#navigation ul li#n_home a:hover {
			z-index: 36;
			background-position: 0 0;
		}
		#b_home #navigation ul li#n_home a {
			z-index: 26;
			background-position: 0 0;
		}
			#b_home #navigation ul li#n_whyatc a:hover {
				z-index: 199;
				background-position: -53px -40px;
			}
	
#navigation ul li#n_whyatc {
	float: left;
	width: 170px;
}
	#navigation ul li#n_whyatc a {
		position: absolute;
		left: 53px;
		top: 0;
		z-index: 15;
		width: 170px;
		background: transparent url(../images/main_navigation.png) -53px -280px no-repeat;
	}
		#navigation ul li#n_whyatc a:hover {
			z-index: 35;
			background-position: -53px -320px;
		}
		#b_whyatc #navigation ul li#n_whyatc a {
			z-index: 25;
			background-position: -53px -320px;
		}
			#b_whyatc #navigation ul li#n_askatc a:hover {
				z-index: 199;
				background-position: -203px -160px;
			}
			#b_whyatc #navigation ul li#n_home a:hover {
				z-index: 199;
				background-position: 0 -80px;
			}
		
		
#navigation ul li#n_askatc {
	float: left;
	width: 104px;
}
	#navigation ul li#n_askatc a {
		position: absolute;
		left: 203px;
		top: 0;
		z-index: 14;
		width: 104px;
		background: transparent url(../images/main_navigation.png) -203px -360px no-repeat;
	}
		#navigation ul li#n_askatc a:hover {
			z-index: 34;
			background-position: -203px 0;
		}
		#b_askatc #navigation ul li#n_askatc a {
			z-index: 24;
			background-position: -203px 0;
		}
			#b_askatc #navigation ul li#n_tryitfree a:hover {
				z-index: 199;
				background-position: -287px -200px;
			}
			#b_askatc #navigation ul li#n_whyatc a:hover {
				z-index: 199;
				background-position: -53px -120px;
			}



#navigation ul li#n_tryitfree {
	float: left;
	width: 112px;
}
	#navigation ul li#n_tryitfree a {
		position: absolute;
		left: 287px;
		top: 0;
		z-index: 13;
		width: 112px;
		background: transparent url(../images/main_navigation.png) -287px -360px no-repeat;
	}
		#navigation ul li#n_tryitfree a:hover {
			z-index: 33;
			background-position: -287px -40px;
		}
		#b_tryitfree #navigation ul li#n_tryitfree a {
			z-index: 23;
			background-position: -287px -40px;
		}
			#b_tryitfree #navigation ul li#n_signup a:hover {
				z-index: 199;
				background-position: -379px -280px;
			}
			#b_tryitfree #navigation ul li#n_askatc a:hover {
				z-index: 199;
				background-position: -203px -240px;
			}
	
		

#navigation ul li#n_signup {
	float: left;
	width: 104px;
}
	#navigation ul li#n_signup a {
		position: absolute;
		left: 379px;
		top: 0;
		z-index: 12;
		width: 104px;
		background: transparent url(../images/main_navigation.png) -379px -360px no-repeat;
	}
		#navigation ul li#n_signup a:hover {
			z-index: 32;
			background-position: -379px -160px;
		}
		#b_signup #navigation ul li#n_signup a {
			z-index: 22;
			background-position: -379px -160px;
		}
			#b_signup #navigation ul li#n_contact a:hover {
				z-index: 199;
				background-position: -464px -80px;
			}
			#b_signup #navigation ul li#n_tryitfree a:hover {
				z-index: 199;
				background-position: -287px -320px;
			}
		

#navigation ul li#n_contact {
	float: left;
	width: 121px;
}
	#navigation ul li#n_contact a {
		position: absolute;
		left: 464px;
		top: 0;
		z-index: 11;
		width: 121px;
		background: transparent url(../images/main_navigation.png) -464px -200px no-repeat;
	}
		#navigation ul li#n_contact a:hover {
			z-index: 31;
			background-position: -464px 0;
		}
		#b_contact #navigation ul li#n_contact a {
			z-index: 21;
			background-position: -464px 0;
		}
			#b_contact #navigation ul li#n_signup a:hover {
				z-index: 199;
				background-position: -379px -120px;
			}

/************* /NAVIGATION *************/

#siteframe {
	width: 990px;
	background: transparent url(../images/siteframe_bg.png) 0 0 repeat-y;
}

#content {
    width: 940px;
	background: transparent url(../images/content_bg.gif) 0 0 no-repeat;
	padding: 25px;
}

#Content {
    width: 940px;
	background: transparent url(../images/content_bg.gif) 0 0 no-repeat;
	padding: 25px;
}

#footer {
    width: 940px;
	padding: 20px 25px 10px 25px;
	background: transparent url(../images/footer_bg.gif) 0 0 no-repeat;
	margin: 0 auto;
}

	#footer p {
		color: #a9bccf;
		margin: 10px 0;
	}
	
	#footer ul {
		list-style-type: none;
		width: 540px;
		font-size: 1.2em;
		padding: 10px 0;
	}
		#footer ul li {
			display: inline;
			margin-right: 10px;
		}
			#footer ul li a {
				color: #fff;
				text-decoration: none;
			}
				#footer ul li a:hover {color: #73CB5A;}
				
p#siteby {
	float: right;
	text-align: right;
	width: 200px;
	line-height: 12px;
	margin: 10px 0;
}

	p#siteby a {color: #fff;}
		p#siteby a:hover {color: #73CB5A;}



/* =HOMEPAGE STYLES
   ----------------------------------------------------*/

#introbox {
	position: relative;
	width: 940px;
	background-color: #ecf5fa;
}

	.tl, .tr, .bl, .br {float: left;}
	.tl {background: transparent url(../images/intro_tl.gif) top left no-repeat;}
	.tr {background: transparent url(../images/intro_tr.gif) top right no-repeat;}
	.bl {background: transparent url(../images/intro_bl.gif) bottom left no-repeat;}
	.br {background: transparent url(../images/intro_br.gif) bottom right no-repeat; padding: 20px}

	#introboxContent {
		float: left;
		width: 488px;
		margin: 0 40px 0 0;
	}	
		
		#introboxContent p {
			font-size: 1.4em;
			color: #262626;
			margin: 5px 0;
		}
		
		#introboxContent ul {
			font-size: 1.4em;
			color: #262626;
			line-height: 1.6em;
			margin: 20px;
		}
		
		#introboxContent h1 {
			font-weight: bold;
			font-size: 2.4em;
			color: #010101;
			text-shadow: 5px 2px 2px #ccd0d1;
			padding: 15px 0 0 0;
		}
		
		#introboxContent #tryfreebtn {
			position: absolute;
			bottom: 110px;
			left: 326px;
			margin: 0;
		}
		
		#introboxContent #signupbtn {
			position: absolute;
			bottom: 60px;
			left: 326px;
			margin: 0;
		}
		
	#introScreenshots {
		width: 372px;
		float: left;
	}
	
		#introScreenshots a img {
			border: 1px solid #999;
		}
	
		#introScreenshots .thumbLeft {
			float: left;
			margin-bottom: 20px;
		}
		
		#introScreenshots .thumbRight {
			float: right;
			margin-bottom: 20px;
	}
		
#aviationHeadlines {
	float: left;
	width: 508px;
	height: 51px;
	background: transparent url(../images/headlines_bg.gif) 0 0 no-repeat;
	padding: 10px;
	margin-top: 20px;
}
	
	#aviationHeadlines h2 {
		font-size: 1.6em;
		color: #333;
		padding: 5px 0;
	}
	
		.newsTicker {
			background: transparent url(../images/tfill.gif) 0 0 repeat-x;
		}
	
			.newsTicker p {
				width: 100%;
				color: #333;
				background-color: transparent!important;
				margin: 0;
				padding: 0;
			}
					 .newsTicker a {
						font-weight: bold;
						text-decoration: underline;
					}
						.newsTicker a:hover {color: #73CB5A;}

		

#col1 {
	width: 528px;
	float: left;
	left:0;
	margin-right: 40px;
}

	#b_home #col1 p, #b_home #col2 p {
		font-size: 1.2em;
		margin: 0 0 10px 0;
	}
	
	#col1 h3, #col2 h3 {
		padding: 5px 0 0 0;
	}
	
	#col1 p.highlight {
		display: block;
		float:  left;
		width: 528px;
	}

	#col1 p.highlight {
		font-size: 1.6em;
		color: #266292;
	}


#col2 {
	width: 372px;
	float: left;
}


	#col2 blockquote {
		float: left;
		margin-bottom: 20px;
	}
	
	#col2 blockquote p {
		font-style: italic;
		font-size: 1.4em;
	}
	
	#col2 blockquote p.quoteName {
		font-weight: bold;
		text-align: right;
		color: #333;
	}
	
#col2 .twitter img {
	border: none;
}

#col2 a.twitter {
	display: block;
	width: 180px;
	text-decoration: none;
	color: #333;
	font-size: 1.6em;
	margin: 60px auto 0 auto;
}


.subCol {
	width: 254px;
	float: left;
}

	.subCol.left {
		margin-right: 20px;
	}

#tryfreebtn {
	display: block;
	width: 182px;
	height: 47px;
	background: transparent url(../images/tryitfree_btn.png) 0 0 no-repeat;
	margin: 20px auto 20px auto;
}

#starttrainingbtn {
	display: block;
	width: 182px;
	height: 47px;
	background: transparent url(../images/start-training_btn.png) 0 0 no-repeat;
	margin: 20px auto 20px auto;
}

#fullaccessbtn {
	display: block;
	width: 221px;
	height: 47px;
	background: transparent url(../images/full-access_btn.png) 0 0 no-repeat;
	margin: 20px auto 20px auto;
}

#signupbtn {
	display: block;
	width: 182px;
	height: 47px;
	background: transparent url(../images/signup_btn.png) 0 0 no-repeat;
	margin: 20px auto 20px auto;
}

.greenButton {
	display: block;
	width: 162px;
	height: 27px;
	background: transparent url(../images/blank_btn.png) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
	margin: 20px auto 20px auto;
	padding: 10px;
}



/* =TOPBAR
   ----------------------------------------------------*/

ul#langselect {
	list-style-type: none;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

	ul#langselect li {
		display: inline;
		margin-right: 5px;
		color: #5c798c;
		font-size: 1.1em;
	}
	
		ul#langselect li a {
			color: #a3c1d5;
			text-decoration: none;
			margin-right: 5px;
		}
		
			ul#langselect li a:hover {
				color: #fff;
			}

#panel_contents dl {
	float: left;
	width: 285px;
	margin: 20px 10px 0 10px;
}

#panel_contents dt {
	display: block;
	float: left;
	width: 60px;
	font-size: 1.2em;
	line-height: 20px;
	color: #fff;
	margin-right: 10px;
}

#panel_contents dd {
	display: block;
	float: left;
	width: 215px;
	height: 22px;
	margin: 0 0 5px 0;
}


	#panel_contents dd input {
		width: 211px;
		height: 16px;
		border: 1px solid #555;
		background-color: #000;
		color: #fff;
		opacity: .4;
		padding: 2px;
	}
	
	#panel_contents dt.forgotPass {
		display: block;
		float: left;
		height: 14px;
		width: 160px;
		margin: 0;
	}
		#panel_contents dt.forgotPass a {
			display: block;
			height: 14px;
			width: 160px;
			color: #a3c1d5;
		}
		#panel_contents dt.forgotPass a:hover {
			color: #fff;
		}

	#panel_contents dd.loginButton {
		display: block;
		float: right;
		width: 50px;
		height: 20px;
	}
	
		#panel_contents dd.loginButton input {
			width: 50px;
			height: 20px;
			opacity: 0.6;
			font-size:1.1em;
			color: #fff;
		}
		
		#panel_contents dd.loginButton input:hover {
			background-color: #09951C;
			color: #fff;
			opacity: 1;
		}
		
		#panel_contents dd.loginButton input:active {
			background-color: #1D4F7F;
		}



#topbar p {
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	height: 22px;
	color: #5c798c;
	text-align: right;
	line-height: 22px;
	font-size: 1.1em;
	margin: 0;
}

	#topbar a:hover {color: #fff;}

/* =ASKATC (news page)
   ----------------------------------------------------*/

body#b_askatc h2 {
	padding: 10px 0 0 0;
}

	body#b_askatc h2 a:hover {
		color: #266292;
		text-decoration: underline;
	}

span.postStats {
	margin: 0;
	padding: 0;
}

body#b_askatc #mainCol p {
	font-size: 1.4em;
}

body#b_askatc #mainCol ul, body#b_askatc #mainCol ol {
	font-size: 1.4em;
}

/* =SIGNUP
   ----------------------------------------------------*/

#pack1, #pack2, #pack3 {
    width: 272px;
    float: left;
    background-color: #ECF5FA;
    border: 4px solid #b7d4eb;
    text-align: center;
    padding: 10px 10px 20px 10px;
}

#pack2 {
    margin: 0 20px;
}

#PPBlock h3 {
    font-size: 3em;
}

#PPBlock p {
    font-size: 1.8em;
    margin: 5px 0 20px 0;
}

#PPBlock a {
    font-size: 2em;
    line-height: 27px;
}

#pack1 span, #pack2 span, #pack3 span {
    font-size: 1.2em;
    color: #06A641;
    display: block;
}

#PPBlock .greenButton {
	margin: 5px auto 0 auto;
}

p.intro {
    font-size: 1.6em;
}

.notice {
	width: 520px;
	background-color: #FFFDBF;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

.notice p {
	font-size: 1.4em;
	margin: 0;
}

/* =MISC. STYLES
   ----------------------------------------------------*/


#signupbtn, 
#fullaccessbtn,
#starttrainingbtn,
#tryfreebtn,
#navigation ul li a,
#header h1 a {      /*----Add image replaced element here----*/
    letter-spacing: -10000em;
    text-indent: -99999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*#dc {clear:both;}

#ticker_wrap  {
		color: #fff;
		margin: 0;
		padding-top: 5px;
		padding-left:5px;
		font-size:12px;
		}
#ticker_wrap a {
		color: #fff;
		text-decoration: none;
		}
#ticker_wrap a:hover {
		color: #5bbb52;
		}*/

/*
 * Page list
 */

.PageList
{
	color: #666666;
	margin-top: 1em;
}

.PageList span
{
	font-size:  1.2em;
	float: left;
	margin-right: 0.5em;
	color: #333333;
	padding:  5px;
}

.PageList ul
{
	list-style-type: none;
	display: inline;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

.PageList li
{
	font-size:  .858em;
	float: left;
	margin: 0;
	padding: 5px;
}

.PageList li a
{
	text-decoration: none;
	color: #999999;
	font-weight: bold;
	padding:  0;
}

.PageList li.Active
{
	background: #cccccc;
	color: white;
}

.Hidden
{
display: none;
}

#buttonFloater {
	position:relative;
	float:left;
	padding-left:25%;
}