body {
	background: #205699; 
}

a, a:hover{
	color: #205699; 
}
/*a {
	color: #648fb4; 
}
a:hover {
	color: #3d698f; 
}*/

/* prevent logo from being resized */
#logo {
	padding: 9px 0;
}

/* buttons */
.button { 
	background-color : #205699;  
}
.button:hover { 
	background-color : #02418e; 
}
/*.button[disabled] {
	background  : #AAAAAA;
	border      : 1px solid #999999;
	color       : #000000;
	text-shadow : 0 1px 1px rgba(255, 255, 255, 0.6);
}*/

/* add this */
.addthis_button {
	padding-top: 5px;
	padding-bottom: 9px;
}

/* message box */
#sitealertwrap > div > div.alert-box {
	background-color: #205699 !important;
}

/* highlight color for tabs and accordion */
dl.tabs dd.active,
ul.accordion li.active {
	border-top-color: #205699;
}

/* content for first part of teco company list */
ul#tecocomplist li:first-child:before { 
	content: "Tampa Electric is an"; 
}

a.buttondropdownnavs:hover,
.buttonlight:hover {
	background        : #f0cf4a;
	background        : -moz-linear-gradient(top, #f0cf4a 0%, #f0cf4a 100%);
	background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0cf4a), color-stop(100%,#f0cf4a));
	background        : -o-linear-gradient(top, #205699 0%, #205699 100%);
	filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c6d9', endColorstr='#86a9c7', GradientType=0 );
	border 			  : 1px solid #f0cf4a;
}

/* ask a question -- mega-menu-based interface */
#askaquestionmenu {
	padding: 0;
}
#askbtn {
	left: -2px;
}
#askbtn a {
	color      : #FFFFFF;
	text-shadow: none;
}
#askaquestionform.custom div.custom.dropdown {
	width : 99% !important;
}
/*#askaquestionform.custom *//*div.custom.dropdown ul {
	width 	 : inherit !important;
	height   : 250px !important;
	overflow : auto !important;
}*/
/* ask a question page */
#askaquestionpanel {
	margin-bottom: 10px;
}
#qstr {
	font-size  : 1.85em;
	height     : auto;
	/*margin-top : 5px;*/
}
/*#askaquestionbtn {
	padding    : 15px;
	height     : auto;
}*/


form .panel {
	padding: 15px !important;
}
/* form calendar pop-up icon */
.jsCalImg {
	padding-top: 10px;
}

/* project download buttons (under company) */
div.button.dropdown.right {
	margin: 0 0 10px 10px;
}



/* ===================== */
/* = (H&C Rebate Form) = */
/* ===================== */
.witLink {
	color: 				#900;
	font-size:			9px;
	line-height:		12px;
	text-decoration:	underline;
	cursor:				default;
}

.witLinkMover {
	color: 				#313F75;
	font-size:			9px;
	line-height:		12px;
	text-decoration: 	none;
	cursor:				default;
}

.witDiv {
	z-index: 			999; 
	position: 			absolute; 
	left: 				auto; 
	display: 			none;
	visibility:			hidden;
	width: 				auto; 
	height: 			auto; 
	background-color:	#ffffff; 
	border: 			2px solid black; 
	padding: 			10px; 
	overflow:			hidden;
}
.witDiv > table td {
	width: 100%;
}
.fakeLink {
	color:				#205699;
	text-decoration: 	none;
	cursor:				pointer;
}
.fakeLink:hover {
	/*color:				#86a9c7;*/
	text-decoration: 	underline;
	/*cursor:				pointer;*/
}




/* =========================== */
/* = NEW CONSTRUCTION REBATE = */
/* =========================== */
#rebateTbl th {
  padding: 10px;
}
/*#rebateTbl td {
  font-size: 12px;
}*/

#rebateTbl .rebateDetails {
  /*font-size: 11px;*/
  border-left: 2px solid #EEEEEE;
  border-right: 2px solid #EEEEEE;
  border-bottom: 2px solid #EEEEEE;
  padding-bottom: 10px;
}

#rebateTbl tr.rowOn td {
  background-color: #EEEEEE;
  /*color: #009900;*/
  font-weight: bold;
}

#rebateTbl tr.rowOff td {
  background-color: #FFFFFF;
  color: #000000;
}






/* ========== */
/* = ZAPCAP = */
/* ========== */
.tablecontainer {
	border-top: 1px solid #ECD6D8;
	border-left: 1px solid #ECD6D8;
}

.tablecontainerfixed {
	width: 100%;
	border-top: 1px solid #ECD6D8;
	border-left: 1px solid #ECD6D8;
}

.tablecontainer th, .tablecontainerfixed th {
	color: #000;
	padding: 5px 8px;
	background-color: #fff;
	border-bottom: 1px solid #ECD6D8;
	border-right: 1px solid #ECD6D8;
	font-size: 11px;
	font-weight: bold;
}

.tablecontainer td, .tablecontainerfixed td  {
	color: #000;
	background-color: #fff;
	padding: 5px 8px;
	border-right: 1px solid #ECD6D8;
	border-bottom: 1px solid #ECD6D8;
	vertical-align: top;
}

.tablecontainer tr.selected td, .tablecontainerfixed tr.selected td {
		
		background-color: #eee;
}

.tablecontainerexpand {
	width: 100%;
	border-top: 0px solid #ECD6D8;
	border-left: 0px solid #ECD6D8;
	background-color: #ac1700;
}

.tablecontainerexpand th {
	color: #fff;
	background-color: #ac1700;
	padding: 0px 5px;
	border-right: 0px solid #ECD6D8;
	border-bottom: 0px solid #ECD6D8;
	vertical-align: top;
	text-decoration:none;
}

.tablecontainerexpand a:link, .tablecontainerexpand a:visited{
	color: #fff;
	background-color: #ac1700;
	padding: 3px 0px;
	vertical-align: top;
	text-align:left;
	text-decoration:none;
}

.tablecontainerexpand td  {
	color: #fff;
	background-color: #ac1700;
	padding: 0px 5px;
	border-right: 0px solid #ECD6D8;
	border-bottom: 0px solid #ECD6D8;
	vertical-align: top;
	text-align:left;
}

.tablecontainer small {
	font-size: 12px;
}




/* fix iPad portrait menu issues */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#ourcompany {
		margin-left: -280px !important;
	}
}


/* ======================================= */
/* = "SMALL TABLET" RESOLUTION AND BELOW = */
/* ======================================= */
@media only screen and (max-width: 767px) {
	/* project download buttons (under company) */
	div.button.dropdown.right {
		margin: 0 0 10px 0;
	}
}


/* ================ */
/* = Testimonials = */
/* ================ */
/*******FIRST CREATE THE BUBBLE - this is done in the same way as the examples above******/ 
blockquote.quote {
position:relative; /*see the support section below for more info*/
width:100%; /*size of the bubble*/
padding:30px;
margin:0 0 0 0;
border-left:0 ; /*removes Fondation's default line*/

/**Give the corners a curve **/ 

/*-webkit-border-radius:30px /60px;*/
/*-moz-border-radius:30px /60px;*/
/*border-radius:30px /60px; /* the second value, preceded by a / defines the vertical radius*/ 

/*Add a gradient to the background of the bubble**/

/*background:#efefef; /*required for browsers that don't support gradients*/
/*background:-webkit-gradient(#ccc, #efefef);*/
/*background:-moz-linear-gradient(#ccc, #efefef);*/
/*background:-o-linear-gradient(#ccc, #efefef);*/
/*background:linear-gradient(#ccc, #efefef);*/
}

/*****NOW CREATE THE TRIANGLE*****/

/**because this is an obtuse triangle we'll create it in two sections**/
/**First the coloured section that you see as the triangle**/ 

blockquote.quote:before {
content:"";
position:absolute; /*see the support section below for more info*/
bottom:-30px; /*height of the triangle*/ 
left:40px; /*distance from the right edge of the bubble*/ 
border-width:0 0 30px 30px; /*3rd value is height of the triangle and must be same as bottom*/
border-style:solid;
border-color:transparent #efefef; /*colour of the triangle*/ 
}

/**Now the transparent section that's the same colour as the container background**/

blockquote.quote:after {
content:"";
position:absolute; /*see the support section below for more info*/
bottom:-30px; /*height of the triangle, same as the bottom value in :before*/
right:115px; /* = (right set above in :before) + (forth value of border-width) so here 80px + 35px */ 
border-width:0 0 30px 30px; /*3rd value is height of the triangle and must be same as bottom*/
border-style:solid;
border-color:transparent #fff; /*background colour of the container*/ 
}

/******FINALLY POSITION & SYTLE THE AUTHOR'S NAME TEXT*****/

blockquote.quote + p {
margin-top:30px;
}