
payment-main{
    float:left;
    width:100%;
}

#ccbackground{

    left:150px;
    float:left;
    /*  background-image:   url('images/ccbackground.jpg');*/
    background-color: #000066;

}
.ccmax{
     width:650px;
    height:700px;
}
.ccmin{
      width:650px;
    height:30px;
}
#minmax{
    float:right;
    color:white;
    font-size: 30px;
    margin-right:20px;
}
#ccbackground img{
    margin-top:10px;
    /* margin-left:175px;*/
    float:right;
    width:300px;

    margin-right:10px;
}
#cbalancelabel{
    float:left;
    margin-left:10px;
    color:#ffffff;
    margin-top:30px;
    font-size:25px;
    margin-right:5px;
}
#cbalance{
    float:left;
    margin-left:15px;
    color:#ffffff;
    margin-top:30px;
    font-size:25px;
}
#baltype{
      width:100px;
    height:35px;
    font-size:30px;
}
#finance{
    float:left;
    margin-left:15px;
  
    height:30px;
    width:30px;
    font-size:25px;
}
#cfinancinglabel{
    float:left;
    margin-left:5px;
    color:#ffffff;
    margin-top:30px;
    font-size:25px;
    margin-right:5px;
    
}
#financenumber{

    width:100px;
    height:35px;
    font-size:30px;
}
#progress{
    width:100px;
    height:35px;
    font-size:30px;
}
#ccbackground ul{
    list-style-type:none; 
    float:left;
    width:100%;
    margin-top:15px;
     margin-left:15px;
}
#ccbackground li{
    float:left;
    width:100%;
    height:40px;
}
#ccbackground span{
    float:left;
    color:#ffffff;
    width:160px;
    font-size:25px;
    margin-right:15px;
    margin-top:2px;
}
#checknumber{

    width:100px;
    height:35px;
    font-size:30px;
}
#camount{

    width:100px;
    height:35px;
    font-size:30px;
}
#cholder{

    width:305px;
    height:35px;
    font-size:30px;
}
#scode{
    float:left;
    width:75px;
    height:35px;
    font-size:30px;
}
#finscode{
    float:left;
    width:75px;
    height:35px;
    font-size:30px;
}
#finappid{
    float:left;
    width:125px;
    height:35px;
    font-size:30px;
}
#fincnumber{

    width:305px;
    height:35px;
    font-size:30px;
}
#finexpmonth{

    width:150px;
    height:35px;
    font-size:30px;



}
#finexpyear{

    width:150px;
    height:35px;
    font-size:30px;
}
#finexpmonth{

    width:150px;
    height:35px;
    font-size:30px;



}
#finexpyear{

    width:150px;
    height:35px;
    font-size:30px;
}
#continue{
    float:left;
    width:250px;
    height:30px;
  
    margin-left:165px;
    margin-top:15px;
    -moz-box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    -webkit-box-shadow:inset 3px -23px 12px -15px #bbdaf7;
    box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    background-size:80px 80px;
    background-color:#ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #5994bf;
    display:inline-block;
    color:#000000;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:0px;
      padding-top:5px;
    text-decoration:none;
    text-shadow:3px 2px 0px #ffffff;
    cursor:pointer;
    text-align:center;
}
#cancelpayment{
    float:left;
    width:150px;
    height:30px;
  
    margin-left:30px;
    margin-top:15px;
    -moz-box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    -webkit-box-shadow:inset 3px -23px 12px -15px #bbdaf7;
    box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    background-size:80px 80px;
    background-color:#ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #5994bf;
    display:inline-block;
    color:#000000;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:0px;
      padding-top:5px;
    text-decoration:none;
    text-shadow:3px 2px 0px #ffffff;
    cursor:pointer;
    text-align:center;
}
#ccbackground input {
    -moz-box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    -webkit-box-shadow:inset 3px -23px 12px -15px #bbdaf7;
    box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    background-size:80px 80px;
    background-color:#ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #5994bf;
    display:inline-block;
    color:#000000;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:0px;
    text-decoration:none;
    text-shadow:3px 2px 0px #ffffff;
    cursor:pointer;
    text-align:center;
}
#ccbackground select {
    -moz-box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    -webkit-box-shadow:inset 3px -23px 12px -15px #bbdaf7;
    box-shadow:inset 3px -23px 15px -15px #bbdaf7;
    background-size:80px 80px;
    background-color:#ffffff;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #5994bf;
    display:inline-block;
    color:#000000;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:0px;
    text-decoration:none;
    text-shadow:3px 2px 0px #ffffff;
    cursor:pointer;
    text-align:center;
}
.cconly{
    
}