/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #FFFFFF;
    font-size: 75%;
    font-family:helvetica,arial,sans-serif !important;
    margin: 0;
    padding: 0;
    color: #696969;
	height:0 auto;

}
img
{
    border:none;
}
a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    width:100%;
    margin-top:5px;
    position:absolute;
    width:1024px;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    padding:0px 10px 15px 10px;
    background-color: transparent;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    float:left;
    width:100%;
    position:absolute;
    top:40px;
    width:1024px;
    
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
    background-color:#E0F0FC;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
	border:solid 1px #AACCEE;     
	width:300px;  
	margin:0 auto;
	margin-top:50px;
}
fieldset h1
{
    text-align:center;
    margin-top:0px;
}
fieldset h2
{
    text-align:center;
    margin-bottom:0px;
    padding-bottom:0px;
    font-weight:normal;
}
legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
    font-size:20px;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
    font-size:20px;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #AACCEE;
}
td button
{
    text-align:center;
}
table th
{
  padding: 6px 5px;
  text-align: left;
  border: solid 1px #AACCEE; 
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    text-align:left;
    width:400px;
    top:5px;
    position:absolute;
    left:20px;
}

#logindisplay
{
    font-size:1.1em;
    margin-top:0px;
    background:#000000;
    width:100%;
    height:25px;
    color:#FFFFFF;
}
#logindisplay div
{
    float:right;
    margin-right:20px;
}
#logindisplay span
{
    margin:0px 10px 0px 10px;
    text-align:right;
    display:inline-block;
    vertical-align:middle;
}
#logindisplay select
{
    margin-top:2px;
}
#logindisplay a:link
{
    text-decoration: none;
    color:#FFFFFF;
}

#logindisplay a:visited
{
    text-decoration: none;
    color:#FFFFFF;
}

#logindisplay a:hover
{
    text-decoration:underline;
    color:#FFFFFF;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}
.div_main_left{
float:left;
	width:205px;
	min-height:700px;

}
.div_main_topnav{
	width:100%;
	height:40px;
}
.div_main_top{
	width:818px;
	float:left;
}
.div_main_search{
background-color:#E0F0FC;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	border-radius: 5px;
	border-top-right-radius: 0;	
	min-height:700px;
	border:solid 1px #AACCEE;
	
}
.div_main_nav{
	margin-top:0px !imporatant; 
	padding-top:0px;
	position:relative;
	
}
.ul_nav {
margin:0px;
padding:0px;
width:100%;
border-bottom:solid 1px #AACCEE;
}
.ul_nav li{
display:inline;
}
.ul_nav li a{
	min-width:130px;
	display:inline-block;
	background-color:#E0F0FC;
	line-height:39px;
	text-align:center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-left:solid 1px #AACCEE;
	border-right:solid 1px #AACCEE;
	border-top:solid 1px #AACCEE;
}
.ul_nav .first{
margin-left:30px;
}
.ul_nav .active_tab
{
    margin-bottom:-1px;
    background-color:#FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}
.div_searchbox{
    margin:20px 5px 20px 5px;
    width:100%;
}
.div_searchbox .icon_search
{
    display:inline-block;
}
.div_main
{
    margin:20px 0px 20px 10px;
    float:left;
    display:block;
    width:98%;
}
.div_NewPM
{
    width:100%;
    float:left;
}
.div_NewPM button
{
    float:right;
}
.div_PMList
{
    float:left;
    width:100%;
}
.div_PMList .div_PMListItem
{
    width:100%;
    float:left;
}
.td_PMFirstName
{
    width:20%;
}
.td_PMLastName
{
    width:20%;
}
.td_PMMobile
{
    width:20%;
}
.td_PMPhone
{
    width:20%;
}
.tb_PMList
{
    width:100%;
    clear:both;
}
.tb_PMList th
{
    background-color:#E0F0FC;
}
.div_PMDetail
{
    width:100%;
    float:left;
}
.div_pMInfo input
{
    width:250px;
    height:30px;
    font-size:18px;
}
.div_PMInfo label
{
    font-size:15px;
    width:100px;
    display:inline-block;
    vertical-align:top;
}
.div_PMDetailItem_1
{
    margin:10px 0px 10px 20px;
    width:100%;
}
.div_PMDetailItem_2
{
    margin:10px 0px 10px 20px;
    width:100%;
}
.form_pm button
{
    margin:10px;
}
.div_logon
{
    margin:0 auto;
    width:220px;
}
.span_error
{
    display:block;
    color:#E46C6E;
    clear:both;
    margin-left:155px;
}
.div_Page
{
    margin-top:10px;
    clear:both;
    text-align:right;
}
.div_Page a
{
    margin:0px 5px;
    font-size:1.2em;
}
a.a_currentpage
{
    font-size:1.4em;
    font-weight:bold;
}
	.fg-button { clear:left; margin:0 4px 0px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 25%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }

 .tb_PList
 {
     width:100%;
 }
 .div_PList
 {
     width:100%;
 }
 .div_searchbox input
 {
     width:160px;
 }
 .div_PDetail
{
    width:100%;
    float:left;
}
#form_PDetail
{
    width:60%;
    float:left;
}
.div_PDetail_Map
{
    width:40%;
    float:left;
    height:300px;
}
.div_PDetail input
{
    width:240px;
    height:30px;
    font-size:18px;
}
.div_PDetail select
{
    height:30px;
    font-size:18px;
}
.div_PDetail label
{
    font-size:15px;
    width:130px;
    display:inline-block;
    vertical-align:middle;
}
.div_PDetailItem_1
{
    margin:10px 5px 10px 5px;
    width:100%;
}
.div_PDetailItem_2
{
    margin:10px 5px 10px 5px;
    width:100%;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
#form_PDetail fieldset
{
    padding:0;
    margin:0;
    background-color:#E0F0FC;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
	border:solid 1px #AACCEE;     
	width:97%;  
	margin:0 auto;    
}
.div_PInfo
{
    height:auto;
    overflow:hidden;
    width:98%;
    border:none;
}
.div_PMInfo
{
    height:auto;
    overflow:hidden;
    width:98%;
    border:none;
}
.ui-tabs-panel
{
    padding:0px;
    padding-top:30px;
}
.ui-widget-header
{
    background:#FFFFFF;
}
.ui-widget-header
{
    border:none;
    border-bottom:1px solid #AAAAAA;
    border-radius:0;
}
.ui-small
{
    width:80px;
}
.ui-small .ui-button-text
{
    padding:0.2em 0.4em;
}
.div_main .ui-widget-content
{
    border:none;
}

.div_contact_owner
{
    width:50%;float:left;
}
.div_contact_tenancy
{
    width:50%;float:left;
}
.div_PInfo .div_contactinfo_item
{
    width:100%;
    margin:5px;
    float:left;
}
.div_contactinfo_item label
{
    display:inline-block;
    width:30%;
    float:left;
    vertical-align:middle;
    font-size:1.3em;
}
.div_contactinfo_item input
{
    width:69%;
    float:left;
    height:30px;
}
.div_PInfo fieldset
{
    margin-top:10px;
    clear:both;
    display:inline-block;
}
.div_contactinfo_new
{
    margin-top:10px;
}
.div_contactinfo_item button
{
    float:right;
}
.dataTables_info
{
    display:none;
}
.dataTables_paginate
{
    margin-top:10px;
}
.first
{
    display:none;
}
.last
{
    display:none;
}
.div_PMDetail_left
{
    width:60%;
    float:left;
}
.div_PMDetail_right
{
    width:40%;
    float:left;
}
.div_PMDetail_right label
{
    width:200px;
}
.div_PMDetail_right .div_PMDetailItem_1
{
    margin:10px 0px 10px 15px;
}
.form_pm
{
    width:90%;
    border:1px dotted;
}
#form_PMPassword .span_error
{
        display:block;
    color:#E46C6E;
    clear:both;
    margin-left:0px;
}
.div_dash_group fieldset
{
    width:98%;
}
.div_dash_group table
{
    width:100%;
    height:auto;
}
.div_dash_days
{
    float:right;
	clear:both;
}
#dialog-confirm
{
    display:none;
}
.div_PMSetting
{
    width:98%;
}
.div_PMSetting .ui-widget-content
{
    border:1px solid #AAAAAA
}
.div_autotext_item textarea
{
    width:100%;
    height:70px;
    overflow:hidden;
}
.div_autotext_new
{
    display:none;
}
.div_autotext_item button
{
    margin:5px 0px 5px 20px;
}
.ui-long-button 
{
    width:180px !important;
    margin:10px 10px 10px 0px;
}
.div_PMGroups
{
    width:98%;
}
.div_PMGroups .ui-widget-content
{
    border:1px solid #AAAAAA
}
.div_groupset label
{
    width:140px;
}
.div_group_item
{
    width:100%;
     font-size:1.1em;
}
.div_group_new
{
    width:100%;
}
.div_group_item input
{
    margin-top:5px;
   
}
.div_date_control
{
    width:100%;
    float:left;
    margin:10px 0px 10px 0px;
    text-align:center;
}
.div_date_control a
{
    width:100px;
    display:inline-block;
    font-size:1.3em;
}
.div_date_control input
{
    width:125px;
}
.tb_dash_list select
{
    width:140px;
}
.blockOverlay
{
    	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.div_rlist
{
    width:100%;
}
.tb_RList
{
    width:100%;
    clear:both;
}
.tb_PMList th
{
    background-color:#E0F0FC;
}
#tb_RList
{
    width:100% !important;
}
#tb_RList td:first-child
{
    width:40%;
}
#tb_RList td:last-child
{
    width:25%;
}
.dataTables_scrollHead
{
    width:760px !important;
}
.dataTables_scrollHeadInner
{
    width:745px !important;
}
.div_prompt
{
    margin:10px 0px 0px 10px;
    background:#8CD59F;
    width:97%;
    min-height:50px;
    border:solid 1px #9CD59F;
height:auto;
overflow:hidden;
}
.div_prompt #div_prompt_msg
{
    margin:5px;
    width:96%;
    float:left;
}
#div_prompt_msg p{
line-height:1em;
margin-bottom:0px;
}
.div_prompt #div_prompt_close
{
    width:1%;
    float:left;
    margin-top:2px;
}
.ul_left
{
    list-style:none;
    padding-left:0px;
}
.ul_left li
{
    font-size:1em;
    margin-top:15px;

}
.ul_left .active
{
    width:213px;
    height:40px;
    border:solid 1px #000;
    position:relative;
    background:#FFFFFF;
    border-radius:5px 0px 0px 5px;
    border-right:none;   
    left:-10px;
}
.ul_left li a
{
    margin-left:5px;
    display:block;
    width:100%;
}
.active a
{
    font-size:1em;
    line-height: 40px;
    text-align: center;
    width: 100%;
    display:block;
}
.div_dash_list
{
margin-top:10px;
float:left;
width:100%;
}
.div_dash_list table
{
    width:100%;
}
.div_dash_overdue table
{
    width:100%;
}
.div_dash_group
{
    display:none;
margin-top:10px;	
float:left;
width:100%;
}
.div_dash_overdue
{
margin-top:10px;
    display:none;
	float:left;
	width:100%;
}
#div_PContact
{
    display:none;
}
#div_PReports
{
    display:none;
}
#a_help
{
    top:20px;
    right:10px;
    position:absolute;
}
#design_header img
{
    width:595px;
    height:85px;
}
#design_footer img
{
        width:595px;
    height:45px;
}
#div_main_widget
{
    position:relative;
    top:0px;
    left:0px;
}
#div_main_widget ul
{
    position:absolute;
    top:0px;
    left:0px;
}
        div.growlUI { background: url(/images/big_tick.png) no-repeat 10px 4px; }
        div.growlUI_Error{ background: url(/images/big_cross.png) no-repeat 10px 4px; }
        div.growlUI h1, div.growlUI h2 {
	        color: white; padding: 5px 5px 5px 75px; text-align: left
        }
        div.growlUI h1
        {
            font-size:1.5em;
        }
        div.growlUI h2
        {
            font-size:1.2em;
        }