body {
	margin:0;
	padding:0;
	height:100%;
}

#container {
	display:none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#header {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 95px;
	background-color:transparent;
	background-image:url('../images/tile_topbar.jpg');
	background-repeat:repeat-x;
	background-position: 0 0;
}

#pixelContainer {
	position: absolute;
	top:0px;
	left: 0px;
    display:none;
}


#headerAssetContainer {
	position: relative;
	top:10px;
	left: -240px;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#toolbarContainer {
	position: absolute;
	top: 94px;
	left: 0px;
	width: 	100%;
	height: 240px;
}
	
#toolbarBackdrop {
	width: 	1000px;
	height: 240px;
	margin: 0 auto;
	text-align:center;
}

#toolbarBackTileLayer {
	position:absolute;
	top: 0px;
	left:0px;
	width:100%;
	height:240px;
	background-color:transparent;
	background-image:url('../../download_files/images/logo_aoltoolbar.png');
	background-repeat:repeat-x;
	background-position: center bottom;
}		

#toolbarBackLayer2 {
	position:absolute;
	top: 0px;
	left:0px;
	width:100%;
	height:240px;
	display:none;
}	

#toolbarImageBackdrops {
	top:50px;
	width: 1000px;
	height: 240px;
	text-align:center;
	margin: 0 auto;
}

#toolbarBackImageLayer {
	position:relative;
	top: 0px;
	width:1000px;
	height:240px;
	background-color:transparent;
	background-image:url('../images/logo_aoltoolbar.png');
	background-repeat:no-repeat;
	background-position: center bottom;
	text-align:center;
	margin: 0 auto;
	z-index: 2;
}		

#toolbarBlurb {
	position:absolute;
	top: 20px;
	left:0px;
	width: 100%;
	color: #FFF;
	font-family: 'Open Sans';
	font-size: 22px;
	margin: 0 auto;
	text-align: center;
	z-index: 4;
}

#toolbarTextAreas {
	position:relative;
	top:95px;
	left: 0px;
	width: 1050px;
	padding: 1px 0;
	margin: 0 auto;
	text-align: center;
}

#toolbarTextArea_1 {
	position:absolute;
	top:0px;
	left: 0px;
	font-family: 'Open Sans';
	font-size: 15px;
	z-index: 2;
	display: none;
}

#toolbarTextArea_2 {
	position:absolute;
	top:0px;
	left: 0px;
	font-family: 'Open Sans';
	font-size: 15px;
	z-index: 2;
	display: none;
}

#toolbarTextArea_3 {
	position:absolute;
	top:0px;
	left: 0px;
	font-family: 'Open Sans';
	font-size: 15px;
	z-index: 2;
	display: none;
}

#toolbarTextArea_4 {
	position:absolute;
	top:0px;
	left: 0px;
	font-family: 'Open Sans';
	font-size: 15px;
	z-index: 2;
	display: none;
}

#toolbarImageBlockBackground {
	position:absolute;
	top:93px;
	left: 0px;
	width: 100%;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	z-index: 4;
}

#toolbarImageBlock {
	position:absolute;
	top:125px;
	left: 0px;
	width: 100%;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	z-index: 5;
}

#toolbarButtonsListBlock {
	position:relative;
	top:217px;
	left: 0px;
	width: 775px;
	padding: 1px 0;
	margin: 0 auto;
	text-align: center;
	z-index: 999;
}

#toolbarButtonsList {
	position:absolute;
	z-index: 7;
}

#toolbarButtonGlow1 {
	display:none;
	position:absolute;
	z-index: 8;
}

#toolbarButtonOverlay1 {
	display:none;
	position:absolute;
	z-index: 9;
}

#toolbarButtonGlow2 {
	display:none;
	position:absolute;
	z-index: 8;
}

#toolbarButtonOverlay2 {
	display:none;
	position:absolute;
	z-index: 9;
}

#toolbarButtonGlow3 {
	display:none;
	position:absolute;
	z-index: 8;
}

#toolbarButtonOverlay3 {
	display:none;
	position:absolute;
	z-index: 9;
}

#toolbarAppsList {
	position:absolute;
	z-index: 7;
}

#appFlyContainer {
	display:none;
	position:absolute;
	background-color: #afb8bf;
	width:35px;
	height:28px;
	z-index: 8;
	text-align: center;
}
#toolbarAppGlow1 {
	display:none;
	position:absolute;
	z-index: 9;
	width:24px;
	height:24px;
}

#toolbarAppOverlay1 {
	display:none;
	position:absolute;
	z-index: 10;
}

#toolbarAppOverlayImage1 {
	margin: 0px 2px;
}

#toolbarButtonBlock {
	position:absolute;
	top:355px;
	left: 0px;
	width: 100%;
	color: #FFF;
	font-family: calibri;
	font-size: 34px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
}

#divEULA {
	position:absolute;
	top:430px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 9;
	display: none;
}

.EULAText{
	color: #999;
	font-family: calibri;
	font-size: 13px;
}

.EULAText a { outline: 0; outline: none;}
.EULAText a:link {color: #3F8DD8; text-decoration: none;}
.EULAText a:visited {color: #3F8DD8; }
.EULAText a:active {color: #3F8DD8; }
.EULAText a:hover {color: #3F8DD8; }

#checkboxContainer {
	position:absolute;
	top:440px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 9;
	display:none;
}

#checkboxes {
	position:relative;
	width:250px;
	color: #999;
	font-family: calibri;
	font-size: 13px;
	z-index: 9;
	text-align:left;
	white-space:nowrap;
	display:inline-block;
}

#bottomBar{
	position: absolute;
	top: 334px;
	left: 0px;
	width: 	100%;
	height: 120px;
	background-color:transparent;
	background-image:url('../images/tile_bottombar.jpg');
	background-repeat:repeat-x;
	background-position: 0 0;
	margin: 0 auto;
	text-align: center;
	z-index: 0;
}


#preloader {
	display: none;
}

#helpContainer {
	position: absolute;
	top: 94px;
	left: 0px;
	width: 	100%;
	height: 240px;
	color: #666;
	font-family: calibri;
	font-size: 20px;
}

#helpTitle {
	position:relative;
	top: 20px;
	left: -190px;
	font-size: 30px;
}

#helpSubtitle {
	position:relative;
	top: 20px;
	left: -170px;
}

#footerContainer{
	position: absolute;
	top: 470px;
	left: 0px;
	width: 	100%;
	height: 120px;
	color: #999;
	font-family: calibri;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	z-index: 3;
}

.copyrightAndLinks {
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 850px;
	top: 0px;
	color: #999;
}

#warningText {
	color: #F00;
}

#copyright{
	margin-top: 12px;
}


#footerContainer a { outline: 0; outline: none; }
#footerContainer a:link {color: #999; text-decoration: none;}
#footerContainer a:visited {color: #999; }
#footerContainer a:active{color: #999; }
#footerContainer a:hover {color: #000; }

a { outline: 0; outline: none;}
a img { border: none; outline: none; }
a:link {color: #3F8DD8; text-decoration: none;}
a:visited {color: #3F8DD8; }
a:active{color: #3F8DD8; }
a:hover {color: #3F8DD8; }

#popupWindowContainer{	
	display:none;
  	position: absolute;
  	bottom: 50%;
  	right: 50%;
  	height: 600px;
  	width: 580px;
	z-index:998;
}
	
#popupWindow {
  	position: relative;
  	left: 50%;
  	top: 50%;
	text-align:left;
	width:580px;
	background:#eee;
	border:10px solid #999;
	border-radius:5px;
	padding:15px;
	font-size:12px;
	z-index:998;
}

#popupWindowContainerUB {	
	display:none;
  	position: absolute;
	margin: 0 auto;
	text-align: center;
  	height: 100%;
  	width: 100%;
	z-index:998;
}
	
#popupWindowUB {
  	position: relative;
  	top: 20%;
	margin: 0 auto;
	text-align: center;
	width:524px;
	background:#000000;
	border:10px solid #383838;
	border-radius:5px;
	padding:25px;
	font-family: calibri;
	color: #FFFFFF;
	font-size:16px;
	z-index:998;
}


#closeButton {
	float:right;
	z-index:999;
}

#closeButtonUB {
	background:#000000;
	z-index:999;
	border: 0;
}
	
#fadeOverlay {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.0;
	z-index:997;
}

	
#ffUpgradeButton {
	font-family: calibri;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	display: block;
	width: 270px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	background-color: #00a0d4;
}

a#ffUpgradeButton {
	color: #ffffff; 
	background: -moz-linear-gradient(top, #00a0d4, #45c0f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a0d4), to(#45c0f5));
	<!--[if gte IE 9]>
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a0d4', endColorstr='#45c0f5');
	<!--[if gte IE 9]>
}

a#ffUpgradeButton:hover { 
	color: #ffffff;
	background-color: #45c0f5;
	background: -moz-linear-gradient(top, #45c0f5, #00a0d4);
	background: -webkit-gradient(linear, left top, left bottom, from(#45c0f5), to(#00a0d4));
	<!--[if gte IE 9]>
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45c0f5', endColorstr='#00a0d4');
	<![endif]-->
} 	

