﻿/***** Generic *****/

span.hidden {
	visibility: hidden;
}

div.hidden {
	visibility: hidden;
}

/***** Steps Banner *****/
table#steps {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	height: 93px;
	display: table;
	background-color: #FFF;
}

td.step {
	background-position: 8px 0px;
	margin: 0px;
	background-image: url('../img/update/step.jpg');
	width: 159px;
	text-align: center;
	color: #000000;
	display: table-cell;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 30px;
}

td.stepselected {
	background-position: 0px 0px;
	background-image: url('../img/update/stepselected.jpg');	
}

td.arrow {
	display: table-cell;
	width: 29px;
	background-image: url('../img/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: 8px 25px;
}

td.step_1_on {
	background-image: url('../img/step1_on.gif');
}
td.step_2_on {
	background-image: url('../img/step2_on.gif');
}
td.step_3_on {
	background-image: url('../img/step3_on.gif');
}
td.step_4_on {
	background-image: url('../img/step4_on.gif');
}

td.step_1_off {
	background-image: url('../img/step1_off.gif');
}
td.step_2_off {
	background-image: url('../img/step2_off.gif');
}
td.step_3_off {
	background-image: url('../img/step3_off.gif');
}
td.step_4_off {
	background-image: url('../img/step4_off.gif');
}

/***** Update Buttons *****/
div#updatebuttons {
	text-align: right;
	/*position: absolute;*/
	padding-top:10px;
	right: 10px;
	bottom: 80px;
}
div#updatebuttons input {
	width: 129px;
	height: 40px;
}

/***** index.php *****/
table.updateformtable {

}

table.updateformtable td {
	padding-top: 2px;
	padding-right: 4px;
	vertical-align: top;
}

table.updateformtable input {
	width: 250px;
}

div.updateformserialnumber {
	padding-top: 2px;
}

span.updateinvalidserialnumber {
	color: white;
	background-color: red;
	margin-left: 2px;
}

/***** features.php *****/

table.featureholder {
}

table.featureholder select {
	z-index:0;
}

table.featureholder td {
	vertical-align: text-top;
}

div.featurecontainer {
	position: relative;
	width: 350px;
	vertical-align: top;
}

div.featurecontainer input {
	margin-right: 2px;
}

span.featureinput {
	display: inline-block;
	width: 260px;
	padding-top: 4px;
}

span.featuresubinput {
	height: 26px;
	display: inline-block;
	padding-top: 4px;
	padding-left: 8px;
}

span.featureinfobutton {
	display: inline-block;
	vertical-align: text-bottom;
	padding-left: 5px;
	font-style: italic;
	font-weight: bold;
}

div.featureinfo {
	border: thin solid #0172A3;
	background: #F0F0F0;
	z-index: 1000;
	width: 250px;
	color: #010101;
	position: absolute;
	padding:2px;
}

/* The left column of features */
div.featureinfoleft {
	left: 276px;
}
div#featureinfolanguage {
	top: 515px;
}
div#featureinfotimedate {
	top: 535px;
}
div#featureinfosleep {
	top: 550px;
}
div#featureinfosnooze {
	top: 600px;
}
div#featureinfotoccalibration {
	top: 610px;
}
div#featureinfovolumecalibration {
	top: 620px;
}

/* The right column of features */
div.featureinforight {
	right: 112px;
}
div#featureinfotemperaturecompensation {
	top: 515px;
}
div#featureinfosanitization {
	top: 535px;
}
div#featureinfofeedalarm {
	top: 550px;
}
div#featureinfodispensealarm {
	top: 610px;
}
div#featureinfowatertemperaturealarm {
	top: 650px;
}


/***** summary.php *****/

table.summaryinfo {
	width: 700px;
}

table.summaryinfo td {
	width: 350px;
	vertical-align: top;
}

div.summaryinfo td {
	vertical-align: top;
}

table.summaryuserdetails {
	width: 340px;
}

div.userdetailswidthlimit {
	width: 220px;
	word-wrap: break-word;
	overflow: hidden;
}

input#downloadbutton {
	width: 129px;
	height: 40px;
}

/***** complete.php *****/

div#detailssafelyremove{
	border: thin solid #0172A3;
	background: #F0F0F0;
	width: 650px;
	color: #010101;
	padding:2px;
}

table.safelyremovelists{
	margin-left: 10px;
}

table.safelyremovelists td{
	vertical-align: top;
}

/***** admin/index.php *****/
iframe#adminiframe {
	border-style: none;
	width: 700px;
	height: 460px;
}

table#admindownloadlog {
	background:#E5F1F6;
}

table#admindownloadlog th,
table#admindownloadlog td {
	border:1px solid #FFF;
	padding:5px;
	vertical-align:top;
}

table#admindownloadlog th {
	font-weight: bold;
	text-align: center;
	color:#0173B8;
	font-weight:bold;
}

