<!DOCTYPE html>

<!-- 
**********************************************************************

 ADOBE CONFIDENTIAL
 ___________________

 Copyright 2011 Adobe Systems Incorporated
 All Rights Reserved.

 NOTICE:  All information contained herein is, and remains
 the property of Adobe Systems Incorporated and its suppliers,
 if any.  The intellectual and technical concepts contained
 herein are proprietary to Adobe Systems Incorporated and its
 suppliers and are protected by trade secret or copyright law.
 Dissemination of this information or reproduction of this material
 is strictly forbidden unless prior written permission is obtained
 from Adobe Systems Incorporated.

********************************************************************** 

This HTML file loads ModuleManager.js which uses XMLHttpRequest to invoke Business 
Catalyst (BC) API's required for constructing the BC module manager URL.

-->
<html>
<head>
<style>

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

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

body {
	background: #dadada;
	color: #222;
	font: 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#modal-window {
	background: #eee;
}

h1,h2,h3,h4,h5,h6 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; }

h1 {
	clear: both;
	font-size: 19px;
	letter-spacing: -0.06em;
	margin: 0 0 32px;
}

h2 {
	font-size: 16px;
	margin: 0 0 15px;
}

strong { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; }

em { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style:italic; }

a {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 15px 0;
}

p.error {
	background: #f8f8f8 url("../Shared/BC/Images/icon-alert-16x16.png") no-repeat 11px 9px;
	border-radius: 4px;
	padding: 10px 10px 10px 36px;
	width: 210px;
}

#panel p.error {
	background: #e9e9e9 url("../Shared/BC/Images/icon-alert-16x16.png") no-repeat 11px 9px;
	width:auto;
}

.container {
	padding: 15px;
	display:none;
}

a.button {
	background-image:url('../Shared/BC/Images/button.png');

	background-repeat:repeat-x;
	border-top: 1px solid #8b8b8b;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #656565;
	border-radius: 2px;
	box-shadow: 0 1px #f3f3f3;	
	color: #333;
	display: inline-block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	line-height: 20px;
	margin: 0 10px 0 0;
	min-width: 58px;
	padding: 0 15px;
	text-align: center;
	text-decoration: none;
}

#panel a.button {
	box-shadow: 0 1px #e7e7e7;
}

a.button:hover {
	background-image:url('../Shared/BC/Images/button_hover.png');
}
	
a.button:active {
	background-image:url('../Shared/BC/Images/button_active.png');
}	

#modal-window a.button {
	min-width: 40px;
}

.center {
	text-align: center;
}

#sign-up-section {
	float: left;
	padding: 0 30px 0 0;
	width: 175px;
}

#login-section {
	border-left: 1px solid #c5c5c5;
	float: left;
	padding: 0 0 35px 40px;
}

dt {
	float: left;
	text-align: right;
	width: 64px;
}

dd {
	margin: 0 0 0 69px;
	width: 174px;
}

dt,dd {
	height: 20px;
	line-height: 22px;
	margin-bottom: 5px;
}

dd.alt {
	height: 48px;
}

input[type=text],input[type=password] {
	background: #f2f2f2;
	border: 1px solid #646464;
	border-radius: 2px;
	height: 15px;
	width: 170px;
}

#scrimm {
	background: #dadada;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.7;
	position: absolute;
	width: 100%;
	z-index: 1000000;
}

#scrimm .container {
	margin: 120px 0 0;
	text-align: center;
	
}

#progress-bar {
	background: #ed6ded;
	border-radius: 2px;
	margin: 0 auto 10px;
	height: 13px;
	width: 115px;
}

#scrimm p strong {
	color: #000 !important;
	font-size: 13px;
}

footer {
	background: #ededed;
	border-top: 1px solid #666;
	position: absolute;
	bottom: 0;
	height: 21px;
	left: 0;
	line-height: 21px;
	width: 100%;
}

footer #site-name {
	color: #888;
	margin: 0 0 0 6px;
}

footer #logout {
	float: right;
	margin: 0 6px 0 0;
}

</style>
	<script>
		var currentState = "";
		
		function setString(id, value) {
			var element = document.getElementById(currentState + '_' + id);
			if (!element) {
				element = document.getElementById(id);
			}
			
			if (element) {
				element.innerHTML = value;
			}
		}
		
		function showState(state) {
			currentState = state;
			
			document.getElementById('login').style.display = "none";
			document.getElementById('retry').style.display = "none";
			document.getElementById('info').style.display = "none";
			
			var stateDiv = document.getElementById('' + state);
			if (stateDiv) {
				stateDiv.style.display = "block";
			}
		}
		
		function openPartnerPortal() {
		}
	</script>
</head>
<body id="panel">

	<div id="login" class="container">	

		<p id="welcomeLogin"></p>

		<div align="center"><a class="button" href="#" id="loginButton" style="margin-left:auto; margin-right:auto;"></a></div>

	</div>

	<div id="retry" class="container">
		<p class="error" id="retry_staticTextArea"></p>

		<div align="center"><a class="button" href="#" id="retryButton"></a></div>

	</div>

	<div id="info" class="container">
		<p class="error" id="info_staticTextArea"></p>
	</div>
</body>
</html>
