@font-face {
	font-family: "OswaldLight";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Oswald-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Light-webfont.woff") format("woff"), url("../font/Oswald-Light-webfont.ttf") format("truetype");
}
@font-face {
	font-family: "OswaldBook";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Oswald-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Regular-webfont.woff") format("woff"), url("../font/Oswald-Regular-webfont.ttf") format("truetype");
}
@font-face {
	font-family: "OswaldBold";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Oswald-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Bold-webfont.woff") format("woff"), url("../font/Oswald-Bold-webfont.ttf") format("truetype");
}
@font-face {
	font-family: "OswaldStencilRegular";
	font-style: normal;
	font-weight: normal;
	src: url("../font/Oswald-Stencil-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Oswald-Stencil-webfont.woff") format("woff"), url("../font/Oswald-Stencil-webfont.ttf") format("truetype");
}
* {
	margin:0;
	padding:0;
	outline:0
}

#tablewrapper {
	width:100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#tableheader {
	height:55px;
	width:100%;
}
#tableheader option {
	padding-left:4px;
	font-size:13px;
	background-color:#ecf2f6;
}
.search {
	float:left;
	padding:6px;
	border:1px solid #c6d5e1;
	background:#fff
}
#tableheader select {
	float:left;
	font-size:13px;
	width:125px;
	padding:2px 4px 4px;
	background-color:#f7fbfe;
}
#tableheader input {
	font-size:13px;
	width:225px;
	margin-left:4px;
	background-color:#f7fbfe;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	float: left;
}
.details {
	float:right;
	padding-top:12px
}
.details div {
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	margin-left:15px;
	font-size:12px
}
.tinytable {
	width:100%
}
.tinytable th {
	text-align:left;
	color:#666;
	background-color: #e2e2e2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.tinytable th h3 {
	font-size:13px;
	padding:8px 8px 8px;
	font-weight: normal;
}
.tinytable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}
.tinytable .head h3 {
	cursor:pointer;
	padding-left:18px;
	background-color: #E2E2E2;
	background-image: url(../images/sort.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	margin: 5px;	
}
.tinytable .desc h3 {
	cursor:pointer;
	padding-left:18px;
	background-color: #56cb3a;
	background-image: url(../images/desc.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	margin: 5px;
	color: #FFF;
}
.tinytable .asc h3 {
	cursor:pointer;
	padding-left:18px;
	background-color: #56cb3a;
	background-image: url(../images/asc.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	margin: 5px;
	color: #FFF;
}
.tinytable .head h3:hover {
	cursor:pointer;
	padding-left:18px;
	background-color: #B8B8B8;
	background-image: url(../images/sort.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	margin: 5px;
}
.tinytable .desc h3:hover {
	color: #FFF;
	background-color: #51b03b;
}
.tinytable .asc h3:hover {
	color: #FFF;
	background-color: #51b03b;
}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {
	color:#fff;
}
.tinytable .evenrow td {
	background:#fff
}
.tinytable .oddrow td {
	background:#f8f8f8
}
.tinytable td.evenselected {
}
.tinytable td.oddselected {
}
.tinytable tfoot {
	background:#fff;
}
.tinytable tfoot td {
	padding:6px 8px 8px
}
.tinytable td a {
	color:#0194cb;
}
#tablefooter {
	height:15px;
	margin-top:20px;
	width:100%;
}
#tablenav {
	float:left;
}
#tablenav img {
	cursor:pointer
}
#tablenav div {
	float:left;
	margin-right:15px
}
#tablelocation {
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #C6D5E1;
	padding: 6px;
}
#tablelocation select {
	margin-right:3px;
	background-color:#f7fbfe;
	width:70px;
}
#tablelocation option {
	background-color:#ecf2f6;
}
#pagedropdown {
	width:70px;
	height:24px;
	background-color:#f7fbfe;
}
#pagedropdown option {
	background-color:#ecf2f6;
}
#tablelocation div {
	float:left;
	margin-left:15px;
}
.page {
	margin-top:2px;
	font-style:normal;
}
#selectedrow td {
	background:#e9fbe6;
	cursor: pointer;
}
.txt-page {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
/***Heading pannel contact***/
.heading-color {
	background:#019dd8;
	border-bottom:1px solid #54c9f5;
}
/*****************Button Style******************/

.btn-reset {
}
.txt-txt {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
.listbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .2em 1em .35em;
	-webkit-border-radius: 0.1em;
	border-radius: 0.1em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* green */
.green {
	color: #fff;
	background-color: #56CB3A;
}
.green:hover {
	background: #51b03b;
}

   /* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media  only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 1024px) {
.tinytable {
	margin-top:50px;
}
/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
		
		
		tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.tinytable td {
	/* Behave  like a "row" */
			border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
}
td:before {
	/* Now like a table header */
			position: absolute;
	/* Top/left values mimic padding */
			top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*
		Label the data
		*/
		
		td:nth-of-type(2):before {
	content: "Lot Number";
}
td:nth-of-type(3):before {
	content: "Address";
}
td:nth-of-type(4):before {
	content: "Bedrooms";
}
td:nth-of-type(5):before {
	content: "Completion Date";
}
td:nth-of-type(6):before {
	content: "Price";
}

}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 480px) {
body {
	padding: 0;
	margin: 0;
	width: 320px;
}
#tableheader input {
	margin-top:10px;
}

}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body {
	width: 495px;
}
}
/*Preview*/
.preview-top {
	width:100%;
	height:30px;
}
.sub-preview {
	width:900px;
	height:30px;
	margin:0 auto;
}
.button-top {
	float:left;
	margin:0 auto;
}
.red {
	background: #e1071c;
	width:20px;
	height:16px;
}
.green {
	background: #19d905;
	width:20px;
	height:16px;
}
.blueTop {
	background: #0095cd;
	width:20px;
	height:16px;
}
.greenbutton {
	color: #FFF;
	background-color: #56CB3A;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1px;
}