body { font-family: sans-serif; background-color:gray; padding:0;margin:0;}
#content{
width:11in;
margin:auto;
background-color:white;
border: 6px black solid;
}
#container {
border-top: 6px solid black;
height:70%;
overflow:scroll;
}
#vertical{width:1px;height:100%; display:none;background-color:black;position:absolute;}
#measure{width:3em;display:none;background-color:silver;position:absolute;padding:2px; border:thin black solid; 
box-shadow:2px 2px 2px black;
}

.brandName { font-weight: bold; padding:8px; padding-bottom:4px;}
.camMin{ float:left; height: 1em;}
.camRange{ 
 color:white;
 text-shadow:0px 0px 1px black;
 border: 1px solid black;
box-shadow:2px 2px 2px black;
}
.camInfo {
float:left;
 height: 1.2em;
 line-height: 1.4em;
 text-align:center;
 margin:0;
 margin-bottom: -1px;
 padding:0;
}

.camText {
font-size: 0.8em;
 line-height: 1.8em;
padding-left:1em;
}
.clear { clear:both;}
.ruler, .ruler li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
/* IE6-7 Fix */
.ruler, .ruler li {
    *display: inline;
}
.ruler {
    border-top: 1px solid black;
    color: black;
    margin: 0;
    height: 3em;
    padding-right: 1in;
    white-space: nowrap;
}
.ruler li {
    padding-left: 1in;
    width: 2em;
    margin: .64em -1em -.64em;
    text-align: center;
    position: relative;
}
.ruler li:before {
    content: '';
    position: absolute;
    border-left: 1px solid black;
    height: .64em;
    top: -.64em;
    right: 1em;
}

#toggle {
padding: 4px;
}

#toggle .brandToggle {
width: 250px;
float:left;
}

#toggle b {
padding:4px;
}

.multiSelect {
text-decoration: underline;
cursor:pointer;
}
.multiSelect:hover {
text-decoration: none;
}