/* CSS Document */
@import url(nav.css);
@import url(sifr.css);
/* reset all margins and padding to 0 */

* {
	margin: 0;
	padding: 0;
}

/* universal */

.clear {
	content:".";
	display: block;
	height: 0;
	clear:both;
	visibility:hidden;
}

body {

}

/* =============  DNN STYLES  ================= */

.Head {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
	color:#124566;
}
/* style of item titles on edit and admin pages */
.SubHead {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
	color:#124566;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
}
/* text style used for most text rendered by modules */
.Normal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
    font-weight: normal;
	color: #4e4e4e;
}
p {
	padding-bottom: 10px;
}
img {
	border:0;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
	font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.NormalRed {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
    font-weight: normal;
	color: #FF0000;
  
}
.NormalBold {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
    font-weight: bold;
	color: #333;
}
/* GENERIC */

a:link {
	color: #308bbf;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #308bbf;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #0c334e;
	text-decoration: underline;
	font-weight: normal;
}

a:active {
	color: #308bbf;
	text-decoration: none;
	font-weight: normal;
}

h1{
color:#f79420;
display:block;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin:10px 0 10px;
padding:0 0 5px;
}
h2{
color:#333;
display:block;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin:10px 0 10px;
padding:0 0 5px;
}
h3, h4, h5{
color:#333;
display:block;
font-weight:bold;
font-family:Arial,Verdana,Helvetica,sans-serif;
}


SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}
BLOCKQUOTE, PRE {
margin:15px 50px;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding-top:15px;
	padding-bottom:10px;
	line-height:22px;
	font-size:15px !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
ul {
margin-bottom:15px;
margin-top:5px;
margin-left:18px;
}
UL LI {
	list-style:square;
	margin:0px 0px 10px 20px;
	padding:0;
}
UL LI LI {
    list-style-type:    disc;
}
UL LI LI LI {
    list-style-type:    circle;
}
ol {
margin-left:35px;
margin-bottom:15px;
}
OL LI {
    list-style-type:    decimal;
}
OL OL LI {
    list-style-type:    lower-alpha;
}
OL OL OL LI {
    list-style-type:    lower-roman;
}
HR {
    color: #cccccc;
    height:1pt;
}
table {
border:0px !important;
}
.Normal td {
padding:0px;
vertical-align:top;

}

/*___________________________________________________________________________________________*/


body {
background:url(_i/bg-body.jpg) center top no-repeat #14709e;
}

a:hover {
text-decoration:underline!important;
}

.last {
border:none!important;
}

#wrap {
width:878px;
margin:auto;
}

#head {
/* height:112px; */
overflow:hidden;
height:110px;
}

#logo {
margin:45px 0px 0px 14px;
float:left;
}

#logo a {
background:url(_i/opower-logo.png) no-repeat;
display:block;
width:234px;
height:52px;
}

#logo a span {
display:none;
}

#utility {
float:right;
margin:10px 14px 0px 0px;
}

#utility ul {
margin:0px;
list-style:none;
}

#utility li {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-right:1px solid #fff;
padding:0px 5px;
line-height:12px;
list-style:none;
margin-lefT:0px;
}

#utility a {
color:#FFFFFF;
text-decoration:none;
}

#utility a:hover {
text-decoration:underline!important;
}

#navigation {
float:right;
clear:right;
margin-right:14px;
margin-top:49px;
*margin-top:60px;
width:615px;
text-align:right;
}

#navigation ul {
margin:0px;
list-style:none;
float:right;
}

#navigation li {
float:left;
}

#content-top {
clear:both;
background:url(_i/bg-content-top.png);
width:878px;
height:20px;
}

#content-middle {
background:url(_i/bg-content-middle.png) repeat-y;
padding:0px 14px 15px 14px;
}

#sub-nav {
float:left;
width:205px;
margin:10px 30px 26px 30px;
}

#sub-nav ul {
list-style:none;
margin:0px;
padding:0px;
}

#content {
float:left;
width:525px;
margin:10px 0px 26px 30px;
}

#foot {
border-top:1px solid #d5dee7;
padding-top:6px;
margin:0px 30px 0px 25px;
}

#social-links {
}

#social-links ul {
margin:0px;
padding:0px;
list-style:none;
}

#social-links li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
padding:0px 5px;
line-height:14px;
font-weight:bold;
list-style:none;
margin-lefT:0px;
}

#social-links a {
font-weight:bold;
color:#676767;
text-decoration:none;
}

#social-links a:hover {
text-decoration:underline!important;
}

#copyright {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#676767;
line-height:14px;
font-weight:bold;
}

#content-bottom {
background:url(_i/bg-content-bottom.png);
width:878px;
height:20px;
}

#happy-plug {
height: 10px;
padding-bottom:20px;
margin:auto;
}


/* --- HOME --- */

.campaign {
margin:auto;
width:790px;
height:391px;
padding-top:7px;
}
#homecontent {
margin:auto;
width:790px;
background:url(_i/homebg.gif) no-repeat;
margin-bottom:25px;
}
#homecontent .Normal {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9a9fa3;
}
.homeleft {
	width:240px;
	float:left;
}
.homemiddle {
	width:240px;
	float:left;
	margin-left:35px;
	margin-right:35px;
}
.homeright {
	width:205px;
	float:left;
	margin-lefT:35px;
}

.homemiddle .Normal ul {
	margin:0;
}
.homemiddle .Normal li {
	margin-lefT:0px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
	padding-bottom:3px;
	list-style:none;
	
}
.homemiddle .Normal li a:link, .homemiddle .Normal li a:visited, .homemiddle .Normal li a:active {
	color:#228cbd;
}
.homemiddle .Normal li a:hover{
	color:#228cbd;
}/* form */
#free-assessment input {
	margin-top:6px;
	margin-bottom:8px;
	font-size:10px;
	color:#999;
	padding-top:4px;
	padding-bottom:4px;
	padding-lefT:4px;
	width:175px;
	}
#free-assessment {
	color:#4E4E4E;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
}
#books blockquote {
	margin-left:145px;
	margin-top:5px;
}
/* quotes */
.quotes {
	padding-lefT:50px;
	padding-right:50px;
	border-top:1px dashed #ccc;
	padding-top:15px;
	padding-bottom:15px;
	line-height:22px;
	font-size:18px !important;
	font-family:Arial, Helvetica, sans-serif;
}
.contentimg {
	border:1px solid #999;
	margin-top:5px;
	padding:10px 0px;
}
.contentimg2 {
	border:1px solid #999;
	margin-top:5px;
}
.newsclear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* news list */

#contentwide {
	width:750px;
	padding:0px 50px;
}
#contentwide h1 {
	margin-top:0px;
}
.newslist {
	width:525px;
}
.newslist .Normal{
	line-height:16px !important;
}
.newslist .list {
	overflow:hidden;
}

.newslist .list .item {
	padding:10px 5px 5px 1px;
	clear:both;
	display:block;
	border-bottom:1px solid #ccc;	
}

.newslist .list .item .left {
	width: 115px;
	font-size: 12px;
	font-weight: bold;
	float:left;
	display:inline;
}

.newslist .list .item .mid {
	width: 190px;	
	padding:0 5px 5px 15px;
	float:left;
	display:inline;
}

.newslist .list .item .newslogo {
	width: 176px;
	position: relative;
	padding:0 5px 5px 0px;
	text-align:right;
	float:right;
	display:inline;
}

.newslist .list .item .left2 {
	width: 115px;
	font-size: 12px;
	font-weight: bold;
	float:left;
	display:inline;
}

.newslist .list .item .mid2 {
	width: 380px;	
	padding:0 5px 5px 15px;
	float:right;
	display:inline;
}

/* tables */
.CareersTable {
		border-collapse:collapse;
		background:#EFF4FB url(/portals/0/table-bg.gif) repeat-x;
		border-left:1px solid #686868 !important;
		border-right:1px solid #686868 !important;
		color: #333;
		line-height:14px;
	}
	.CareersTable td th {
				padding:5px;
	}

.CareersTable a {
		color:#ff6c00;
		text-decoration:none;
		font-weight:bold;
}

.CareersTable a:link {}

.CareersTable a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

.CareersTable a:hover {
		border-bottom: 1px dashed #bbb;
		text-decoration:none !important;
}

/* =head =foot
----------------------------------------------- */

.CareersTable thead th, .CareersTable tfoot th, .CareersTable tfoot td {
		background:#333 url(/portals/0/llsh.gif) repeat-x;
		color:#fff;
		padding:5px;
		text-align:left;
}

.CareersTable thead th a:link, .CareersTable thead th a:visited {
	color:#fff;
}
.CareersTable thead th a:hover {
	text-decoration:none !important;
}

.CareersTable tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

.CareersTable tbody th, .CareersTable tbody td {
		border-bottom: dotted 1px #333;
		font-size:11px;
		padding:5px;
}

.CareersTable tbody th {
border-bottom:1px dotted #333333;
font-size:11px;
padding:4px;
color:#333;
font-weight:bold;
text-align:left;
}

.CareersTable tbody th a {
		color:#fe7e00;
}

.CareersTable .odd {}

.CareersTable tbody tr:hover {
		background:#fafafa
}

/*.reqhead {background: #ddd; border-top: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font: bold 12px arial; padding: 3px 5px !important; color: #f79420;}
.reqhead a:link, .reqhead a:visited {
	color:#f79420;
}
   

.reqitem {border-right: 1px solid #ddd; border-top: 1px solid #ddd; font: 12px arial; padding: 4px !important; font-size:11px; }
        

.reqitem1 {border-right: 1px solid #ddd; border-top: 1px solid #ddd; font: 12px arial; padding: 4px !important; background:#eee; font-size:11px;}
*/