@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/*	width: 960px;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;	*/

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;	
	background: #fff;	
	text-align: center;
	font-size: 1em;
}

* {box-sizing:border-box}

p {
	padding-bottom: .8em;	
}

h1 {
	font-size: 120%;
	font-weight: 500;	
	padding-bottom: .7em;
	color:#77000B;
	font-family: 'Raleway', sans-serif;
}

h2 {
	font-size: 110%;
	font-weight: 500;	
	padding-bottom: .7em;
	color: #77000B;	
	font-family: 'Raleway', sans-serif;
}

h3 {
	font-size: 105%;
	font-weight: 500;	
	padding-bottom: .7em;
	color: #000;	
	font-family: 'Raleway', sans-serif;
}

h4 {
	font-size: 100%;
	font-weight: 500;	
	padding-bottom: .7em;
	color: #77000B;	
	font-family: 'Raleway', sans-serif;
}

bold {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:100%;
}

red {	
	color: #77000B;		
}

a:link {
	text-decoration: none;
	color:#77000B;
}

a:visited {
	text-decoration: none;
	color:#77000B;
}

a:hover {
	text-decoration: underline;
	color:#77000B;
}	

#container {
	text-align: left;
	position: relative;
	margin: 0;		
	background:#FFF;
}

header {
	background:#fff;
	width:100%;
}

header .left {
	float:left;
	width:60%;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:3%;
	padding-right:1%;
	background:#fff;
	text-align:left;
	font-size:125%;	
	font-weight: 500;		
	font-family: 'Raleway', sans-serif;	
}
	
header .right {
	float: left;
	width: 40%;
	height:100%;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:3%;
	background:#fff;
	text-align:right;
	font-size:125%;	
	font-weight: 500;		
	font-family: 'Raleway', sans-serif;	
}

nav {
	float:left;
	width:100%;
	background:#373739;		
}

nav .menu ul {	
	list-style:none;
    margin:0;    
    text-align:center;							
}

nav .menu ul li {
	display:inline-block;
	padding-top:.5em;	
	padding-bottom:.5em;
	padding-left:3%;
	padding-right:3%;			
}

nav .menu ul li a {	
	text-decoration:none;
	color: #fff;
	font-size: 80%;			
}

nav .menu ul li a:hover {
	color: #ccc;
	font-size: 80%;
}

neighborhood {	
		float:left;
		width:100%;    
		min-height:200px;
	    background:url(../images/neighborhood.gif);
	    background-size:cover;
	    background-position:center;
	    padding:0rem;		    
	    align-items: start;
	    justify-content:top;		    
	    margin:0;
		border-left:#000 1px solid;
		border-right:#000 1px solid;
		border-bottom:#000 1px solid;		
}

section {
	float:left;
	width:100%;		
	background:#fff;	
	min-height:500px;	
}

.contentHolderLeft {
	float:left;
	width:100%;		
	padding:1%;
	background:#fff;	
	text-align:left;
	font-size:120%;
	line-height:150%;
}

.contentHolderCenter {
	float:left;
	width:100%;		
	padding:1%;
	background:#fff;	
	text-align:center;
	font-size:120%;
	line-height:150%;
}

.contentHolderTop {
	float:left;
	width:100%;			
}

.contentHolderBottom {
	float:left;
	width:100%;			
}

.leftSide {
	float:left;
	width:49.5%;	
	border-right: #000 solid 1px;		
}

.rightSide {
	float:right;
	width:49.5%;					
}

footer {
	float:left;
	width:100%;
	background:#373739;			
}

footer .footerLinks ul {	
	list-style:none;
    margin:0;    
    text-align:center;							
}

footer .footerLinks ul li {
	display:inline-block;
	padding-top:.5em;	
	padding-bottom:.5em;
	padding-left:3%;
	padding-right:3%;			
}

footer .footerLinks ul li a {	
	text-decoration:none;
	color: #fff;
	font-size:80%;		
}

footer .footerLinks ul li a:hover {
	color: #ccc;
	font-size:80%;
}

.imageBorder {
	border: #000 solid 1px;
	margin-top: 2%;	
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.imageNoBorder {	
	margin-top: 1%;	
}

.searchBox {	   
	float:left;
	width: 100%;		
	background-color: #373739;			
}

.searchBox ul {	
	list-style:none;
    margin:0;
    padding-top:.1em;
    text-align:left;	
	background-color: #373739;	
	padding-left:7%;				
}

.searchBox ul li {
	display:inline-block;
	width: 10%;		
}

.searchBox ul li input[type="text"] {	
	float: left;	
	width: 100%;
	background: #373739;	
	color: #ddd;
	padding-left:.3em;	
	padding-top:.3em;		
	padding-bottom:.2em;
	border: #eee solid 1px;
	font-size: 90%;	
	font-family: 'Open Sans Condensed', sans-serif;
}	

.searchBox ul li input[type="text"]:focus { 
	background: #373739;    
    outline: none;  
	font-size: 90%;
	font-family: 'Open Sans Condensed', sans-serif;
}

.searchBox ul li input[type="text"]::-webkit-input-placeholder {
   color: #ddd;
}

.searchBox ul li input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #ddd;  
}

.searchBox ul li input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #ddd;  
}

.searchBox ul li input[type="text"]:-ms-input-placeholder {  
   color: #ddd;  
}

.searchBox ul li select {	
	float: left;	
	width: 100%;
	background: #ddd;	
	color: #000;	
	padding-top:.2em;		
	padding-bottom:.2em;	
	border: #ddd solid 1px;
	font-size: 90%;
	font-family: 'Open Sans Condensed', sans-serif;
}

.searchBox ul li select:focus { 
	background: #ddd; 
	color: #000;   	
    outline: none; 
	font-size: 90%;	 
	font-family: 'Open Sans Condensed', sans-serif;  
}

.searchBox ul li .btn {	
	float: left;	
	width: 100%;	
	background: #ddd;	
	cursor: pointer;	
	padding-top:.3em;
	padding-bottom:.2em;		
	border: #ddd solid 1px;
	color:#000;
	font-size: 90%;
	font-family: 'Open Sans Condensed', sans-serif;
}

.searchBox ul li .btn:hover, .searchBox ul li .btn:active {
    background:#000; 	
	color:#ddd;  
	border: #000 solid 1px;
	font-size: 90%;
	font-family: 'Open Sans Condensed', sans-serif;
}

.searchBox .spacerHor {
	float:left;
	width:1.5em;	
}

#loading{
	position: fixed;
	left: 45%;
	top: 35%;
	z-index: 99999999;
	text-align: center;	
}

.processingForm {	
	color: #999999;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;		
}

/* used as container for images in horizontal results. used with classes that follow below. */
.search_results_container {	
	width: 100%;	
	margin-right: auto;
	margin-left: auto;	
	padding-top:.5%;			
}

.horizontalHolder {
	float: left;
	width: 25%;				
	margin-bottom: 1%;		
}

.clear {
	clear: both;
}

.horizontalImage {			
	margin-left: 1em;
	margin-right: 1em;
	text-align:center;	
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
	border-top: #333 solid 1px;  							    	
}

.horizontalImage img {  
  	width: 100%; 
  	height: 200px;  
  	background:url(../images/no-image.jpg);
	background-size:cover;
	background-position:center;
	padding:0rem;	
	display:flex;
	flex-direction: column;
	align-items: start;
	justify-content:top;		    
	margin:0;
}

.horizontalInfo {	
	margin-left: 1em;
	margin-right: 1em;
	text-align:center;
	background:#eee;
	padding-top: 5px;
	border-top: #333 solid 1px;
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;  
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

.mySlides img {  
  width: 100%; 
  height: 500px;  
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

#sidebar {	
	float: left;
	width: 1px;
	height: 1px;		
	overflow: auto;	
	background:#fff;	
	border-top: 1px solid #000;		
	font-size:100%;		
}

.sideBarPadding {	
	padding-top:1%;
	padding-left:10px;
	padding-right:10px;
}

googleMap {
	width:100%;
	height:600px;
}

#map {
	float: left;
	width: 100%;
	height: 600px;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 100%;	
	border-left: 1px solid #000;	
	border-right: 1px solid #000;	
}

#infoWindow {
	float:left;
	width:375px;
	height:220px;
	text-align:left;
	line-height: 125%;	
	font-size:12px;
	background:#FFFFFF;
}

#infoWindowTop {
	float:left;
	width:365px;
	height:40px;
	padding-top:5px;
	background:#FFFFFF;	
	font-size:14px;
}

#infoWindowLeft {
	float:left;
	width:200px;
	height:165px;
	padding-right: 10px;
	overflow: hidden;
	background:#FFFFFF;
}

#infoWindowRight {
	float:left;
	width:155px;
	height:174px;
	padding-top:1px;	
	overflow: hidden;
	background:#FFFFFF;
}

#infoWindowBottom {
	float:left;
	width:275px;
	height:50px;
	padding-top:10px;
	background:#FFFFFF;
}

#infoWindow a {
	padding-right:25px;	
	color:#0000ff;
	background:#FFFFFF;
}

#infoWindow a:link, #infoWindow a:visited {	
	background:#FFFFFF;
}

#infoWindow a:hover, #infoWindow a:active {	
	background:#FFFFFF;
	text-decoration: underline;
}

#szlider{
    width:90%;
	margin-left:5%;
	margin-right:5%;
    height:15px;
    border:1px solid #000;
    overflow:hidden;
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 10px;
}
	
#szliderbar{
    width:0%;
    height:15px;    
    background: #77000B;		
}
	
#szazalek {
    color: #000000;
    font-size: 15px;
    font-style: italic;    
    left: 5px;
    position: relative;
    top: -16px;
}

#listingHolder {
	float:left;
	width:100%;	
	margin-top:0;
	margin-bottom:0;
	background:#fff;
	line-height:150%;	
	min-height:50px;
	font-size:120%;	
}

.listingRow {
	float:left;
	width:100%;	
	padding-left:2%;	
	padding-right:2%;
	text-align:left;	
}

.listingRowBorderGray {
	float:left;
	width:100%;	
	padding-left:2%;	
	padding-right:2%;
	text-align:left;
	border-bottom: #000 solid 1px;	
	background:#ddd;
}

.listingRowBorderWhite {
	float:left;
	width:100%;	
	padding-left:2%;	
	padding-right:2%;
	padding-bottom:.5%;
	text-align:left;
	border-bottom: #000 solid 1px;		
}

.listingCol1 {
	float:left;
	width:25%;
	padding-top:1%;		
	text-align:left;	
}

.listingCol1 h2 {
	padding-bottom:.4em;
}

.listingCol1 p {
	padding-bottom:.4em;
}

.listingCol2 {
	float:left;
	width:50%;	
	padding-right:1%;
	padding-top:0%;		
	text-align:left;	
}

.listingCol2Center {
	float:left;
	width:50%;		
	padding-top:1%;		
	font-size:125%;	
	font-family: 'Raleway', sans-serif;
	text-align:center;		
}

.listingCol2 iframe {  
  width: 100%; 
  height: 500px;  
}

.listingCol2Flyer {
	float:left;
	width:50%;	
	height: 300px; 
	padding-right:1%;
	padding-top:2%;	
	margin-bottom:2%;		
	text-align:left;
}

.listingCol2Flyer iframe { 
  	width:100%; 
	height: 290px;    	
  	padding-top:0%; 
}

.listingCol3 {
	float:left;
	width:50%;
	padding-top:1%;	
	padding-left:0%;
	padding-right:0%;	
	text-align:left;
	font-size:75%;	
}

.listingCol4 {
	float:left;
	width:100%;
	padding-top:1%;	
	padding-bottom:1%;
	padding-left:0%;
	padding-right:0%;	
	text-align:left;
	font-size:135%;
	font-weight:500;	
}

.listingCol5 {
	float:left;
	width:50%;
	padding-top:1%;	
	padding-left:0%;
	padding-right:0%;	
	text-align:left;
	font-size:100%;	
	font-weight:bold;
}

.grayLeft {
	float:left;
	width:100%;
	font-size:75%;
	color:#333;
	line-height:150%;
}

.linkButton {
	background: #ddd;
	border: 0px solid #fff;
	display: inline;
	outline: none;
	outline-offset: 0;
	/* Additional styles to look like a link */
	color: #77000B;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	font-size: 75%;
	padding-bottom: 1em;
	font-style: italic;	
}

.linkButton:hover {
	background: #ddd;
	border: 0px solid #fff;
	color: #77000B;
	text-decoration: underline;
}

.formTable {
	width: 100%;
	text-align: left;	
}

.formTableCenter {
	width: 50%;
	margin-left: auto;
    margin-right: auto;
	text-align: center;	
}

.tableLeft {
	float:left;
	width:50%;
	padding-bottom:2%;		
}

.tableRight {
	float:left;
	width:50%;	
	padding-bottom:2%;
}

.tableArea {
	float:left;
	width:100%;	
	padding-bottom:2%;
}

.tableCenter {
	float:left;
	width:100%;	
	padding-bottom:2%;
}

.contactForm {	
	float: left;
	width: 100%;				
}

.contactForm input[type="text"] {
	float:left;
	width: 90%;
	border: 1px solid;
	border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
	background: #FFFFFF;
	padding: 5px;	
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 5px;
	color: #000;
	margin-bottom: .4em;	
	-moz-placeholder:#999;
	-ms-input-placeholder:#999;
}	

.contactForm input[type="text"]:focus { 
	background: #EEEEEE;
    border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
    outline: none;
    -moz-box-shadow: 0 0 10px #B6D5F7;
    -webkit-box-shadow: 0 0 10px #B6D5F7;
    box-shadow: 0 0 10px #B6D5F7;		
}

.contactForm input[type="text"]::-webkit-input-placeholder {
   color: #000;
}

.contactForm input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

.contactForm input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

.contactForm input[type="text"]:-ms-input-placeholder {  
   color: #000;  
}

.contactForm input[type="password"] {
	float:left;
	width: 90%;
	border: 1px solid;
	border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
	background: #FFFFFF;
	padding: 5px;	
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 5px;
	color: #000;
	margin-bottom: .4em;	
	-moz-placeholder:#999;
	-ms-input-placeholder:#999;
}	

.contactForm input[type="password"]:focus { 
	background: #EEEEEE;
    border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
    outline: none;
    -moz-box-shadow: 0 0 10px #B6D5F7;
    -webkit-box-shadow: 0 0 10px #B6D5F7;
    box-shadow: 0 0 10px #B6D5F7;		
}

.contactForm input[type="password"]::-webkit-input-placeholder {
   color: #000;
}

.contactForm input[type="password"]:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

.contactForm input[type="password"]::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

.contactForm input[type="password"]:-ms-input-placeholder {  
   color: #000;  
}

.contactForm input[type="number"] {
	float:left;
	width: 90%;
	border: 1px solid;
	border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
	background: #FFFFFF;
	padding: 5px;	
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 5px;
	color: #000;
	margin-bottom: .4em;	
	-moz-placeholder:#999;
	-ms-input-placeholder:#999;
}	

.contactForm input[type="number"]:focus { 
	background: #EEEEEE;
    border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
    outline: none;
    -moz-box-shadow: 0 0 10px #B6D5F7;
    -webkit-box-shadow: 0 0 10px #B6D5F7;
    box-shadow: 0 0 10px #B6D5F7;		
}

.contactForm input[type="number"]::-webkit-input-placeholder {
   color: #000;
}

.contactForm input[type="number"]:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

.contactForm input[type="number"]::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

.contactForm input[type="number"]:-ms-input-placeholder {  
   color: #000;  
}

.contactForm select {
	float:left;
	width: 90%;
	border: 1px solid;
	border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
	background: #FFFFFF;
	padding: 5px;	
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 5px;
	color: #000000;
	margin-bottom: .4em;
}

.contactForm select:focus { 
	background: #EEEEEE;
    border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
    outline: none;
    -moz-box-shadow: 0 0 10px #B6D5F7;
    -webkit-box-shadow: 0 0 10px #B6D5F7;
    box-shadow: 0 0 10px #B6D5F7;	
}

.contactForm .Btn {
	float:left;
	width: 90%;
	font-weight: 600;
	border: 1px solid #BBBBBB;
	background-color: #CCCCCC;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 6px 10px 4px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-image: -ms-linear-gradient(top, #ffffff, #CCCCCC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #ffffff, #CCCCCC);
	background-image: -o-linear-gradient(top, #ffffff, #CCCCCC);
	background-image: linear-gradient(top, #ffffff, #CCCCCC);
	background-image: -moz-linear-gradient(top, #ffffff, #CCCCCC);
	background-repeat: repeat-x;
}

.contactForm .Btn:hover, .Btn:active {
    background-color:#BBBBBB;
    background-image: -ms-linear-gradient(top, #ffffff, #BBBBBB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#BBBBBB));
    background-image: -webkit-linear-gradient(top, #ffffff, #BBBBBB);
    background-image: -o-linear-gradient(top, #ffffff, #BBBBBB);
    background-image: linear-gradient(top, #ffffff, #BBBBBB);
    background-image: -moz-linear-gradient(top, #ffffff, #BBBBBB);
}

.contactForm textarea {	
	float:left;
	color:#000;
	height: 100px;
	width: 95%;	
	border: 1px solid;
    border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
    background: #FFFFFF; 
	padding: 5px;      	
    -moz-box-shadow: 0 0 5px #C0C0C0;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #C0C0C0;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 5px #C0C0C0;
    border-radius: 5px;		
	margin-bottom:.2em;
}

.contactForm textarea[type="text"]::-webkit-input-placeholder {
   color: #000;
}

.contactForm textarea[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

.contactForm textarea[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

.contactForm textarea[type="text"]:-ms-input-placeholder {  
   color: #000;  
}

#savingsTable {
	float:left;
	width:100%;
	background:#FFFFFF;
}

.savingsRow {
	float:left;
	width:100%;	
	padding-top:1em;
	padding-bottom:1em;
	background:#FFFFFF;
}

.savingsRow:hover {
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	background: #DDDDDD;	
}

.savingsHead {
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;	
	text-align: center;
	background: #373739;
	color: #ddd;
	font-size: 100%;	
	border: 1px solid #333333;
	font-weight:700;
}

.savingsHeadLeft {
	float:left;
	width:25%;	
}

.savingsHeadMiddleLeft {
	float:left;
	width:25%;	
}

.savingsHeadMiddleRight {
	float:left;
	width:25%;	
}

.savingsHeadRight {
	float:left;
	width:25%;		
}

.savingsHolder {
	float: left;
	width: 100%;
	text-align: center;
	background: #FFFFFF;	
	font-size:100%;	
}

.savingsLeft {
	float:left;
	width:25%;
	text-align:center;
}

.savingsMiddleLeft {
	float:left;
	width:25%;
	text-align:center;
}

.savingsMiddleRight {
	float:left;
	width:25%;
	text-align:center;
}

.savingsRight {
	float:left;
	width:25%;
	text-align:center;
	font-weight:700;
	color:#77000B;
}

#costTable {
	float:left;
	width: 100%;	
}

.costTableLeft {
	float:left;
	width: 31%;	
	padding-left:1%;
	padding-right:1%;		
}

.costTableMiddle {
	float:left;
	width: 34%;
	padding-left:1%;		
	padding-right:1%;	
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
	min-height:550px;
}

.costTableRight {
	float:left;
	width: 34%;	
	padding-left:1%;		
}

.costCalc {
	float:left;
	width:100%;	
	padding-bottom:10px;
	background:#FFF;
	color:#000;
}

.costTr {
	float:left;
	width:100%;	
	padding-bottom:10px;
	background:#FFF;
	color:#000;
}

.costTr:hover {	
	background:#EEE;	
}

.costTdLeft {
	float:left;
	width:65%;	
}

.costTdRightForm {
	float:left;
	width:35%;	
	text-align:left;	
}

.costTdRight {
	float:left;
	width:35%;	
	padding-right:5%;
	text-align:right;
}

.costTdRightTotal {
	float:left;
	width:35%;	
	padding-right:5%;
	text-align:right;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:90%;
	color:#77000B;
}

#costTable input[type="text"] {
	width: 90%;
	border: 1px solid;
	border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
	background: #FFFFFF;
	padding: 5px;	
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 5px;
	color: #666666;
	margin-bottom: .4em;	
	-moz-placeholder:#999;
	-ms-input-placeholder:#999;
}	

#costTable input[type="text"]:focus { 
	background: #EEEEEE;
    border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
    outline: none;
    -moz-box-shadow: 0 0 10px #B6D5F7;
    -webkit-box-shadow: 0 0 10px #B6D5F7;
    box-shadow: 0 0 10px #B6D5F7;		
}

#costTable input[type="text"]::-webkit-input-placeholder {
   color: #444444;
}

#costTable input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #444444;  
}

#costTable input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #444444;  
}

#costTable input[type="text"]:-ms-input-placeholder {  
   color: #444444;  
}

#costTable input[type="date"] {
	width: 90%;
	border: 1px solid;
	border-color: #C0C0C0 #E4E4E4 #E4E4E4 #C0C0C0;
	background: #FFFFFF;
	padding: 5px;	
	-moz-box-shadow: 0 0 5px #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #C0C0C0;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #C0C0C0;
	border-radius: 5px;
	color: #666666;
	margin-bottom: .4em;	
	-moz-placeholder:#999;
	-ms-input-placeholder:#999;
	font-size:75%;
}	

#costTable input[type="date"]:focus { 
	background: #EEEEEE;
    border-color: #B6D5F7 #B6D5F7 #B6D5F7 #B6D5F7;
    outline: none;
    -moz-box-shadow: 0 0 10px #B6D5F7;
    -webkit-box-shadow: 0 0 10px #B6D5F7;
    box-shadow: 0 0 10px #B6D5F7;		
}

#costTable input[type="date"]::-webkit-input-placeholder {
   color: #444444;
}

#costTable input[type="date"]:-moz-placeholder { /* Firefox 18- */
   color: #444444;  
}

#costTable input[type="date"]::-moz-placeholder {  /* Firefox 19+ */
   color: #444444;  
}

#costTable input[type="date"]:-ms-input-placeholder {  
   color: #444444;  
}

#costTable .Btn {
	width: 90%;
	font-weight: 600;
	border: 1px solid #BBBBBB;
	background-color: #CCCCCC;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 6px 10px 4px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-image: -ms-linear-gradient(top, #ffffff, #CCCCCC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #ffffff, #CCCCCC);
	background-image: -o-linear-gradient(top, #ffffff, #CCCCCC);
	background-image: linear-gradient(top, #ffffff, #CCCCCC);
	background-image: -moz-linear-gradient(top, #ffffff, #CCCCCC);
	background-repeat: repeat-x;
}

#costTable .Btn:hover, .Btn:active {
    background-color:#BBBBBB;
    background-image: -ms-linear-gradient(top, #ffffff, #BBBBBB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#BBBBBB));
    background-image: -webkit-linear-gradient(top, #ffffff, #BBBBBB);
    background-image: -o-linear-gradient(top, #ffffff, #BBBBBB);
    background-image: linear-gradient(top, #ffffff, #BBBBBB);
    background-image: -moz-linear-gradient(top, #ffffff, #BBBBBB);
}