/*

  general.css - app layer styling on top of the library CSS

  The only app-level styling needed is the container the provider mounts its card field into.
  This is left as a plain, neutral box on purpose - the card field is the provider's own input,
  not one of my themed inputs, so it is not skinned to match them.

*/


#cardbox
{
    /* a plain box for the provider's stock card iframe - simple border, nothing themed */
    padding: 14px 12px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    background: #ffffff;
    min-height: 24px;
}


/* Let this page's form inputs honor their width:100% - the library caps .labelinputarea at 400px,
   which is why they were not filling the form. Scoped to the pay form so every other app keeps the cap. */
#payformarea .labelinputarea
{
    max-width: none;
}