﻿

body
{
font-size:12px; font-family:Arial;
margin:0px;
padding:0px;
}

form
{

margin:0px;
padding:0px;
}

#aroundwrapper 

{
	
	background-image:url(../../images/bg2g.jpg);
	width:770px; 
	height:700px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	
	padding:86px 0px 0px 265px;

	
	 }


#wrapper {
width:350px;
height:500px;
margin:0px;
padding:0px;

}



input {
 font-size:12px;
 font-family:arial;


}

.selected{
 font-size:12px;
 font-family:arial;


}

.moveup {margin:0px; padding:10px 0px 0px 0px; }
h2 {

font-family:arial;
font-size:18px; 
color:Black;
margin:0px;
padding:0px 0px 0px 0px;
}

.btnd { text-align:right; }
#sending {
position:absolute;
top:10px;
left:145px;
padding:5px 5px 7px 5px;
width:120px;
font-size:14px;
background-color:#fff;
border:2px solid #2F2F2D;
color:#2F2F2D; font-weight:bold;
}

.clearfloats { clear:both; }

.infobox { padding:5px 0px 5px 5px; width:215px;  
	 border:2px dotted #202020;  _border:2px dotted #202020; 
	margin:0px 5px 0px 3px; background-color:#ffffff;
	height:30px;
	}
	.dblclear {height:10px; font-size:1px; }

.surround0 { height:23px; }
.surroundX { height:22px; }
.surround0Dbl { height:34px;}
.surround0Trip { height:37px;}


.surround2r {  width:230px; _width:231px; text-align:center; margin-top:10px; }

.surround1 { float:left; width:75px; margin:0px 10px 0px 0px; padding:2px 0px 0px 5px; }
.surround1Pound { float:left; width:75px; margin:0px 0px 0px 0px; padding:2px 0px 0px 5px;  }
.surround2 { float:left; width:175px; }
.surround01 {  text-align:right; padding:5px 0px 0px 0px; margin:5px 5px 5px 4px;   }

.surround2 img { padding-left:5px;}
.dropdownmore { padding-bottom:2px; }

.seperatefloats { margin:8px 5px 5px 5px; color:#202020;
	font-size:14px; font-weight:bold;  padding:0px 0px 1px 0px;
	width:217px;
	 border-bottom:1px solid #202020;}

.select1dropdown {padding:3px 0px 0px 5px; }
input.btn{
   color:#333;
   font-family:arial;
   font-size:100%;
   font-weight:bold;
   background-color:#EFEFEF;
   *background-color:#ddd;
 border:1px solid;
 padding:4px 3px 4px 3px;
  *padding:3px;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

input.btnhov{
  border-top-color:#FFC426;
	border-left-color:#FFC426;
	border-right-color:#DDA000;
	border-bottom-color:#DDA000;
	
	}
	
	
	#plOutgoings { font-size:12px; font-family:Arial; }
#pnlEquity {
 background-color:#FDFDFB;

 padding:10px;
border:1px solid black;
}

#pnlEquity h4, #pnlDebt h4, #pnlIncome h4, #pnlOutgoing h4
{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333;
	margin-bottom:4px;
	
	
	
}

#pnlEquity .textbox { font-size:12px; font-family:Arial; width:50px; }

.informdebt { font-size:11px; color: #F28B00; margin-bottom:8px; }
.surround_bigger { width:240px; height:35px;
	}
	
.surround_small { width:240px; height:22px;
	}
	.surround_smallA { width:150px; float:left;
	}
	
	.surround_smallB { width:90px;float:left;
	}

	.surround_smallAX { width:150px; float:left;
	}
	

	
	.scrollerbox {
height: 300px;
width: 240px;
overflow: auto;
margin:0px; padding:0px;
}

	.surround_smallBX { width:90px;float:left; text-align:right;
	}
	
	.ddlisted { font-size:12px; font-family:Arial; width:83px; }
	
	.current { border-top:1px solid #D97C00; border-bottom:1px solid #D97C00; 
		padding-top:5px;  
		padding-bottom:5px; margin-top:5px;}
	.padmid { padding-top:3px;}
	.alignright {margin-top:5px; text-align:right;}
	
	.orange {  height:35px; border-top:1px solid #D97C00;
		border-bottom:1px solid #D97C00;
		padding-top:5px;
		margin-bottom:5px;
		}
	.surround_small1 { float:left; width:105px;}
	.surround_small2 { float:left; width:70px; text-align:center;}
	.surround_small3 { float:left; width:65px; text-align:center;}
	.surround_small1A { float:left; width:105px;}
	.surround_small2B { float:left; width:70px; text-align:center;}
	.surround_small3C { float:left; width:65px; text-align:center;} 
	
	.surround_small1AX { float:left; width:143px;}
	.surround_small3CX { float:left; width:75px; text-align:right;} 
		#TotalMonthlyIncome, #TotalExpenditure { width:60px;}
		
	.debtorsttl {width:20px; }
	.debtttl { width:50px;}
	
	
	#MortgageRentFreq, #MortgageRentArrearsFreq, #SecuredLoansFreq, #SecuredLoansArrearsFreq, #SecuredLoansArrears, #EndowmentFreq, #CouncilTaxFreq, #WaterRatesFreq, #HouseBuildingInsuranceFreq, #ElectricityFreq, #GasFreq, #OilFreq, #TelephoneFreq, #MobilePhoneFreq, #CarHirePurchaseFreq,  #CarInsuranceFreq, #CarTaxFreq, #CarMaintenanceFreq, #PetrolDieselFreq, #FoodFreq, #ClothingFreq, #ChildSupportFreq, #LifeInsuranceFreq, #ChildCareFreq, #EntertainmentFreq, #TransportTravelFreq, #TvLicenseSkyCableFreq, #DentalPlanFreq, #MedicalCostsFreq, #ContingencyFreq, #OutstandingFinesFreq, #StudentLoansFreq, #OtherFreq, #OpticiansFreq
	{
		 font-size:12px; font-family:Arial; width:83px; margin-left:3px;
	}
	
	#plOutgoings label { margin:0px; padding:0px 0px 1px 0px; }
	
#rbProperty input {
border:0px;
float:none;
}

#rbProperty label {
border:1px;
float:none;
}

#RBloans input {
border:0px;
float:none;
}

#RBloans label {
border:1px;
float:none;
}



#pnlDebt {
 background-color:white;
 padding:15px;
border:1px solid black;
}


#pnlDebt label {

font-size:12px;
font-weight:normal;

width:190px;
float:left;

}

#pnlIncome {
 background-color:white;
 padding:15px;
border:1px solid black;
}


#pnlIncome label {

font-size:12px;
font-weight:normal;
padding:0px;
margin:0px;
width:190px;
float:left;

}

#pnlOutgoing {
 background-color:white;
 padding:15px;
border:1px double #333;
}


#pnlOutgoing label {

font-size:12px;
font-weight:normal;
width:200px;
float:left;

}

#pnlIncome label {

font-size:12px;
font-weight:normal;
width:200px;
float:left;

}


#pnlOutgoing p {


}

#close { width:15px; height:15px; float:right; }
#DDRegion {font-size:12px; font-family:arial; width:132px;  _width:133px; }

.dontdrop { padding-top:0px;}

#pnlDebtTestResult {
position:absolute;
top:145px;
left:15px;
 background-color:white;
 padding:10px;
border:1px double #333;
}

.modalBackground {

background-color: #666666;
	width: 100%;
	color: #ffffff;
filter: alpha(opacity=50);
opacity: .5;
}

#pnlDebtTestResult { }

.descText {
margin:0px 5px 5px 5px; color:#009F00;
	font-size:12px;   padding:0px 0px 1px 0px;
	width:217px; height:30px;

}

.wrapdesctxt {
float:left;
}

.descText img {
padding-left:0px;
float:left;

}

#prompttxt {
   /*font-style:italic;*/
    color:#009F00;
    font-weight:normal;
	font-size:12px;
	height:20px;
    width:215px;
padding:5px 0px 5px 5px;

  
}

#rbhomeowner  input {  *height:15px;padding:0px; margin:0px;}

.pad_down { padding-top:4px;}
.pad_down4 { padding-top:4px;}

#pnlSent { margin:0px; padding:0px;}
.loaded img {   padding-top:15px;padding-left:0px;}
.loaded  {   margin:0px; padding:0px;}
.pd2 { font-size:14px; color:#2F2F2D; font-weight:bold; border-bottom:1px solid #2F2F2D;
	 margin:0px 0px 8px 5px; width:220px; padding:10px 0px 2px 0px;
	}
.pd { width:215px; padding:2px 0px 0px 5px; margin:0px 0px 8px 0px; }

.calcOffSet {
position:relative;
top:-15px;
left:-51px;


}

.calcstart {
position:relative;
top:17px;
left:-2px;
}

#clientboxwrapper {
position:relative;
float:left;
width:0px;
height:0px;
padding-right:3px;

}

#CredStatusDesc 
{
position:absolute;
left:40px;

background:#95FF95;
z-index:25;
border:1px solid #666666;
float:left;
font: 0.8em "Arial";
padding-left:5px;
width:170px;
top:-47px;
display:none; 
text-align:left;
}


	a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#ff0;cursor:default;
}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	font-size:11px;
    position:absolute;
   width:100px;
   padding:7px 7px 7px 7px;
    border:1px solid #DBDBDB;
    background-color:#fff; color:#333;
    text-align: left;
	cursor:default;
	}
	
		.debtalert {
	color:#009F00;
	font-size:10px; font-style:italic;
	width:100px;
	}
	
	.tickerbg {

width:210px; 
background-color:white;
font-weight:bold;
font-size:12px;
z-index:500;

	}