/* Ahmbed CSS */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Helvetica, Arial, sans-serif;
	background: #888b90;
}

/* The whole visible page */
#container {
	background: white;
	width: 758px;
	height: 520px;
	position: relative;
	overflow: hidden;
	background: url(../img/bkgd.png) no-repeat;
}

/* The area occupied by a WizardPage */
#contentwrap {
	margin: 0px;
	top: 15px;
	left: 196px;
	width: 548px;
	height: 455px;
	padding: 0px;
	position: absolute;
}

/* Left side of the UI containing the product name and navigation */
#left {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 172px;
}

#branding {
	position: absolute;
	top: 11px;
	color: white;
	text-shadow: #333 2px 2px 2px;
	overflow: hidden;
	visibility: hidden;
}

#branding h1 {
	text-transform: uppercase;
	font-size: 15px;
	margin: 0;
}

#nav {
	top: 80px; /* 104 (from spec) - 10 (left top) - 14 (list padding) */
	margin-top: 0px;
	position: relative;
	font-size: 12px;
}

#nav ul {
	list-style: none;
	margin: 7px 7px 7px 0px;
	padding: 7px 7px 0px 0px;
}

#nav li {
	color: #b2b2b2;
	font-weight: normal;
	list-style: inherit;
	text-decoration: none;
	padding-left: 15px;
	margin-bottom: 10px;
}

#nav li.done {
	color: #b2b2b2;
	list-style: inherit;
	background: no-repeat url(../img/bulletCheck.png) 0px 3px;
}

#nav li.warning {
	color: #b2b2b2;
	list-style: inherit;
	background: no-repeat url(../img/bulletWarning.png) 0px 1px;
	font-weight: normal;
}

#nav li.selected {
	color: white;
	list-style: inherit;
	background: no-repeat url(../img/bulletArrow.png) 2px 3px;
	font-weight: bold;
}
	

/* Navigation buttons */
#navButtons {
	position: absolute;
	left: 196px;
	width: 548px;
	bottom: 15px;
}

#navButtons #navButtonsLeft
{
	display: inline;
	float: left;
}

#navButtons #navButtonsRight
{
	display: inline;
	float: right;
}

#locBtnQuit, #locBtnBack, #locBtnNext {
	font-size: 20px;
	height: 20px;
	text-align: center;
}


/* The main WizardPage content.
   This is a peer element to the error box if the page includes one. */
#content {
	position: absolute;
	overflow: hidden;
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 548px;
	height: 100%;
	padding: 0px;
	color: #252525;
	background: #f1f1f1;
}

/* When an error is shown, the content area shrinks */
#content.contenterr {
	height: 356px;
}

#contentwrap p {
	font-size: 11px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#contentwrap h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 7px;
}

#contentwrap h4 {
	font-size: 11px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#contentwrap dl {
	font-size: 11px;
}

#contentwrap dt {
	font-weight: bold;
}

#contentwrap dd {
	margin-left: 22px;
	margin-bottom: 5px;
}
	

/*<group=personalization>*/

#personalization {
	width: 455px;
	margin-top: 20px;
}

#personalization p {
	margin-top: 0;
	margin-bottom: 15px;
	width: 475px;
}

#personalization input {
	width: 300px;
	margin-right: 3px;
}

#serialNumberChoice {
	display:block;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 15px;
	text-align: left;
}

#locPerSerial input {
	width: 49px;
}

#personalization .numberText {
	margin-left: 35px;
}

#personalization .trialText {
	margin-left: 35px;
}

#personalization .inputPadding {
	margin-left: 25px;
}

#personalization .radioLabel {
	margin-left: -285px;
}

#personalization .success {
	background: url(../img/iconDone.png) no-repeat right 2px;
}

#personalization .failure {
	background: url(../img/iconCritical.png) no-repeat right 1px;
}
	
/*</group>*/

/*<group=progress>*/

#content .progress {
	height: 84px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	position: absolute;
	top: 75px;
	left: 195px;
	border: 1px solid #aeafaf;
	background: white;
}

#content .progress p, #content .progressLg p {
	margin: 0 50px;
	font-weight: bold;
}

#bootstrap.progress {
	background: url(../img/progbox.png) no-repeat;
	height: 84px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.progressLg {
	border: 1px solid #aeafaf;
	background: white;
	height: 125px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	position: absolute;
	top: 75px;
	left: 48px;
}

#content #progressBar {
	width: 350px;
	background: url(../img/progbarRight.png) repeat-x right;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 10px;
}

#discBar {
	width: 350px;
	background: url(../img/progbarRight.png) repeat-x right;
	overflow: hidden;
}

#progressBarLeft {
	position: absolute;
}

#discBarLeft {
	position: absolute;
}

#progressBarMid {
	height: 6px;
}

#discBarMid {
	height: 6px;
}

#locProgressText {
	text-align: center;
}

.progressIcon {
	width: 20px;
	height: 20px;
	background: none;
	position: absolute;
	left: 360px;
	top: 18px;
}

.progressLg .progressIcon {
	top: 20px;
}

#content p.bootstrapBar
{
	text-align: center;
	padding-top: 45px;
}
	
/*</group>*/

/*<group=scrollport>*/

.scrollport {
	border: solid 1px #999a9a;
	background: white;
	overflow: auto;
	position: absolute;
	left: 10px;
	top: 86px;
	height: 344px;
	width: 526px;
	font-size: 11px;
}

.scrollportShort
{
	height: 180px;
}

iframe.scrollport {
	overflow: visible;
}

.scrollport h1 {
	margin: 10px;
	font-size: 11px;
}

.scrollport h2 {
	margin: 5px 10px 0;
}

.scrollport h3 {
	margin: 5px 10px 0;
}

.scrollport h4 {
	margin: 7px 10px 0;
	top: 350px;
}

.scrollport p {
	font-weight: normal;
	margin: 0 10px 7px;
}

.med {
	height: 240px;
}

.sm {
	height: 95px;
}

.scrollport ul {
	list-style: none;
	margin-left: 10px;
	padding-left: 30px;
}

.scrollport ul ul {
	list-style: square;
	font-size: 10px;
	margin-bottom: 2px;
	padding-left: 10px;
}

.scrollport li {
	margin-bottom: 2px;
}

.scrollport ul.columns {
	padding-left: 0;
}

.scrollport .columns li {
	width: 110px;
	float: left;
	margin-right: 10px;
}

.alertWarning {
	background: no-repeat url(../img/iconWarning.png);
}

.alertCritical {
	background: no-repeat url(../img/iconCritical.png);
}

.alertCriticalNoBlock {
	background: no-repeat url(../img/iconCritical.png);
}
.bullets ul {
	list-style: square;
}
	
#modeDetails
{
	top: 190px;
	height: 250px;
}

#modeDetails h1
{
	font-size: 11px;
	font-weight: bold;
}

#modeDetails h1.warning
{
	background: url(../img/iconWarning.png) no-repeat;
	padding-left: 30px;
}	

/*</group>*/

/*<group=langSelector>*/

#langSelector {
	margin-top: 5px;
}

#langSelector p {
	margin-top: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 11px;
	width: 350px;
	position: absolute;
}

#langSelector select {
	position: absolute;
	margin-top: 3px;
	margin-right: 0px;
	right: 10px;
	width: 150px;
}
	
/*</group>*/

/* Payload Selection scrolling list */

#contentwrap .scrollList {
	margin: 0px;
	top: 60px;
	position: absolute;
}

#contentwrap .scrollList>p {
	padding-top: 7px;
	margin-bottom: 0px;
}

#contentwrap .scrollList dl {
	border: solid 1px #999a9a;
	background: white;
	overflow: auto;
	position: absolute;
	margin: 0px;
	left: 10px;
	top: 26px;
	height: 220px;
	width: 526px;
	font-size: 11px;
}

#contentwrap .scrollList dd {
	margin: 0;
	padding: 1px 0;
	border-bottom: 1px solid #efefef;
	font-weight: bold;
}

#contentwrap .payloadNote {
	margin-left: 14px;
	font-style: italic;
	color: #999;
}

#contentwrap .scrollList dd.disabled {
	color: #999;
}

#contentwrap .scrollList dd.hidden {
	display: none;
}

#contentwrap .scrollList input {
	margin-right: 10px;
}

#contentwrap .scrollList h4 {
	margin-bottom: 0;
	margin-top: 0;
}

#contentwrap .componentSize {
	float: right;
	margin-right: 10px;
	font-weight: normal;
	margin-top: 2px;
}

/* modyfy workflow */
#contentwrap #installList
{
	height: 105px;
}

#contentwrap #repairInstructions
{
	position: absolute;
	top: 142px;
	width: 526px;
}

#contentwrap #repairList
{
	height: 63px;
	top: 168px;
}

/*</group>*/

/*<group=totals>*/

#contentwrap .totals {
	position: absolute;
	width: 526px;
	top: 250px;
	left: 10px;
	height: 20px;
}

#contentwrap .totals p {
	margin: 2px;
	text-align: right;
}

#contentwrap .totals #selectAll
{
	position: absolute;
}

/*#content .installSize {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	position: absolute;
	left: 0;
	bottom: 0;
}
*/
#contentwrap .uninstallSize {
	position: absolute;
	top: 190px;
	right: 24px;
}

#contentwrap .scrollList .totals {
	margin-bottom: 45px;
}

#contentwrap .scrollList .totals p {
	margin-top: 2px;
	margin-right: 2px;
}
	
/*</group>*/

#contentwrap .footnoteList
{
	position: absolute;
	top: 355px;
	width: 526px;
}

#contentwrap #selectDestinationfootnoteList
{
	/* special case */
	top:415px;
}

/*<group=installLocation>*/

#installLocation a {
	color: #252525;
}

#installLocation .required {
	font-size: 10px;
	margin-top: 10px;
}

#installLocation .scrollport {
	height: 182px; /* 44*4 + 6 */
}

#installLocation p {
	margin-top: 0;
	margin-bottom: 5px;
}

#installLocation h4 {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 0;
}

#installLocation ul {
	list-style: square;
	margin-top: 0;
	margin-bottom: 15px;
	padding-left: 18px;
}

#installLocation li {
	font-size: 11px;
	margin-bottom: 3px;
}

#installLocationFolder {
	position: absolute;
	margin-top: 5px;
	top: 280px;
	width: 548px; /* hack */
}

#installPathBtn {
	float: right;
	margin-right: 12px;
	font-size: 20px;
}

/*</group>*/

/*<group=installDisc>*/

#content #installDisc p {
	font-weight: normal;
}

#installDisc #progressBar, #installDisc #discBar {
	margin-top: 4px;
	margin-bottom: 2px;
}

#installDisc label {
	font-weight: normal;
}

#content #installDisc h4 {
	margin-left: 50px;
	font-weight: bold;
	font-size: 11px;
	margin-top: 15px;
	margin-bottom: 3px;
}
	
/*</group>*/

/*<group=installFinish>*/

#installFinishSuccess .scrollport {
	height: 268px;
	background: white;
	top: 65px;
}

/*
#installFinishError .scrollport {
	height: 70px;
	background: white;
	top: 275px;
}

#installFinishWarning {
	height: 65px;
	bottom: 50px;
}

.status {
	font-weight: normal;
	color: #666;
	font-style: italic;
}
*/

#installFinishText {
	background: url(../img/bulletWarning.png) no-repeat;
	padding-left: 25px;
	height: 20px;
	font-weight: bold;
}
/*</group>*/

/*<group=alerts>*/

.alertSuccess {
	background: url(../img/bulletCheck.png) no-repeat 0px 3px;
	padding-left: 18px;
}

ul.alertSuccess, ul.alertFailed {
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

ul.alertSuccess li {
	background: url(../img/bulletCheck.png) no-repeat 0px 3px;
	padding-left: 18px;
}

ul.alertWarning li {
	background: url(../img/bulletWarning.png) no-repeat 0px 3px;
	padding-left: 18px;
}

ul.alertFailed li {
	background: no-repeat url(../img/bulletCritical.png) 0px 2px;
	padding-left: 18px;
}

ul li.alertFailed {
	background: no-repeat url(../img/bulletCritical.png) 0px 2px;
	padding-left: 18px;
}

ul li.alertSuccess {
	background: no-repeat url(../img/bulletCheck.png) 0px 2px;
	padding-left: 18px;
}

ul li.alertWarning {
	background: no-repeat url(../img/bulletWarning.png) 0px 2px;
	padding-left: 18px;
}

ul.alertSuccess ul li, ul.alertFailed ul li {
	background: none;
	padding-left: 0;
	margin-left: 12px;
	font-weight: normal;
}

.productName
{
	font-weight: bold;
}
	
/*</group>*/

/*<group=uninstall>*/

#uninstall .scrollport {
	background: white;
	height: 110px;
	top: 65px;
}

#uninstall .multirow ul {
}

#uninstall .multirow .selected {
	
}

#removePreferences {
	margin-left: 50px;
	margin-top: 5px;
	font-size: 10px;
}

#uninstallOptions {
	margin-top: 10px;
}

#uninstallAdd {
	height: 190px;
	position: absolute;
	top: 5px;
}

#uninstallAdd.scrollList dl {
	height: 120px;
	position: absolute;
	top: 39px;
}

#uninstallRemove {
	position: absolute;
	top: 5px;
}

#uninstallRemove.scrollList dl {
	height: 262px;
	position: absolute;
	top: 39px;
}

#uninstallRepair {
	height: 190px;
	position: absolute;
	top: 217px;
}

#uninstallRepair.scrollList dl {
	height: 120px;
	position: absolute;
	top: 39px;
}

#uninstallFinishSuccess .scrollport {
	height: 245px;
	background: white;
	top: 65px;
}
	
/*</group>*/

/*<group=uninstall progress>*/

#uninstallProgress dl {
	margin-left: 30px;
	margin-top: 35px;
}

#uninstallProgressText {
	text-align: center;
	font-weight: bold;
	margin-top: 45px;
}
	
/*</group>*/

/*<group=multirow>*/

#contentwrap .multirow ul {
	list-style: none;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
}

#contentwrap .multirow li {
	list-style: none;
}

#contentwrap .multirow .row {
	list-style: none;
	padding: 2px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 0px;
	height: 42px;
	width: 490px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: default;
	overflow: hidden;
}

#installLocationFolder {
	position: absolute;
	bottom: 140px;
}

#contentwrap .multirow a {
	display: block;
	text-decoration: none;
	height: 42px;
	position: absolute;
	z-index: 100;
	color: #252525;
}

#contentwrap .multirow .icon {
	margin-right: 5px;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	width: 32px;
	height: 32px;
	border-width: 1px;
}

#contentwrap .multirow .title {
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

#contentwrap .multirow .spaceRequired {
	float: left;
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 5px;
	width: 120px;
	font-size: 10px;
}

#contentwrap .multirow .spaceDeficit {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-top: 2px;
	width: 190px;
	font-size: 10px;
	color: red;
}

#contentwrap .multirow .spaceDeficitHidden {
	display: none;
	float: left;
	margin-left: 5px;
	margin-top: 2px;
	width: 100px;
	font-size: 10px;
	color: red;
}

#contentwrap .multirow .selected {
	background: #d8e4f2;
	border: solid 2px #d8e4f2;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 13px;
}

#contentwrap .multirow .selected .iconOverlay {
	background: url(../img/iconDone.png) no-repeat right top;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 15px;
}

#contentwrap .multirow .invalid .iconOverlay {
	background: url(../img/iconCritical.png) no-repeat right top;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 15px;
}

#contentwrap .multirow .invalid {
	background: url(../img/bkgdDriveInvalid.png) no-repeat;
}
	
/*</group>*/

/* systemCheck.html */
#contentwrap #errorCheck div {
	padding-left: 20px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	padding-bottom: 5px;
}

#contentwrap #errorCheck ul
{
	list-style-type: square;
}

/* WizardError */
/*<group=error>*/

#contentwrap .error {
	background: #BCC6CF;
	position: absolute;
	width: 548px;
	height: 92px;
	left: 0px;
	bottom: 0px;
	border-style: none;
	overflow: auto;
	font-size: 11px;
}

#contentwrap .error p
{
	margin-bottom: 2px;
}

#contentwrap .error p.title {
	color: #a4120c;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 0px;
	background: none;
}

#contentwrap .error ul
{
	list-style-type: square;
	margin-top: 2px;
	margin-bottom: 2px;
}

#contentwrap .errorList div {
	padding-left: 20px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

/* complete */
#contentwrap .completePayload
{
/*	border: solid 1px green;*/
	margin-bottom: 2px;
}

#contentwrap .completePayload p
{
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
}

#contentwrap .completePayload p.productName
{
	font-weight: bold;
}

#contentwrap .completePayload div
{
	margin-left: 10px;
}

#contentwrap .completePayload ul
{
	margin-top: 0px;
	margin-bottom: 4px;
}

