/*
** Amano Credit Leasing Calculator Webpage Styles
** Developed by TICODE, mar 2008.
*/

body { margin:0px; padding:0px; text-align:center;
       font-family:Arial; font-size:12px;
       background-color:#C2DDE9;
       background-image:url("/imgs/bg.jpg");
       background-repeat:repeat-x;
     }


a { text-decoration:none;
  }
  
ul { margin:0px 0px 0px 20px; padding:0px;
   }
   
img { border:0px solid green;
    }

h1 { font-size:16px;
   }

h2 { font-size:14px;
   }
   
br.clear  { clear:both; width:1px; height:1px;
	  }
div#content p { padding-bottom:10px; text-align:justify;
	      }
b.black	{ color:red;
	}

/* CALCULATOR STYLES */

#calculate fieldset  { border:1px solid #000; padding:8px;
                     }
#calculate legend  { /*border:1px solid #000;*/
                   }
#calculate fieldset a { color:#1CA0A9;
		      }
#calculate #results div  { float:left; min-width:175px; margin:4px;
                           padding:4px;
		         }
#calculate div.header { font-weight:bold;
		      }
#calculate div.no_r  { background:transparent;
                     }
#calculate div.r10  { background:#ddf;
                    }
#calculate div.r100  { background:#dfd;
		     }
#calculate #results div.rpad  { width:29px; min-width:29px; border:0px;
			      }
#calculate #results div.spad  { width:20px; min-width:20px; border:0px;
			      }
div#proposal_link { text-align:center; width:100%; border:0px; margin:0px;
		  }
#proposal_link div.options  { display:inline; width:180px; height:80px;
			      border:0px; margin:0px; padding:0px;
			      text-align:center;
			    }
#proposal_link button#print,
#proposal_link div.buttons  { border:0px; margin:0px; padding:0px;
			      width:175px; max-width:175px; min-width:175px;
			      height:80px; max-height:80px; min-width:80px;
			      background-color:#fff; cursor:pointer;
			    }
#proposal_link div#emailme  { background-image:url("/imgs/email.jpg");
			      background-repeat:no-repeat;
			      width:304px; height:76px; margin:5px 52px;
			    }
#IE_root #proposal_link div#emailme { margin:5px 0px; right:-50px;
				      position:relative;
				    }
div#emailme input#theEmail  { width:125px; height:14px; float:left;
			      margin-top:30px; margin-left:20px;
			    }
#IE_root div#emailme input#theEmail { right:50px;
				    }
div#emailme button#theButton,
div#emailme div.ebutton { background:transparent none; border:0px;
			  width:150px; height:76px; float:right;
			  cursor:pointer;
			}

/* HOME PAGE STYLES*/

div#header { width:800px; height:145px; margin:0 auto; 
	     text-align:center; background-image: url("/imgs/banner.gif");
           }

#header img { padding:25px 0px 0px 0px;
            }

.one { float:left; width:250px;
     }
     
.one div { font-weight:bold; font-size:13px; padding-top:60px;
         }
     
.two { float:left; width:200px;
     }

.three { float:left; width:250px;
         text-align:right; font-size:11px;
       }

.three div { text-align:right; padding-right:10px;
           }

.three a { color:#000;
         }

.three a:hover { color:#666;
               }

/**/

div#topm { width:800px; height:155px; margin:10px auto;
           text-align:center; border-bottom:5px solid #666;
         }

div#topm img { margin:0px 10px;
             }

div#botm { width:800px; height:4px; background:#21A2A4;
           text-align:center;
         }

div#Opts { padding:4px;
         }

div#Opts a { color:#002115; font-size:11px;
           }

div#Opts a:hover { color:#007950;
                 }

/**/

div#ctnTop { width:800px; height:18px; background:url("/imgs/top1.gif");
             background-position:top; margin:10px auto 0px auto;
           }

div#ctnTopH { width:800px; height:18px; background:url("/imgs/top1.gif");
             background-position:top; margin:10px auto 0px auto;
           }

#IE_root div#ctnTopH { width:800px; height:18px; background:url("/imgs/top1.gif");
                       background-position:top; margin:10px auto 0px auto;
                     }              
              
div#content { width:800px; margin:0px auto; border: 0px solid black;
	      text-align:left; max-width: 1024px;
              background-image:url(/imgs/mid1.gif);
              background-repeat:repeat-y;
            }

div#ctnBot { width:800px; height:18px; background:url(/imgs/bot1.gif);
             background-position:bottom; margin:0px auto 10px auto;
           }

div#lft { float:left; width:200px; margin:0; padding:0;
	}

div#lftC { margin:0px; padding:0px 0px 0px 3px;
         }

.ul_menu { margin:0px; padding:0px;
         }

.ul_menu li { list-style-type:none; width:200px;
	      height:25px; padding:0; margin-bottom:2px;
	      border-bottom:0px #000 solid;
	      font-size:11px;
	      text-align:left;
	    }

.liM { width:200px; height:30px;
       padding: 0; display:block; vertical-align:middle;
     }

.liM a {
 /*
  background:url(/imgs/men1.gif) top no-repeat;
  */
	 padding: 4px 2px 0px 10px; height:25px; text-decoration:none; 
	 display:block; color:#1CA0A9; font-weight:bold;
       }

.liM a:hover { background:url(/imgs/men2.gif) top no-repeat;
	       padding: 4px 5px 0px 10px; height:25px;
	       display:block; color:#295D84;
              } 

/**/

div#main { margin:0 0 0 200px; padding:0; 
	 }

div#mainC { margin:0; padding:0.1em 2em;
	  }


/**/

hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0;
	     border:none; visibility: hidden;
	   }

/* SECONDARY PAGES STYLES */

div#headerSec { width:800px; height:110px; margin:0 auto;
              }

div#logo { width:220px; margin:0px; padding:0px; height:110px;
           float:left;
         }

div#logo img { margin:0px; padding:4px 0px 0px 5px;
             }
#IE_root div#logo img { padding:0px; position:relative; top:4px; left:5px;
		      }

div#title { margin:0 0 0 220px; border-bottom:2px solid #21A2A4;
            text-align:right;
          }

div#titleC  { color:#21A2A4; font-size:26px; padding:76px 6px 0px 0px;
            }

div#titleChome  { color:#333; font-size:11px; padding:0px 8px 8px 0px;
                }



/**/

div#topmSec { width:698px; margin:30px auto 0px auto; 
              padding:0px; text-align:center;
            }

div#tmopts { margin:0px auto; padding:0px;             
           }

div#tmopts img { margin:0px;
               }

/**/

div#middle { border-top:3px solid #9ED7D4; margin:-3px 0px 0px 0px; padding:0px;
	   }

div#mainSec { width:610px; float:left; margin:0px;
	    }
	    
div#mainSecC { margin:0 auto; padding:1em 1.2em;
               color:#666666;
	     }

div#rgtAlg { text-align:right; width:400px;
           }

div#rgtAlg input { height:15px;
                 }

div#rgtAlg img { padding:0px 40px 0px 78px;
               }

div#rgt { margin:0 0 0 610px; padding:0; 
        }

div#rgtC { margin:0px; padding:10px; text-align:center;
           border-left:2px solid #A5A5A5;
         }

div#rgtC img { padding:4px 0px 4px 0px;
             }

div#rgtC input { height:22px;
               }

div#rgtMen { text-align:left; margin-top:5px;
           }

div#rgtMen a { display:block; padding-top:4px; color:#1CA0A9;
             }

div#rgtMen a:hover { color:#858CD4; color:#295D84;
                   }

/**/

div#footer { width:800px; text-align:center; color:#505050; font-size:11px;
             padding:5px;
           }
           
div#footer a { color:#505050; font-weight:bold;
             }

div#footer a:hover { color:#00009B;
                   }

/* ^ General use for mainSec ^ */

div#mainC h1,
div#mainSec h1	{ font-size:16px; font-weight:bold; font-style:none;
		  color:#295D84; margin-bottom:11px;
		}
div#mainC h3,
div#mainSec h3	{ font-size:14px; font-weight:bold; font-style:none;
		  text-align:center; margin-bottom:9px;
		  color:#000;
		}
div#mainC h4,
div#mainSec h4	{ font-size:12px; font-weight:bold;
		  text-align:center; color:#000; margin-top:10px;
		}
div#mainC h5,
div#mainSec h5	{ font-size:11px; font-weight:normal; text-align:center;
		}
div#mainC p,
div#mainSec p { color:#666666; text-align:justify; font-size:12px;
	      }
div#mainC p.subnote,
div#mainSec p.subnote { color:#000; text-align:center; font-size:10px;
		      }
div#mainC p.question,
div#mainSec p.question	{ font-size:16px; font-weight:bold;
			}
div#mainC div.briefing,
div#mainSec div.briefing  { font-size:12px; margin-bottom:20px;
			    color:#505050; font-style:italic;
			    text-align:justify;
			  }
div#mainC div.news,
div#mainSec div.news  { width:210px; display:inline; float:left;
			margin:7px;
		      }

/* --- */
div#contact table { border-collapse:separate; border-spacing:5px;
		  }

/* templates/pages/apply-now.tpl */
div#application-form  { border:3px solid #7c85dd; margin:5px; padding:5px;
			margin-bottom:20px;
		      }
div#application-form b.red  { font-weight:bold; color:#ff0000;
			      font-size:16px;
			    }
div#application-form .tinyfont	{ font-size:9px;
				}
div#application-form table  { width:99%; padding-bottom:25px;
			      border-collapse:separate; border-spacing:5px;
			    }
div#application-form td input { width:99%;
			      }
div#application-form input.rad	{ width:10px;
				}


/**/

div.menu-box  { float:left; padding-right:15px; width:150px;
	      }
div.menu-box a	{ display:block; line-height:21px;
		}
div#admin_home div.message  { margin-left:165px;
			    }
div#admin_home div.message a  { color:#666666;
			      }
button.flr  { float:right;
	    }
div#text-link { font-size:12px; text-align:center; padding-top:4px;
	      }

/* ^ Used at admin/clients_list.tpl ^ */
#wqtr div#selection { margin:5px; border:1px solid #555; padding:5px;
		      margin-bottom:25px;
		    }

div#wqtr td.black,
div#vendor-listing td.black { width:3px; height: 3px; background:#222;
			      font-size:1px; line-height:4px; padding:0px;
			    }
div#vendor-listing thead td { padding:3px 5px; color:#666666;
			      font-size:12px; font-weight:bold;
			    }
div#vendor-listing tbody td { color:#666666; background:#fff;
			      text-align:center; font-size:12px;
			    }
div#vendor-listing tbody th { color:#666666; background:#eeddcc;
			      text-align:center; font-size:12px;
			    }

/* Used in ^ templates/admin/reports ^ */
#wqtr { width:485px; margin:8px auto;
      }
#wqtr table { width:485px; margin-top:20px; border:2px solid #000;
	    }
#wqtr thead td	{ padding:3px 3px; color:#666666; font-size:11px;
		  font-weight:bold; width:15px; border:1px solid #aaa;
		  text-align:center;
		}
#wqtr tbody td	{ color:#666666; background:#fff; width:15px;
		  text-align:center; font-size:11px;
		  border:1px solid #aaa;
		}
#wqtr tbody th	{ color:#666666; background:#eeddcc; width:15px;
		  text-align:center; font-size:11px;
		  border:1px solid #aaa;
		}
#wqtr input#from,
#wqtr input#to	{ margin-left:50px;
		}
#wqtr button#showcalfrom  { cursor:pointer; margin-left:10px;
			  }

/* This is for the log in sub-sections on many pages */
div#logform { float:left; display:inline; width:205px; height:100px;
	      border:1px solid #21a2a4; padding:3px; margin:2px;
	    }
div#logform label { width:80px; float:left; display:inline; 
		    padding:3px 2px;
		  }
div#logform input { width:115px; float:right;
		  }
#IE_root div#logform input  { width:105px; float:right;
			    }
div#newuser { float:right; width:245px; height:100px; text-align:justify;
	      border:1px solid #21a2a4; padding:3px; margin:2px;
	    }

/* This is for the send new user subsection on various pages */
div#newuserform	{ border:1px solid #21a2a4; padding:3px; margin:2px;
		}
div#newuserform label { width:105px; float:left; display:inline; 
			padding:3px 2px;
		      }
div#newuserform input { width:115px; float:left; display:inline;
		      }
div#newuserform input.long  { width:345px;
			    }
div#newuserform input.submit  { float:right; margin:10px;
			      }

/* ^ apply-now.tpl ^ */

table.appForm { margin:0px; padding:0px;
              }

.red { color:red;
     }

table.appForm td { padding:3px; 
                 }

table.appForm th { padding-left:20px; 
                 }

table.appForm td.shorty	{ width:100px;
			}


/* log_in_info.tpl */


div#quoteform { background:#F5F5F5; width:350px; margin:0 auto;
                padding:7px; border:1px solid #999;
              }

div#quoteform input { width:340px;
                    }

div#quoteform input.amot { width:80px;
                         }

div#quoteform input.tosend  { width:110px;
			    }

div#quoteform select.commmi { width:80px;
			    }

div#quoteform input.subm { width:100px; margin-left:120px;
                         } 



/* This is for control (admin) section pages for general use */

div.edit-control table	{ width:500px;
			}

/*
** make button text smaller for juand
*/
button div b  { font-size:10px;  vertical-align:middle;
	      }
#IE_root button div b { position:relative; top:2px; 
		      }
button#show div b { position:relative; left:2px; top:-5px; 
		  }
/*
** try to fix ugly ie table cells
*/
#wqtr table.reports tbody td,
#wqtr table.reports tbody th  { white-space:pre;
			      }
#IE_root #wqtr table.reports tbody td,
#IE_root #wqtr table.reports tbody th { width:20%;
				      }
#wqtr table.reports tbody td.lefted,
#wqtr table.reports tbody th.lefted { text-align:left;
				    }
span#note { font-size:12px; color:#733; background:#ff9; width:100%;
	    border:1px solid #373; text-align:left;
	  }
#IE_root div#emailme input#theEmail { height:20px;
				    }

/* table version for the amano calculator results */
#calculate table  { width:90%; margin:5px auto;
		  }
#calculate table td,
#calculate table th { border:1px solid #ccc; padding:2px 4px;
		      text-align:center;
		    }
#calculate table th { font-weight:bold;
		    }
    
#calculate table .r10 { /*background:#ddf;*/
		      }
#calculate table .r100	{ /*background:#dfd;*/
			}

div#quote_details { border:0px solid #fff;
		  }
div#quote_details b { padding-left:30px;
		    }