/* SVN FILE: $Id: compound-calculator.css 1088 2008-08-08 02:18:32Z freemanfoxsvn $ */
/**
 * Compound Calculator
 *
 * Requires /media/js/calculators.js
 *
 * Copyright 2008, Freeman Fox Ltd
 *
 * Licensed under The Creative Commons License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright		Copyright 2007, FreemanFox Ltd
 * @version			$Revision: 1088 $
 * @modifiedby		$LastChangedBy: freemanfoxsvn $
 * @lastmodified	$Date: 2008-08-07 20:18:32 -0600 (Thu, 07 Aug 2008) $
 * @license			http://creativecommons.org/licenses/by/3.0/ The Creative Commons License
 */

@charset "utf-8";
/* CSS Document */

#calcForm
{
    background: url(/media/img/promotions/calculator/calculator-bg.jpg) no-repeat;
    width: 450px;
    height: 487px;
    position: relative;
    border: none;
    margin: 5px auto;
}

#calcDisplay
{
    font-family: Arial;
    font-size: 43px;
    position: absolute;
    top: 95px;
    left: 84px;
}
#calcForm ol
{
    position: absolute;
    top: 251px;
    left: 25px;
    list-style: none;
}

.fox-form
{
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
}

.foxy-form h1 
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

.fox-form p
{
    font-size:11px;
    color:#666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}

.fox-form label
{
	color: #eee;
    font-size:12px;
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
    margin-top: 5px;
}

.fox-form .small
{
    color:#666;
    display:block;
    font-size:10px;
    font-weight:normal;
    text-align:right;
    width:140px;
}

.fox-form input, .fox-form select {
	background: url(/media/img/promotions/calculator/cell-bg.jpg) repeat-x;
    float:left;
    font-size:12px;
    padding:2px 2px;
    border: 2px solid #eee;
    width: 150px;
    margin: 2px 0 17px 10px;
}

.fox-form select { width: 158px; }
.fox-form input:focus
{
	border: 2px solid  #60D1FD;
}

.fox-form  button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFF;
    font-size:11px;
    font-weight:bold;
}

#calculator-dislaimer
{
	font-size: 10px;
    margin-top: 20px;
}

#calculator-dislaimer h2
{
    font-size: 14px;
}

#calculate  
{ 
	display: block;
	width: 170px;
	margin: 2px 90px;
}

#calculate img { border: none; }

#submit { display: none; }