/* 
====================================
Skin styles for Manage My Property
====================================
*/   
body {
    text-align: left;
    vertical-align:top;
    margin:0;
    padding:0;
    color:#333333;        	
    background-color: #ffffff; 
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;   
}
NormalRed {
    font-family: Arial;
    font-size:9px;
    margin:0;
    padding:0px 0 0 0;
}

p {
    text-align: left;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    vertical-align:top;
    margin:0;
    padding-top:0px;
    padding-bottom:5px;
    color:#1e262e;        	    
     }
h1, h2, h3, h4 {
	font-family: Tahoma,Arial,Helvetica;
    margin:0;
}
h1
{
	color:#ff9900;
	font-size: 18px;
	font-weight:bold;
	line-height: 22px;
    padding:5px 0px 15px 0px;
}

h2  {
	color:#54616e;
	font-size: 15px;
	line-height: 18px;
	font-weight:bold;
	padding:5px 0px 10px 0px;
}

h3  {
    font-size: 13px;
    color:#333399;
    font-weight:normal;
    padding:5px 0px 8px 0px;
}

h4
{
     font-weight:bold;
}

h5
{
     font-weight:bold; }

a:link 
{
    font: tahoma;
    font-size: 11px;
    color:#ff9900;
    text-decoration:underline;
}

a.home:link 
{
    font: tahoma;
    font-size: 11px;
    color:#ffcc33;
    text-decoration:none;
}


a:active {
     font: tahoma;
     font-size: 11px;
     color:#3b4b5b;
     text-decoration:none;
}

a.home:hover {
     font: tahoma;
     font-size: 11px;
     color:#ff9900;
     text-decoration:none;
}

a.SkinObject:link {
    font: tahoma;
    font-size: 11px;
    color:#ffcc33;
    text-decoration:none;
}

a.home.SkinObject:link {
    font: tahoma;
    font-size: 11px;
    color:#ffcc33;
    text-decoration:none;
}

a.home.SkinObject:hover {
    font: tahoma;
    font-size: 11px;
    color:#ff9900;
    text-decoration:none;
}

a.SkinObject:hover {
    font: tahoma;
    font-size: 11px;
    color:#ff9900;
    text-decoration:none;
}

a.SkinObject:active {
        font: tahoma;
        font-size: 11px;
    color:#cccccc;
    text-decoration:none;
}

ol, ul
{
    padding-bottom:0px;    
}

ol li, ul li
{
	vertical-align:baseline;
    padding-bottom:2px;    
}

ol li a, ul li a
{
	
    padding:2px 0px;
}

.outerContainer {
    text-align: left;
    vertical-align: top;
    width: 938px; 	    	
    margin: 0 auto;
	padding: 0;
	   
}
.banner920px {
    height: 87px;
    width:920px;
    text-align: right;
    color:#cccccc; 
    background: #ffffff url(ImagesMMP/MMP-Top-BannerOra-900px.jpg) no-repeat top left;
}
.banner1000px {
    height: 92px;
    width:1000px;
    text-align: right;
    color:#cccccc; 
    background: #ffffff url(ImagesMMP/MMP-Top-Banner-1000px.gif) no-repeat top left;
}
.bannerlinks {
    width: 550px;
    height: 28px;
    float:right;
    display:inline;
    padding: 4px 10px 0px 0px;
}
.connect_widget td.connect_widget_vertical_center {
    color:#ffffff;
}
.siteContainer0
{
/*	padding: 10 10 20 10px; */
    background: #f5f6f7 url(ImagesMMP/Site-background3.jpg) repeat-x top left;
    height: 100%;
	width:100%;
}

.siteContainer1
{
/*	padding: 10 10 20 10px; */
    background: #f5f6f7 url(ImagesMMP/Site-background3.jpg) repeat-x top left;
    height: 100%;
	width:1020px;
	margin:0 auto;
	text-align:left;
}

.siteContainer2
{
	padding: 10 10 10 10px;
    background-color: #ffffff;
    width:1000px;
    height: 100%;
   	vertical-align:middle;
   	text-align:center;

}
.toppane img { vertical-align: bottom; } 

.loginDetails {
    float: right; 
    color: #fff;
    font: normal xx-small arial;
    text-align: right;	
    width: 100%;
    height: 21px;
    padding: 15px 10px 0px 0px;	        
}

html>body .loginDetails { padding: 15px 10px 0px 0px; }
.loginDetails a, .loginDetails a:link, .loginDetails a:visited {
	color: #fff; 
	text-decoration: none; 
	font: bold x-small verdana;
}
.loginDetails a:hover {
	color: #7fa9c6; 
	text-decoration: underline; 
	font: bold x-small verdana;	
}
.innerContainer {
    float: left; 
    width: 1000px;                
    margin: 0; 
    padding: 0; 
	background: transparent url repeat-y top left; 
	clear: both;
}

.menuContainer
{
	width:150px;
	height:620px;
	float:left;
	background: transparent url(ImagesMMP/menu-background-620px.jpg) repeat-x top left;
}

.menu 
{
    vertical-align: top;
	margin: 0px;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;	
	width:142px;
	text-align: left;
}

.LeftPane
{   width:142px;
	height: 38px;
    vertical-align: middle;
	margin: 0px;
	padding-bottom:0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
    }
            

/*.onlineagent 
{
	width:142px;
	height: 38px;
    vertical-align: middle;
	margin: 0px;
	padding-bottom:0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	background: url(ImagesMMP/OnlineAgent-button.jpg) no-repeat top left;
	border: 2px solid #ff9900; }*/


.trademe {
	width:138px;
	height: 39px;
	background: url(ImagesMMP/trademe-sml.jpg) no-repeat top left;
	border: 2px solid #ff9900;
}

.zzzz {
	width:138px;
	height: 38px;
	background: url(ImagesMMP/OnlineAgent-button.jpg) no-repeat top left;
	border: 2px solid #ff9900;
}


.guarentee {
	width:150px;
    vertical-align: bottom;
	margin: 0px;
	padding-bottom:10px;
	padding-left: 0px;
	padding-top: 0px;
	background: url(ImagesMMP/Guarentee-2.png) no-repeat top left;
	height:205px;
}

.rightpane {
	float:left;
	width:185px;
	background: transparent url(ImagesMMP/menu-background-620px.jpg) repeat-x top left;
	margin: 0px;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	height:620px;
}

.contentpane {
	float:left;
	width:635px;
	*width:665px;
	margin: 0px;
	padding:4px 15px 0px 15px;
	background: #ffffff;
	text-align:left;	
}

.contentpane-2pane {
	width:845px;
	float: left;
	background: #ffffff;
	margin-left:4px;
	margin-top:10px;	
}

.managemyproperty {
    text-align: left;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    vertical-align:top;
    margin:0;
    padding-top:5px;
    padding-bottom:5px;      
}

.intro {
    text-align: left;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    vertical-align:top;
    margin:0;
    padding-top:5px;
    padding-bottom:5px;
    color:#1e262e;        	    
}
.homepageheadings 
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    vertical-align:top;
    margin:0;
    padding-top:5px;
    padding-bottom:5px;
    color:#ff9900;   
    }

html>body .contentpane {
    width: 635px;
	padding:4px 15px 0px 15px;    
} 

html>body .rightpane {
    width: 177px;
	padding:4px 4px 0px 4px;    
} 

.floatRight {
     float:right;    
}

.topfooter {
	clear:both;
    float:left;
    color: #fff;
    font: normal x-small arial;  
    text-align: left;
    width: 100%;     
    padding: 0px 0 0 0;    
    margin: 0 0 0 0;
    background: #75AAC6 url(ImagesJohnWilson/top-bottom.png) no-repeat top left; 
    height:75px;    
}
.topfooter dl {
	margin:0 0 0 -1000px;	
}
.topfooter span, .topfooter dl dd {    
	
    font: normal xx-small verdana;    
    text-decoration: none;
    text-align: left;    
    font-weight:bolder;
}

.topfooter a:hover { 
	color: #7fa9c6; 
	text-decoration: underline;
	font: normal xx-small verdana;
}

.BottomPane {
    float:left;
    color: #fff;
    font: normal x-small arial;      
    text-align: center;
    padding: 4px 0 4px 0;
    background-color: #495d68;
    border-top: #ffffff 6px solid;
    
}
.footer span, .footer a:link, .footer a:visited {
    color: #fff;
    font: normal xx-small arial;
    text-decoration: none;
    text-align: center;
}
.footer a:hover { 
	color: #7fa9c6; 
	text-decoration: underline;
	font: normal xx-small verdana;	
}

.SkinObject {
color:#cccccc;
font-family:tahoma,Arial,Helvetica;
font-size:11px;
font-weight:normal;
text-decoration:none;
/* vertical-align:middle; */
padding-bottom:0px;
padding-top:0px;
}

/* Main Menu */
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 	
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_rootitem {
	background-color: #FF9900;
	border-top: 1px solid #ffcc66;
	border-right: 4px solid #ffcc66;
	border-bottom: 1px solid #4a5c68;
	border-left: 0px;
	height: 27px;
	width: 128px;
	*width: 142px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	padding: 0px 5px 0 5px;
}
.main_dnnmenu_rootitem td { /* this is to adjust the spacing of the menu*/

}
.main_dnnmenu_rootitem_selected {
	background-color: #A52B0C;
	border-bottom: 1px solid #4a5c68;
	border-right: 4px solid #CD857C;
	border-top: 1px solid #E9C9C5;
	height: 27px;
	width: 128px;
	*width: 142px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	padding: 0px 5px 0 5px;
	background-image: url(BG.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
.main_dnnmenu_rootitem_hover {
	background-color: #ffba00;
	border-bottom: 1px solid #4a5c68;
	border-right: 4px solid #CD857C;
	border-top: 1px solid #E9C9C5;
	height: 27px;
	width: 128px;
	*width: 142px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 20px;
	padding: 0px 5px 0 5px;
}

.main_dnnmenu_submenu td {
    height: 27px;
}
.main_dnnmenu_submenu {
	background-color: #ff9900;
	border-top: 1px solid #ffcc66;
	border-right: 1px solid #CD857C;
	border-bottom: 1px solid #4a5c68;
	border-left: 0px;
	height: 27px;
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	padding:0px 2px 0px 8px;
	width: 160px;
}
.main_dnnmenu_itemhover {
	border-top: 1px solid #ffcc66;
	border-right: 1px solid #CD857C;
	border-bottom: 1px solid #4a5c68;
	height: 27px;
	font-weight: bold;
	color: #495D68;
	font-size: 11px;
	line-height: 20px;
	padding:0 2px 0px 8px;
	width: 160px;
}
.main_dnnmenu_itemselected {
	border-top: 1px solid #ffcc66;
	border-right: 1px solid #CD857C;
	border-bottom: 1px solid #4a5c68;
	height: 27px;
	font-weight: bold;
	color: #A52B0C;
	font-size: 11px;
	line-height: 20px;
	padding:0 2px 0px 8px;
	width: 160px;
}
.
/* ================================================
Form CSS
   ================================================*/
/* FORM Styles */

.Tablehead
{
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px;
    font-weight: Bold;
    line-height: 15px;
    padding: 11px 0px 0px 0px;
    color: #495d68;
    margin-left: 0px;
    background-color: #f5f6f7;
    text-align: left;
}


.FormLabel
{
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;
    font-weight: Bold;
    line-height: 15px;
    padding-left: 5px;
    padding-bottom: 7px;
    color: #4a5c68;
    margin-top: 7px;
    width: 180px;
    vertical-align: top;}

.Form
{
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    line-height: 15px;
    vertical-align: top;
    margin-bottom: 7px;
    padding-left: 5px;
    padding-right: 0px;
    color: #4a5c68;
    background-color: transparent;

}

.FormCell
{
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    vertical-align: top;
    margin-bottom: 7px;
    color: #4a5c68;
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 0px;
}

.OuterForm
{
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    line-height: 13px;
    margin-left: 0px;
    color: blue;
    background-color: #ffffff;
}
.mainReport {     
    border: black 1px solid;
    border-left: black 1px solid;
    width: 600px;
    border-collapse: collapse;
    background:ivory;
}

.frmReport {     

    border: black 2px solid;
    width: 500px;
    border-collapse: collapse;

}

.frmPadding {     

padding:3px 3px 3px 3px;

}

.addressInfo {     
    background:#eeeeee;
    padding:3px 0px 6px 6px;
}

.frmSeparator

{     

border-bottom:1px black solid;      

      height:10px;

}

.widgetHeading

{     

background:brown;

      padding:3px 3px 3px 8px;

}

.chkLstShip

{     

background:wheat;

      width:250px;

      padding:3px;

}

.chkLstMake

{     

background:silver;

      width:250px;

      padding:3px;

} 

.Outerform {
width:750px;
}