#selector body {
	margin: 0px;
	padding: 0px;
}

#selector table, #selector td {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

#selector a {
	color: #0000dd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}

#selector {
	width: 578px;
	background-color: #ffffff;
	text-align: left;
}

#selector p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 0px;
	margin: 4px 0px;
}

#selector select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000080; 
	border-style: dotted; 
	border-width: 1px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 1px; 
	padding-bottom: 1px;
}

/* ---- header -----*/
#header {
    width: 578px;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 8px 0px;
}

#header td.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	padding: 8px 8px 8px 8px;
	background: #eaeaea;
}

/* ----- step 1 -------- */

#step1 {
    padding: 0px 10px 10px 10px;
}

#step1 td.title {
    font-size: 12px;
	font-weight: bold;
	color: #000080;
	width: 58px;
    text-align: left;
}

#step1 td.info {
    text-align: left;
    font-size: 12px;
    width: 130px;
}

#step1 td.details {
    font-size: 12px;
    padding-top: 6px;
    text-align: left;
}

/* ---- seperator ---- */

#seperator {
    padding-left: 8px;
    padding-bottom: 8px;
}


/* ----- step 2 -------- */

#step2 
{
    padding: 0px 10px 10px 10px;
}

#step2 td.title {
    font-size: 12px;
	font-weight: bold;
	color: #000080;
	width: 56px;
}

#step2 td.info {
    font-size: 12px;
    width: 130px;
}

#step2 td.details {
    font-size: 12px;
    padding-top: 6px;
}

/* ---- labels -----*/

#labels {
    padding: 0px 8px 0px 8px;
	font-weight: normal;
	text-align: center;
	color: #000000;
}

#labels td.manufacturer {
    width: 138px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	padding: 4px 3px 4px 3px;
	text-align: center;
	background: #eaeaea;
}

#labels td.pole {
    width: 92px;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	padding: 4px 3px 4px 3px;
	text-align: center;
	background: #eaeaea;
}

#labels td.amp {
    width: 92px;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	padding: 4px 3px 4px 3px;
	text-align: center;
	background: #eaeaea;
}

#labels td.volt {
    width: 90px;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	padding: 4px 3px 4px 3px;
	text-align: center;
	background: #eaeaea;
}

#labels td.type {
    width: 98px;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	padding: 4px 3px 4px 3px;
	text-align: center;
	background: #eaeaea;
}

/* ---- select box's  ---- */

#selects {
    padding: 0px 8px 0px 8px;
}

/* ---- image preview ---- */
#imagePreview {
	border: 1px solid #000000;
	vertical-align: top;
}

span.bold {
	font-weight: bold;
}

/* ---- currentSelection ---- */
#currentSelection 
{
    padding: 0px 0px 0px 8px;
}

#currentSelection h2 
{
    margin: 0px 0px 0px 0px;
	font-size: 10px;
	padding: 4px 4px 4px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #eaeaea;
	border: solid 1px #c0c0c0;
	width: 540px;
}

/* ---- status area ---- */
#status {
    padding: 6px 0px 8px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#status td.info {
	vertical-align: top;
    height: 30px;
}

#status td.button {
    text-align: left;
    height: 30px;
    width: 70px;
}

#status td.progressIcon {
    text-align: left;
	vertical-align: bottom;
    height: 30px;
}

#status td.progressIconText {
    vertical-align: top;
    height: 30px;
}

/* ----- step 3 -------- */

#step3
{
    padding: 0px 10px 10px 10px;
}

#step3 td.title {
    font-size: 12px;
	font-weight: bold;
	color: #000080;
	width: 56px;
}

#step3 td.info {
    font-size: 12px;
}

#step3 td.spacer {
	height: 52px;
}

/* ---- search results ----- */
table.searchResults {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border: 1px solid #818181;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.searchResults th {
	text-align: center; 
	background-color: #c0c0c0;
	padding: 2px;
	font-weight: normal;
	border: 1px solid #818181;	
}

.searchResults td {
	border: 1px solid #818181;
	padding: 2px;	
	width: 580px;
}

.searchResults a {
	text-decoration: none;
}

/* ---- Results headers ---- */
/*
#tableContainerHeader {
	border-left: 1px solid #c0c0c0;
	width: 568px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}

#tableContainerHeader td {
	background: #eaeaea;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
	color: #000000;
}

#tableContainerHeader td.names {
    width: 202px;
}

#tableContainerHeader td.images {
    width: 43px;
}

#tableContainerHeader td.manufs {
    width: 81px;
}

#tableContainerHeader td.types {
    width: 59px;
}

#tableContainerHeader td.poles {
    width: 57px;
}

#tableContainerHeader td.amps {
    width: 59px;
}

#tableContainerHeader td.volts {
    width: 60px;
}

#tableContainerHeader td.scrolls {
    width: 11px;
}

td.results1 {
    width: 200px;
}

td.results2 {
    width: 40px;
}

td.results3 {
    width: 80px;
}

td.results4 {
    width: 60px;
}

td.results5 {
    width: 60px;
}

td.results6 {
    width: 60px;
}

td.results7 {
    width: 60px;
}
*/





/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #c0c0c0;
	height: 285px;
	overflow: auto;
	width: 566px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 10px;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 566px;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 550px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 566px;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block;
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #eaeaea;
	border-right: 1px solid #c0c0c0;
	border-top: 0px solid #c0c0c0;	
	border-bottom: 1px solid #c0c0c0;
	font-weight: normal;
	padding: 5px 3px 5px 3px;
	text-align: left;
	color: #000000;
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #ffffff;
	display: block;
	text-decoration: none;
	width: 100%;
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #ffffff;
	display: block;
	text-decoration: underline;
	width: 100%;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body table.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #ffffff;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px 3px 3px 3px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px 3px 3px 3px;
}

tbody.scrollContent tr.selectedRow td {
	background: #F7FBB4;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px 3px 3px 3x;
}

tbody.scrollContent tr.summaryRow td {
	background: #ffffff;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 2px 3px 3px 3px;
	font-weight: bold;
	text-align: center;
	width: 566px;
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 183px;
}

html>body thead.fixedHeader th + th {
	width: 40px;
}

html>body thead.fixedHeader th + th + th {
	width: 75px;
}

html>body thead.fixedHeader th + th + th + th {
	width: 55px;
}

html>body thead.fixedHeader th + th + th + th + th {
	width: 55px;
}

html>body thead.fixedHeader th + th + th + th + th + th {
	width: 45px;
}

html>body thead.fixedHeader th + th + th + th + th + th + th {
	width: 71px;
	border-right: 1px solid #eaeaea;
}


/* since there are 7 colums with 6px of side padding each, the total width 	*/
/* of these cells must be 550 - 42 = 508									*/

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 183px;
}

html>body tbody.scrollContent td + td {
	width: 40px;
}

html>body tbody.scrollContent td + td + td {
	width: 75px;
}

html>body tbody.scrollContent td + td + td + td {
	width: 55px;
}

html>body tbody.scrollContent td + td + td + td + td {
	width: 55px;
}

html>body tbody.scrollContent td + td + td + td + td + td {
	width: 45px;
}

html>body tbody.scrollContent td + td + td + td + td + td + td {
	width: 55px;
}