/* start */

.textdiv {
		margin:5px 10px 5px 10px;
}

.pb {
		width:150px;
}

.pb_grey {
		width:150px;
}

.pb_orange {
		width:150px;
}

.pb_unknown {
	width:150px;
}

/* Editable Multirow Heaven - The place where all good editable multirows go to die */

#left{width:220px;}
#mid{width:220px;}
#right{width:220px;}

#left2{width:220px;}
#mid2{width:220px;}
#right2{width:220px;}

#left3{width:220px;}
#mid3{width:220px;}
#right3{width:220px;}

/* Editable Multirow Hell - The place where all the evil multirows are infinitely burned */

#bigleft{width:455px;}
#bigleft2{width:455px;}
#bigleft3{width:455px;}

/* From here on, it's easy going */

body {
       font-family: Trebuchet, Helvetica, Arial, sans-serif;
       font-size:12px;
}

h1 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}

h3 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

p {
	font-size: 12px;
}

.editableText {
position:relative;
z-index:20;
}

#appArea {
	font-size: 12px;
}

/* edit mode toolbox */
#editToolBox {
	position: absolute; /* fixed would be better but doesn't work in IE */
	top: 0px;
	left: 0px;
	width: 75px;
	background-color: black;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
	opacity: 0.75;
	padding: 6px;	
}

.editToolBoxAction {
	color: white;
	text-decoration: none;
cursor:pointer;
}

.body {
background-color: white;
}

.widget {
text-decoration:underline;
position:relative;
height:0px;
left:0px;
width:0px;
display:block;
z-index:999;
}

div.widgetBit:hover {
opacity:0.8;
}

.widgetBit {
z-index:998;
background-color:black;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:0;
top:0px;
font-size:10px;
}

.top2 .widgetBit {
z-index:998;
background-color:red;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:102px;
top:0px;
font-size:10px;
}

.top3 .widgetBit {
z-index:998;
background-color:green;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:102px;
top:100px;
font-size:10px;
}

.last .widgetBit {
background-color:#9300a0;
left:50px;
}

/* pagebuilder bitski */

.sideNav_group {
width:140px;
margin-top:5px;
}

.sideNav_item {
font-size:12px;
}
.sideNav_selected {
background-color:#0d3cb0;
color:white;
width:135px;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
}
.sideNav_item a {
display:block;
width:135px;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
}

.sideNav_item a:hover {
background-color:#0d3cb0;
color:white;
}

/* end pagebuilder bitski */

/* other pagebuilder styles */

.pb_grey .sideNav_selected {
background-color:#cecece;
color:white;
width:135px;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
}

.pb_grey .sideNav_item a:hover {
background-color:#cecece;
color:white;
}

.pb_orange .sideNav_selected {
background-color:#ff8d00;
color:white;
width:135px;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
}

.pb_orange .sideNav_item a:hover {
background-color:#ff8d00;
color:white;
}

.pb_red .sideNav_selected {
background-color:#28b34b;
color:white;
width:135px;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
}

.pb_red .sideNav_item a:hover {
background-color:#28b34b;
color:white;
}

/* other pb styles end */

a {
font-size:12px;
text-decoration:none;
color:#333333;
}

a:hover { 
color:black; }

a.navigation_link { 
display:block; width:100% }

td.navigation_link { 
background-color:#eeeeee; }

a.navigation_selected { color:black }

td.navigation_selected { 
background-color:rgb(255,204,102); 
}

.formField_label { 
font-size:12px;
 }

.spotbot * {
font-size:12px;
} 

.footsie * {
font-size:11px;
}



/*******************************************************************************
* rules for Paul                                                               *
*******************************************************************************/

.paul .links 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

.paul .bodytext 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: 565656;
}

.paul h1
{
font-family:tahoma, verdana, sans-serif;
font-weight:normal;
color:#000000;
font-size:16px;
letter-spacing:0.09em;
border-bottom:1px solid #5d0000;
position:relative;
margin-top:0px;
margin-bottom:30px;
padding-bottom:5px;
}

.paul h3
{
color:#676767;
font-size:12px;
letter-spacing:1px;
}

.paul p
{
color:#565656;
}

.paul body, .paul table
{
font-family:sans-serif;
font-size:12px;
}

/* all styles below: added by stuart for forms,labels and fieldsets etc */
.paul label
{
width:150px;
float:left;
clear:left;
padding-right:5px;
text-align:right;
font-weight:bold;
background:#A4B4FF;
color:#000000;
padding:5px;
}

.paul .input, .paul select, .paul textarea
{
float:left;
clear:right;
width:auto;
border-top:1px solid #ccc;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ccc;
}

.paul .error
{
color:red;
}

.paul .success
{
color:green;
}

/* table stylings */
.paul table#formtable
{
width:100%;
}

.paul table#formtable td
{
padding:1px 0;
vertical-align:middle;
}

.paul #formtable input.button, 
.paul input.button, .paul a.button
{
background:#4373BD;
color:#fff;
border:1px solid #3d0000;
}

.paul a.button
{
padding:1px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
text-decoration:none;
}

.paul select
{
margin-right:5px;
}

.paul #addresstable, 
.paul #employertable
{
border:1px solid #ddd;
width:100%;
}

.paul #addresstable th, 
.paul #employertable th,
.paul #addresstable td, 
.paul #employertable td
{
padding:2px;
background:#eee;
border:1px solid #fff;
}

.paul #addresstable th, 
.paul #employertable th
{
background:#ebe2d3;
color:#5d0000;
text-align:right;
padding-right:10px;
}

.paul #addresstable th.count, 
.paul #employertable th.count
{
text-align:left;
}

.paul h3.error
{
background:red;
color:#fff;
padding:5px;
margin:0;
}

.paul ol.error
{
margin:0;
margin-bottom:20px;
border:1px solid red;
background:#ebe2d3;
padding:10px 30px;
line-height:16px;
color:#5d0000;
}

/* IE doesn't understand this bit, proper browsers do though */
.paul input[type=submit],
.paul input[type=button]
{
background:#4373BD;
color:#fff;
border:1px solid #3d0000;
}


/* loose page - steopbystep guide to reffing */

.nowtMuch .widgetBit {
left:105px;
background-color:blue;
}

/* other */

.footNote .editableText * {
font-size:12px;
}

* html .theWords {
padding-top:10px;
}

.quoteForm .formFieldTitle  {
font-size:11px;
}

/*pricing_structure page*/

.pricyHead {
background-color:#0f4fbb;
height:25px;
min-height:25px;
}

.pricyHead .editableText * {
color:white;
font-size:16px;
font-weight:bold;
}

.pricyHead .editableText {
padding:4px 10px 0 10px;
}

.pricyHeadO {
background-color:#ffa11d;
height:25px;
min-height:25px;
}

.pricyHeadO .editableText * {
color:white;
font-size:16px;
font-weight:bold;
}

.pricyHeadO .editableText {
padding:4px 10px 0 10px;
}

.pricyPrice{
background-color:#ffa11d;
height:25px;
min-height:25px;
}

.pricyPrice .editableText * {
color:white;
font-size:16px;
font-weight:bold;
}

.pricyPrice .editableText {
padding:4px 10px 0 10px;
}

.textogrey {
background-color:#c0bfc2;
}

.textogrey .editableText {
padding:10px;
}

.textogrey .editableText *{
	font-size: 12px;
  color:#333333;
  font-weight:normal;
}

.textogrey .editableText a {
color:#666666;
}

.textogrey .editableText a:hover {
color:white;
}

/*additional pdf download stuff for pol word and key dl pages */

.landlordsRules .pdfHeads {
background-color:#b3b2b5;
}

.agentsRules .pdfHeads {
background-color:#0d3cb0;
}

.tenantsRules .pdfHeads {
background-color:#ff8d00;
}

.pdfHeads .editableText {
padding:5px;
/*
border-right:2px solid white;*/

}

.pdfHeads .editableText * {
	font-size: 13px;
  color:white;
  font-weight:bold;
}

.pdfRow .editableText * {
	font-size: 12px;
  color:#333333;
  font-weight:normal;
}

.pdfRow .editableText {
margin-top:20px;
}

.pdfRow .editableText a:hover, .pdfHeads .editableText a:hover {
color:#666666;
}