/************************

(Rename this file rename the reference to it as needed.)

Any new layout done in the provided framework must use CSS for layout purposes with tables reserved for tabular data.

Place your CSS below.

************************/

.exampleSelectorName01 { width:100px; } /* class="exampleSelector01" */
#exampleSelectorName02 { width:100px; } /* id="exampleSelector02" */

/* Disable dragging of elements in Safari, interferes with javascript for zoom control */
input { -webkit-user-drag: none; }

/* This select rule was added with re-branding effort on 7-2-07 because the new stylesheets did not apply the 
   font rule to selects, plus they added a large bottom and right margin to them.
*/
select {
	margin:0 0 0 0 !important;
	font-size:11px !important; 
	font-family:"Trebuchet MS", arial, helvetica, sans-serif  !important; 
	color: #000;
}

.swatchold { font-size: 8px; border: 1px solid black; padding-left: 10px; margin-right:5px; }
.swatch { font-size: 8px; border: 1px solid black; padding-left: 10px; margin-right:5px; }
.cube { position:relative; top:4px; left:4px; margin-right:5px; }
.legendcoverage { border:2px solid black;background-color:#FFF8BE; }
.legenditem { line-height:.9em; }

.vertical-line {
  border-left: 1px solid #000000;
  height: 80px;
  width: 1px;
  }

.popupalternative {
 display:none;
 }

/* Necessary to put space between columns on compare without putting vertical space between rows or restructuring table */
.compareCol {
 padding-left:10px !important;
 padding-right:5px !important;
 border:0px solid red;
 }

.drawerlabel { 
	font-size:18px !important; 
	font-family:"Trebuchet MS", arial, helvetica, sans-serif  
}

.grid {border:1px solid black;}
.grid td { border:1px solid black; }

 
a { color:#148ab2; }
a:visited { color:#148ab2; }
a:visited sup { color:#148ab2; text-decoration:none; }
a:hover, a:focus { color:#666; }
a img { border:0; }

#addrTab a { font-size:9pt; color: #148AB2; text-decoration: none; }
#addrTab a:hover { color: #666666; text-decoration: underline; }
#addrForm input { vertical-align:middle; }
#addrForm select { vertical-align:middle; }
#addrForm td { vertical-align:middle; }

#zoomTab a { color: #148AB2; text-decoration: none; }
#zoomTab a:hover { color: #666666; text-decoration: underline; }

#zoomTab table { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab tr { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab td { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab img { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab input { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab input:focus { background-color:transparent !important; border:none !important; }

#impactHeading a { color: #148AB2; text-decoration: none; }
#impactHeading a:hover { color: #666666; text-decoration: underline; }

#impactRecenter a { color: #148AB2; text-decoration: none; }
#impactRecenter a:hover { color: #666666; text-decoration: underline; }


#contextLinks
{
    CLEAR: both;
    PADDING-RIGHT: 20px;
    MARGIN-TOP: 19px;
    PADDING-LEFT: 20px;
    BACKGROUND-IMAGE: url(i/bg-contextLinks.gif);
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: repeat-x
}
#contextLinks A:link
{
    COLOR: #148ab2;
    TEXT-DECORATION: none
}
#contextLinks A:visited
{
    COLOR: #148ab2;
    TEXT-DECORATION: none
}
#contextLinks A:hover
{
    COLOR: #666;
    TEXT-DECORATION: underline
}
#contextLinks A:active
{
    TEXT-DECORATION: none
}
#contextLinks UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contextLinks H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    COLOR: #666
}
#contextLinks H4
{
    DISPLAY: inline;
    FONT-SIZE: 11px;
    MARGIN-RIGHT: 16px
}
#contextLinks LI
{
    DISPLAY: inline;
    FONT-WEIGHT: bold
}
#contextLinks UL
{
    DISPLAY: inline;
    FONT-WEIGHT: bold
}
#contextLinks LI
{
    BACKGROUND-POSITION: 0px 4px;
    PADDING-LEFT: 13px;
    BACKGROUND-IMAGE: url(i/ulBullet-large.gif);
    MARGIN-RIGHT: 22px;
    BACKGROUND-REPEAT: no-repeat
}
#contextLinks #contextContent
{
    CLEAR: both;
    WIDTH: 721px
}