html {
	font-family: "Myriad Pro", Helvetica, "Lucida Sans Unicode", "Lucida Sans Regular", "Arial Unicode", "Arial Unicode MS", "Calibri";
}

span.smark { 
	font-family: "Lucida Sans Unicode", "Lucida Sans Regular", "Arial Unicode", "Arial Unicode MS", "Calibri" !important; 
	line-height: 0 !important; 
	font-size: 80% !important;
}

body { font-size: 12pt; padding: 0; margin: 0;}

img { border: 0; margin: 0; padding: 0; }

.bordered { padding: .25em; border: 1px solid silver; }

table { border: 0; padding: 0; }

table#content {
       width: 800px !important;
       margin: 0;
       margin-left: auto;
       margin-right: auto;
}

td, th { padding: 0; }

tr#header, #header td, #header img { margin: 0; padding: 0; }

#wbc-table td, #wbc-table th, #cycling-table td, #cycling-table td { padding: .25em .5em; font-size: 8pt; }

p, a, blockquote, li { font-size:10pt; line-height: 1.33; }

tr.spacer { height: 16px; }

.spaced li { margin-bottom: 1em; }

h1, h1 a { font-size: 21pt; font-weight: normal; margin: 16px; margin-left: 0;}
h2, h2 a { font-size: 18pt; font-weight: normal; }
h3, h3 a { font-size: 14pt; font-weight: normal; }
h4, h4 a { font-size: 12pt; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { margin-bottom: .25em; }

a { text-decoration: none; color: rgb( 51, 102, 153 ); font-weight: bold; }
a:hover { text-decoration: underline; }

a img { border: none; }

#nav ul a, .video li a { font-weight: normal; color: inherit; }

.white { color: white; }
.white-bkg { background-color: white; }

.black { color: black; }
.black-bkg { background-color: black; }

.dark { color: rgb( 39, 52, 60 ); }
.dark-bkg { background-color: rgb( 39, 52, 60 ); }

.grey { color: rgb( 191, 191, 191 ); }
.grey-bkg { background-color: rgb( 191, 191, 191 ); }

.blue { color: rgb( 50, 102, 152 ); }
.blue-bkg { background-color: rgb( 50, 102, 152 ); }

.green { color: rgb( 84, 185, 72 ); }
.green-bkg { background-color: rgb( 84, 185, 72 ); }

.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.camel { text-transform: capitalize; }

.big { font-size: 125%; }
.small { font-size: 85%; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

.pad-bottom { padding-bottom: 1em; }
.pad-top { padding-top: 1em; }
.pad-right { padding-right: 1em; }
.pad-left { padding-left: 1em; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }

.pointer { cursor: pointer; }

.border-left { 
	border-left: 2px solid silver;
	margin-left: 1em;
	padding-left: 1em;
}

.border-right { 
	border-right: 2px solid silver;
	margin-right: 1em;
	padding-right: 1em;
}

.border-top { border-top: 1px solid silver; }

.edge { width: 8px; height: 8px; }
.one-column { width: 256px; }
.two-column { width: 512px; }

.pqstart {
width: 384px;
background-image: url( 'http://peakrewards.bgesmartenergy.com/img/icons/pqopen.png' );
background-position: top left;
background-repeat: no-repeat;
}

.pqend {
width: 384px;
background-image: url( 'http://peakrewards.bgesmartenergy.com/img/icons/pqclose.png' );
background-position: bottom right;
background-repeat: no-repeat;
}

.pqend blockquote { margin-left: 2.5em; margin-right: 2.5em; width: auto; }

#video-player { width: 320px !important; height: 180px !important; }

ol.video { width: 140px; margin: 0; padding: 0; }
ol.video li { width: auto; margin-left: 1em; font-size: 8pt; }

.rounded, .rounded td { height: 8px; }
