/***********************************
STOCKHOLM _ MAIN
HAND HELD
***********************************/

#wizard_left {
	width: 100%;
	height: 100%;
}
#wizard_right {
	left: 0;
	width: 100%;
}

#wrapper {
	top: 1px;
}
section#setup_header {
	
}
section#wizard_content {
	
}
#logo {
	margin: 0 0 0 1.5%;
}

ul#wizard_steps {
	position: absolute;
	left: 0;
	right: 0;
	top: .25em;
	width: 5em;/* 23px * 5 */
}
ul#wizard_steps li {
	display: block;
	float: left;
	margin: 0 .25em;
	width: .5em;
	height: .5em;
}

#wizard_content header.nodevice {
	width: 90%;
}
#wizard_content header.full {
	width: 90%;
}
#wizard_content header.part {
	width: 90%;
}

#handle_name > p {
	display: block;
}

#help {
	position: absolute;
	left: 4.3rem;
	padding-left: 0;
	padding-right: 0;
	width: calc(100% - 8.6rem);
}
#help .help_item {
	margin-bottom: 1em;
	padding: 0 0 0 2em;
}
#help_bottom {
	left: 2em;
	right: 2em;
	padding: 1em 1em 2em 1em;
}
.wizard_progress_button {
	margin-right: 0;
}
.combo_box label {
	margin-bottom: 0 !important;
}
p.button_link {
	padding: 0 0 10px 0;
}

img.spinner {
	max-width: 2.5em;
	max-height: 2.5em;
}



#update_devices_progressbars {
	display: block;
}

.update_device_progressbar {
	display: block;
}

.update_device_progressbar .device {
	display: block;
	margin: 0 auto;
	
	width: 100%;
}
.update_device_progressbar .update_percent {
	display: inline-block;
	width: 15%;
	padding: 0;
	vertical-align: top;
}
.update_device_progressbar .progressbar_area {
	display: inline-block;	
	width: 85%;
}
.update_device_progressbar .progressbar {
	margin: 3px 0 10px 0;
}

