@import url(Bubble.css);

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

body {
	background: #7d93a3 url(Images/BodyBackground.png) repeat-x;
	cursor: default;
}

body,
table,
input,
textarea,
select { font: 8pt Verdana, Sans-Serif; }

.recoveryCenter {
	max-width: 650px;
	min-width: 300px;
	padding: 10px;
	margin: 0 auto;	
}

h1,
h2,
h3,
h4 {
	padding: 0 0 1em 0;
	margin: 0;
}

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

ul {
	padding: 0 0 1em 3em;
	margin: 0;	
}

p {
	clear: both;
	padding: 0;
	margin: 1em 0;
}

a,
a:visited {
	color: #094c84;
	text-decoration: none;	
}

a:hover {
	color: #2b7fda;
	text-decoration: underline;	
}

.button {
	background: #094c84 url(Images/SmallBanner.png) repeat-x;
	float: left;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	padding: 2px 10px;
	border: 1px solid #052947;
	margin-right: 5px;
}

input.button { }

a.button,
a.button:visited,
a.button:hover {
	color: #fff;
	display: block;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

.forgotPasswordContainer {
	text-align: left;
	padding: 2px 0;
}

a.forgotPasswordButton,
a.forgotPasswordButton:visited,
a.forgotPasswordButton:hover {
	background: #094c84 url(Images/Banner.png) repeat-x;
	float: none;
	display: inline;
	padding: 5px 10px;
}

.attention { font-weight: bold; }

.identificationTypes td.label label { width: auto; }

.textBox,
textarea,
select { border: 1px solid #052947; }

.container,
.container .header,
.container .footer { border: 1px solid #052947; }

.container .header {
	display: block;
	color: #fff;
	background: #094c84 url(Images/Banner.png) repeat-x;
	height: 34px;
	line-height: 34px;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 10px;
	border-width: 0 0 1px 0;
}

.container .body {
	background: #f8fafd url(Images/ContainerBackground.png) repeat-x;
	padding: 10px 10px 25px 10px;
}

.container .footer {
	background: #054e8b url(Images/FlatBanner.png) repeat-x;
	color: #fff;
	clear: both;
	font-size: 0.8em;
	height: 14px;
	border-width: 1px 0 0 0;
}

.container .footer a,
.container .footer a:hover,
.container .footer a:visited { color: #fff; }

.container .footer p.productInfo {
	text-align: right;
	padding: 0 10px;
	margin: 0;	
}

p.info {
	background: url(Images/InfoIcon.png) no-repeat 0 0;
	min-height: 24px;
	padding-left: 30px;
}

.section {
	background: #d9e3ed url(Images/InnerContainerBackground.png) repeat-x 0 100%;
	padding: 5px;
	border: solid 1px #afcee5;
	margin-bottom: 10px;
}

.section .container {
	padding: 5px;
	border: none;
	margin: 0 0 10px 0;
}

.section .body {
	background: transparent;
	padding: 5px;
}

.section .header {
	background: no-repeat 0 0;
	color: #000;
	font-size: 1.1em;
	line-height: 24px;
	height: 24px;
	padding-left: 28px;
	border: none;
}

.forgotPasswordSection .header { background-image: url(Images/KeysIcon.png); }
.identificationSection .header { background-image: url(Images/PawnIcon.png); }
.questionsSection .header { background-image: url(Images/QuestionsAndAnswersIcon.png); }
.welcomeSection .header { background-image: url(Images/PawnIcon.png); }
.changePasswordSection .header { background-image: url(Images/KeysIcon.png); }
.domainPolicyRequirementsSection .header { background-image: url(Images/DomainPoliciesIcon.png); }
.recoveryCompleteSection .header { background-image: url(Images/RecoveryCompleteIcon.png); }

.identificationSection .identificationTypes .radioButton { display: block; }

.buttonSection {
	background: none;
	padding: 3px 0 0 0;
	border-width: 1px 0 0 0;
	margin: 0 0 10px 0;
}

.textBox,
textarea { width: 13em; }

textarea.licenseAgreement {
	width: 98%;
	height: 8em;
	overflow-y: scroll;
	overflow-x: auto;
}

td { vertical-align: top; }

td.label {
	text-align: right;
}

td.label label {
	display: block;
	width: 18em;
	overflow: hidden;
	text-overflow: ellipsis;
}

td.value { }

.bubble {background-color:White;border:solid 1px black;}