/* set form display to inline to fix ie padding bug*/
form{

 display:inline;

}

/* formats the containing divs for form inputs */

form .inputWide{

  width:148px;
  float:left;
  margin:6px 0px;

}

form .inputNarrow{

  width:72px;
  float:left;
  margin:6px 0px;

}

form .labelWide{
padding-top:10px;
  width:195px;
  float:left;
}

form .labelNarrow{
padding-top:10px;
  width:85px;
  float:left; 
}
form .prefix{
  width:10px;
  float:left;
padding-top:10px;
}

form .suffix{
  width:40px;
  float:left;
padding-top:10px;  
}

.displayedPanel{
  
  display:block;

}

.inputNarrow input{
width:58px;}

.cCardCalc{
font-family: arial,helvetica,'sans serif';
font-size:12px;
  font-weight:bold;
  color:#006;
}

.cCardCalcMid{
  background:url(http://images2.moneysavingexpert.com/images/creditCardCalculator/midSlither.gif) left top repeat-y;
  width:551px;

}


.cCardCalcTop{
  background:url(http://images2.moneysavingexpert.com/images/creditCardCalculator/top.gif) left top no-repeat;
  width:551px;
  padding-top:0px;
}

.cCardCalcBot{
  background:url(http://images2.moneysavingexpert.com/images/creditCardCalculator/bottom.gif) left bottom no-repeat;
  width:551px;
  padding-bottom:8px;
}

.cCardCalcContent{
background:url(http://images2.moneysavingexpert.com/images/creditCardCalculator/leftSideGradient.jpg) 5px 5px no-repeat;
/*padding-left:100px;*/
width:550px;
margin:0 auto;

}
.cCardCalcContentInner{
background:url(http://images2.moneysavingexpert.com/images/creditCardCalculator/orangeMan.gif) right bottom no-repeat;
/*padding-left:100px;*/
width:545px;
margin:0 auto;

}

.cCardCalcContent .titleText{


padding-top:5px;
padding-left:70px;
text-align:center;
margin-bottom:20px;
}


.cCardCalcContent .titleText h2{
margin:2px 0;
color:#0B4DBF;
font-size:36px;
font-family: calibri, arial, 'sans serif';
}


.cCardCalcContent .titleText h3{
margin:2px 0;
color:#999;
font-size:15px;
font-family: calibri, arial, 'sans serif';

}

.center{
text-align:center;
}

.errorLabel{
color:#f00;
font-weight: bold;
}

.labelWide span, .labelNarrow span{
color:#f00;
font-style: italic;
font-weight:normal;
}

#mbnaCalcResults{

  width:340px;
  padding-top:10px;
  font-size:16px;
  text-align:center;
  color:#333;
  margin:0 auto;
}

.resultsText{
  color:#000;
}

.resultsTextLarge{
  color:#000;
  font-size:18px;
}


.resultsVariables{
  color:#090;
}

.resultsVariablesLarge{
  color:#009;
  font-size:18px;
}

.cCardCalcFormContainer{
width:320px;
margin:0 auto;
}