/*
Theme Name: Net Property Consultants Ltd
Site URL: www.netpropertyco.com

*/

.bigPlus {
	color: #00FF00;
	font-size: 1.4em;
	font-weight: bold;
}

.activeProp {
	background: #CCFFCC;
}
.pendingProp {
	background: #FFCC66;
}
.rentsoldProp {
	background: #CCCCCC;
}
.standard_table td{
	padding-left: 4px;
}


/*			Admin Navigation
====================================================*/
.menu {
font-family: verdana, sans-serif; 
width:690px; 
position:relative; 
font-size:0.85em;
padding-bottom:10px;
margin-left: 4px;
margin-top: 1px;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
font-weight:bold;
width:127px; 
height:3em; 
color:#000000;
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background: #d7d7d7; 
padding-left:10px;
line-height:3em;
border: 1px solid #FFF;
}
* html .menu ul li a, .menu ul li a:visited {
width:149px;
w\idth:139px;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li.selected a,
.menu ul li a:hover {
color:#FFFFFF; 
background:#999999;
background: #336699; 
}

.actionbox {
	border: 1px #CCC solid;
	padding: 10px;
	width: 400px;
}
.actionbox h2 {
	margin-top:0;
	color: #336699;
	font-size: 1.4em;
}

#searchDiv {
	width: 400px;
	background: #FFCC66;
}

.navLinks {
	text-align: center;
	margin-top: 10px;
}

.print_only {
	display: none;
}

.print_info_box {
	display: none;
}

.searchbox {
	background: #f2f2f2;
	border: 0px solid #CCCCCC;
	padding: 10px;
	padding-top: 2px;
}

.searchbox h3 {
	margin: 2px;
	color: #003366;
}

/* admin page / form
--------------------------------------------------*/
.frm {
	padding: 20px;
}

.frm form {
	position: relative;
}
.frm h3 {
	margin-top: 0px;
}

.button {
	padding-right: 5px;
	padding-top: 5px;
	float: right;
	margin: 0;
	width: 60px;
}

/* Hack for Non IE Browsers */ 
html>body .button {
	width: auto;
	min-width: 60px
}

.button a{
	background: #CCC;
	display: block;
	height: 1.8em;
	border: 1px solid #BBB;
	margin-right: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left:8px;
	padding-right: 8px;
	font-weight: normal;
}
.button a:hover{
	background: #036;
	color: #FFF;
	border-color: #0080FF;
}

.adminprop {
	border: 4px #FFF solid;
	background: #d7d7d7;
}


/* navigation
--------------------------------------------------*/

#navigation {
  width: 220px;
  height:2.7em;
  line-height:2.7em;
  background-color:#FFF;
}

#navigation a {color:white;}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  margin:0;
  padding:0;
  list-style-type:none;
  border-bottom: #FFF 1px solid;
  white-space:nowrap;
  background-color:#FFCC66;
}

#navigation li a {
  padding: 6px 32px 3px 18px;
  font-size:1.0em;
  text-transform:uppercase;
  letter-spacing:1px;
  display: block;
}


#navigation .selected,
#navigation a:hover,
#navigation li:hover {
	background-color: #99CC66;
 }
  
/* Catalog Layout
--------------------------------------------------*/

/* entry
--------------------------------------------------*/
.entry {margin:10px 0 20px 0; display:block;}

.entry h2 {margin: 0 20px 0 20px; border-bottom: dotted #CCC 1px;color:#0062B0}

/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	margin-top: 2px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Geneva, Verdana, Arial Narrow, sans-serif;
	background-color: #e7e7e7;
	background: url('../images/back_main.jpg') top left repeat;
	background: #CCCCCC;
	color: #333;
	text-align: center;
	line-height: 15px;
	}

#page {
	margin: 0px auto;
	padding: 0;
	width: 750px;
	background-color: #FFF;
	background: url('../images/page_bg_CC.gif') top left repeat-y;
	border: 0px #999 solid;
	text-align: left;
	padding: 0;
	margin-bottom: 10px;
	}
	
#header {
	padding: 0;
	margin: 0;
	height: 121px;
	width: 750px;
	background-color: #73a0c5;
	background: url("../images/npc_header2.gif") no-repeat top left;
	text-align: left;
	}

#headerimg {
	margin: 0;
	height: 140px;
	display: none;
	}

#footer {
	padding: 0 0 0 0 !important;
	padding: 0 0 0 1px;
	margin: 20px 0 0 0;
	width: 750px;
	clear: both;
	height: 103px;
	background-color: #003366;
	background: url("../images/footer_bg_CC.gif") no-repeat bottom left;
	}


#footer p {
	margin: 10px 15px 10px 15px;
	padding: 10px;
	color: #FFF;
	text-align: center;
}
#footer a {
	margin: 0;
	margin-top: 10px;
	padding: 5px;
	color: #FFF;
	text-align: left;
}

/* End Structure */



/* content
--------------------------------------------------*/
#content {
	float:left;
	width:480px;
	font-size: 1.1em;
	padding: 15px 10px 0 20px;
}


#subcontent {
  float:right;
  width: 220px;
  padding: 0px;
  margin-right: 10px;
  font-size:0.9em;
  line-height:1.5em;
}


* html #subcontent {padding-top:32px;} /* dirty fix for IEWIN; temporary! */

#subcontent p {margin:0 10px;}

#subcontent ul
{
margin: 0;
}

.horline {
border-top: 1px dashed #CCCCCC;
border-bottom:  1px dashed #CCCCCC;
background-color: #FFFFFF;
padding: 5px;
}
.horline h3{
	color: #003366;
	margin: 0px;
}

.clearbar {
 clear: both;
}
/*  Admin page / Form
--------------------------------------------------*/


#AdminTable {
	text-align: center;
	padding-left: 0px;
}

#AdminTable th {
	border-top: #CCC 1px dotted;
	border-bottom: #CCC 1px dotted;
	background: #E7E7E7;
	padding-left: 5px;
	padding-right: 5px;
}
#AdminTable td{
	padding:3px;
}
.AddProp {
	border: 1px #CCC solid;
	width: 600px;
}
.AddProp .tableHeader {
	text-align: left;
}
.AddProp .tableHeader h3{
	color: #336699;
	padding: 10px;
	font-size: 2.0em;
}
.AddProp td{
	padding-top: 4px;
	padding-bottom: 4px;
}

.AddProp th{
	text-align: right;
	padding-right: 5px;
	color: #336699;
	white-space: nowrap;
}
.privateInfo {
	background: #d7d7d7;
}

.err_element {
	border-left:2px #CC0000 solid;
	border-top:2px #CC0000 solid;
	background: #FFCCCC;
}
.error_box {
	width: 400px;
	background-color: #FFCCCC;
	margin-left: 30px;
	padding:5px;
	border:1px #CC0000 dotted;
	color: #FF0000;
}
.err_text {
	color: #FF0000;
	white-space: nobreak;
}
.info_box {
	width: 400px;
	background-color: #CCFFCC;
	margin-left: 30px;
	padding:5px;
	border:1px #339933 dotted;
	color: #006600
}
.info_box a {
	padding: 0 10px 0 10px;
}

/*  Property Display
===========================*/

#property {
	background: #FFF;
	font-family: Verdana;
}

#property h2 {
	text-align: center;
	color: #003366;
	text-transform: uppercase;
}

#property h4 {
	margin-left: 30px;
	margin-bottom: 5px;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	color: #003366;
}

#property img {
	margin: 10px;
	padding: 2px;
	border: 1px #CCC solid;
	margin-bottom: 2px;
}

#property .photo_box{
	border: 0px #999999 solid;
	text-align:center;
	background-color: #;
	font-weight: normal;
	padding-top: 10px;
	float: left;
	width: 220px;
}

.ref_box {
	float: right;
	font-weight: bold;
	font-size: 1.0em;
	color: #003366;
	background: #d7d7d7;
	border: 1px #CCCCCC solid;
	margin: 4px;
	padding: 5px;
}

#property .prInfo{
	color: #666;
	font-weight: bold;
	padding-left: 5px;
}

#property .prInfoBold{
	margin-right: 20px;
	color: #666;
	font-weight: normal;
}


/*	Full Details
==============*/
#property .details h3{
	color: #003366;
	margin-left: 30px;
}

#property .details .addsubinfo {
	color: #666666;
	margin-left: 40px;
}
#property .details .colpic {
	width: 200px;
}

/*	Tall tiles
==============*/
#property .tallTile {
	width: 160px;
	text-align:left;
	float: left;
	margin: 6px;
	margin-left: 15px;
	padding: 0px;
	background: #FFFFFF;
}

#property .tallTile img{
	margin-left: 0;
}

#property .tallTile a:hover{
	color: #FFCC66;
	text-decoration:none;
}

#property .tallTile h3{
	padding: 5px;
	margin: 0px;
	padding-top: 10px;
	font-size: 1.4em;
	font-family: arial;
	color: #003366;
	text-align: left;
	letter-spacing: -1px;
	text-transform: uppercase;
}

/*	Wide tiles
==============*/

#property .wideTile {
	width: 470px;
	float: left;
	margin: 6px;
	margin-left: 2px;
	padding: 2px;
}

#property .wideTile a{
	border-left: #FFFFFF solid 4px;
	display: block;
}

#property .wideTile a:hover{
	text-decoration: none;
	border-left: #FF9900 solid 4px;
}

#property .wideTile img{
	margin: 2px;
	padding:2px;
	margin-left: 0px;
	margin-right: 10px;
}

#property .wideTile h3{
	padding: 4px;
	padding-top: 8px;
	margin: 2px;
	font-family: arial;
	color: #003366;
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: -1px;
	border-top: 0px #CCCCCC solid;
	border-bottom: 2px #003366 solid;
}

#property #infoTable {
	border: #E7E7E7 solid 1px;
	padding: 3px;
	width: 200px;
}
#property #infoTable th {
	text-align: right;
	padding-right: 10px;
	width:80px;
}
#property #infoTable tr {
	border: #E7E7E7 solid 1px;
}


/* Begin Typography & Colors */
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 2.2em;
	font-family: 'Century Gothic', Arial, 'Verdana', sans-serif;
	font-weight: normal;
	color: #036;
	}

h2 {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}
	
#subcontent .textbox {
	padding: 40px 0 0 0;
	font-size: 1.0em;
}
#subcontent img {
	padding: 5px;
}
/* End Typography & Colors */



/*	Begin Headers */

h2 {
	margin: 30px 0 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Various Tags & Classes */
.center {
	text-align: center;
	}

a img {
	border: none;
	}
/* End Various Tags & Classes*/

#albaspan {
	float: right;
}