/*	INTERIM APP TEMPLATE SPECIFIC CODE	- VERSION 4 - AUG 14, 2008*/


/*	CHANGED AUG 1 by Kevin Dyck
	Added "#Application .buttonSmall" and "#Application .buttonssDisabled" to increase specificity
	Added "Application ol li" to manipulate font size and line height independantly of unordered list formatting
	Added line-height of 150% to above to improve readability.
	Changed .headingtitle margin:5px to padding:5px
*/

body{
height:400px;
}

#header_project_points{
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 6px 6px 6px 14px;	
	text-align: right;
}
	#header_project_points .upper{
	text-transform: uppercase;
	}
	
/*---------------for Apply & Modify – Progress Bar sideNav*/
#progress {
	border-bottom: 0px dotted #ccc;
	margin: 0 0 0 0;
	padding: 0;
	width: 185px;
}
#progress ol {
	background: #fff;
	list-style-type: decimal;
	margin: 0;
	padding: 0;
	list-style-position: outside ;	
}
#progress ol, ul #progress ol li a, ul #progress ol li.bcBold {
	color: #000;
}
#progress ol li {
	border-top: 0px dotted #ccc;
	padding: 6px 0;
	text-indent: 10px;
	
}

div#progress ol li a {	
	list-style-type: decimal;
	display: block;
	margin-left: 28px;	
	list-style-position: outside;		
}
#progress ul.bctier1 li {
	background: #fff;
}
.sidebarstd2 {  
   	margin:0px 0px 0px 0px; 
 
}
#progress ol li.sidebarstd2 {  
   color:#999;
}
#progress ol li.bcBold{  
   color:#000;
}
div#progress ol li.sidebarstd2{
	margin-left: 28px;
	padding: 6px 0;
	text-indent: 10px;	
}

/* end of Apply & Modify – Progress Bar sideNav */

#Application		{	/*	all items are made specific to the "Application" ID so that these 
					style cannot possibly affect formatting of the overall template, 
					and so that styles defined in the Global.css can be superceded 
					when we require them to be. 	*/
	font-size: 12px;	/*	all application	items should inherit this font-size. */
	font-family: Arial, Helvetica, sans-serif;
}


	#Application ul li		{	
		font-size: 12px;
	}
	
	#Application ol li		{
		font-size: 12px;
		line-height: 150%;
	}
	
	#Application	.orangeBorder	{
		border: 2px solid #ED0C6E;
		color: #333333;
    }
    
	#Application .orangeBorder ul	{
	}

	#Application .orangeBorder ul li	{
		list-style-image:url(../../image/bullet_red.gif);
		background: none;
/*		background: transparent url("../../images/icons/bullet-small.png") left no-repeat;
		font-size: 12px;	*/
	}


#Application .hr { border-top:1px solid #CCCCCC; width:100%}

/*	End Interim App Specific Code	*/


/*SideNav form elements*/
*/
#sideNav form {
  display:inline;
}

	#sideNav form input {
		border: default;
		margin: default;
		padding: default;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}

h2	{
	margin-bottom: 10px;
}

.searchbox {
  font-family:arial,helvetica,geneva,sans-serif;
  font-size:11px;
  color:#000066;
  background-color:#e6f3f8;
  border: 1px solid #000066;
  width:100px;
}

.inputbox {
  font-family:arial,helvetica,geneva,sans-serif;
  font-size:11px;
  color:#000066;
  background-color:#e6f3f8;
  border: 1px solid #000066;
}

.submitbutt {
  font-family:arial,helvetica,geneva,sans-serif;
  font-size:10px;
  color:#000066;
  background-color:#a5cd91;
  border: 1px solid #000066;
}

.submitbuttblue {
  font-family:arial,helvetica,geneva,sans-serif;
  font-size:11px;
  color:#ffffff;
  background-color:#006600;
  font-weight:bold;
  padding:0px 3px;
  border: 1px solid #006600;
}

.buttonSmall {
	width: 70px;
}

#Application	.buttonSmall {
	width: 70px;
}

#Application	.buttonssDisabled	{
  border-top-style: solid;
  border-top-color: #ccc;
  border-top-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  COLOR: #ffffff;
}
   
   
/* homepage + index pages */

div.arrow {
  margin-top:11px;
}

div.item {
  font-size:12px;
  margin-top:8px;
  margin-right:5px;
}

.blurb {
  font-size:12px;
  margin:15px 15px 0px 15px;
}

/* New homepage text */

.homepagelargetext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 3px;
  text-align: left;
}

.homepagesmalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 3px;
  text-align: left;
}

a.left {
  color:  #333333;
  text-decoration: underline;
}

a.left:hover {
  color:  #666666;
  text-decoration: underline;
}

a.residential {
  color:  #339900;
  text-decoration: underline;
}

a.residential:hover {
  color:  #336600;
  text-decoration: underline;
}

a.business {
  color:  #3399cc;
  text-decoration: underline;
}

a.business:hover {
  color:  #336699;
  text-decoration: underline;
}

/* content pages - breadcrumbs */

.breadcrumb {
  font-size:14px;
  font-weight:bold;
  color:#000066;
  background-color:transparent;
  margin:8px 14px;
}

.breadcrumb a {
  text-decoration: none;
  color:#000066;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color:#000066;
}

.breadcrumbsub {
  color:#4c98da;
  background-color:transparent;
}

/* content pages - content */

.content {
  margin:12px 22px;
}
.xcontent {
  margin:12px 22px;
}

p.leftblurb {
  font-size:11px;
  margin:2px 5px 16px 7px;
}

.leftblurb p {
  font-size:11px;
  margin:2px 5px 16px 7px;
}

.leftquote {
  margin:2px 10px;
  line-height:24px;
  font-weight:bold;
  font-size:16px;
  color:#4c98da;
  background-color:transparent;
}

/* content pages - sidebar */

.sidenav {border-bottom: 1px dotted #ccc;}
.sidenavbkg {
  color:#333333;
  background-color:#DEDEDE;
}
.sidenavsubactive { background-color:#FFFFFF; color:#333333; font-weight:bold; display:block }
div.sidenavcontainer {
	font-size:11px;
	padding:5px 10px 10px 17px;
	line-height:150%;
	color:#333333;
}

div.sidenavcontainer a{
  color:#333333;
}

.sidebarbkg {
	color:#333333;
	background-color: #DEDEDE;
}

.sidebarblurb {
  font-size:10px;
  margin:5px;
}

.sidebarstd p {
  font-size:10px;
}

/* was: .sidebarstd p { */

.sidebarstd {
  font-size:11px;
  margin:7px 5px 5px 17px;
}

.sidebarstdNActive {
  font-size:11px;
  margin:7px 5px 5px 17px;
  color:#999;
}
.section-sidebarstd {
/* right sidebar for the 9 section pages */
  font-size:11px;
  margin:2px 5px 16px 7px;
}

.section-sidebarstd p {
  font-size:  11px
}

.level4 {
  font-size:11px;
  padding-left:10px;
border-bottom: 1px dotted #ccc;

}

.level5 {
  font-size:11px;
  padding-left:20px;
  border-bottom: 1px dotted #ccc;
}

.level6 {
  font-size:11px;
  padding-left:30px;
}

/* custom */

.pad25 {
  margin:25px 0px;
}

.title {
  font-size:16px;
  font-weight:bold;
}

.smalltext {
  font-size:11px;
}

.whitetext {
  color:#ffffff;
}

.redtext {
  color:#ff0000;
}

.whitebold {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}


a.whitebold {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

a.whitebold:hover {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #0033ff;
  font-weight: bold;
}

a.whitebold:visited {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #000099;
  font-weight: bold;
}

/* tables */

.headingtitle {
	font-family: arial,helvetica,geneva,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	background-color:#CCCCCC;
	display: block;
	padding: 5px;
}

.contentcell {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #000066;
  font-weight: normal;
  margin:4px 10px;
}

.contentcell2 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  margin:2px;
}

.contentcell2 a		{	color:#FFFFFF;	}

.contentcell3 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  margin:2px;
}

.contentcell4 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  margin:2px;
}

.contentcell5 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #000066;
  font-weight: bold;
  margin:2px;
}

.contentcell6 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  margin:2px;
}

.contentcell7 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: normal;
  margin:4px 5px;
}

.contentcell8 {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  margin:2px;
}

.contentcell9 {
  font-size: 12px;
  background-color: #e6f3f8;
  margin:2px;
}

.table1 {
  background-color: #CCCCCC;
}

.contentb {
  margin:10px;
}

.contentc {
  margin:5px;
}

.contentd {
  margin:15px;

}

.buttpad {
  margin:1px 0px 0px 1px;
}

.section-body {
/* the centre column for the 9 section (index) pages */
  margin-left:  10px;
  margin-right: 5px;
  margin-top:   5px;
  margin-bottom:5px
}

/* Pop ups */

.popup {
  margin: 0px;
}

.popupheader {
  height:15px;
}

.popupfooter {
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight: normal;
  height:15px;
  padding-left:5px;
}

/* Error message for forms - may also used to highlight text in red, bold */

.errormsg {
  color:#ff0000;
  font-weight:bold;
}

/* For flash photo gallery */

 
#flashcontent {
    position:relative;
    margin-top:10px;
    width:374px;
}

#galleryMessage {
    position:absolute;
    left: 30px;
    top: 50px;
    width:310px;
    height:63px; 
    background-image:url(/galleries/images/global/download_flash_background.png);
    background-repeat:no-repeat;
    text-align:center;
}

/* For outage messages */

.message {
 background-color: #DBEAF8;
 border: 1px solid #A6CCED;
 }

.orangeBorder	{
		background-repeat: no-repeat;
		border: 2px solid #ED0C6E;
		color: #000;
}
    
.orangeBorder ul li	{
		list-style-image:url(../../image/bullet_red.gif);
		background: none;
}