/* -*- java -*-
 *
 * (C) 2007 Alan Donovan.
 *
 * Author: Alan Donovan <adonovan@csail.mit.edu>
 *
 * style.css -- CSS stylesheet.
 */

body {
    margin: 		0;
    margin-bottom:	12px;
    margin-top:		12px;
    font-family: 	"Trebuchet MS", "Helvetica", "Arial", "Sans Serif";
}

body#calculator {
    text-align:		center;
}

h1 {
    color: 		#6eb53c;
}

h2 {
    font-size: 	20px;
}

hr {
    border-top: 	thin dotted #5c4955;
}

div#main_box {
    margin: 		auto;
    margin-bottom: 	2in;
    width:		768px;
    position: 		relative;
}

div#top_right_button_box {
    position: 		absolute;
    right: 		32px;
    top:		-6px;
    font-size:		13px;
}

div#top_right_button_box2 {
    color:		white;
    position: 		absolute;
    right: 		32px;
    top:		49px;
    font-size:		12px;
}
div#top_right_button_box2 a {
    color:		white;
    font-weight: 	bold;
}

div#button_box {
    position:		absolute;
    left:		69px;
    top:		169px;
}

div#button_box img {
    margin:		0px;
}

table#spreadsheet {
    width: 		84%;
    margin: 		auto; /* centered */
/*  border-spacing:     18px 10px; /* horiz, vert.   BROKEN on IE7 */
    border-left:	thin dotted #cccccc;
    border-right:	thin dotted #cccccc;

    font-size:		12px;
}

table#spreadsheet td {
    color: 		#5c4955;
    line-height:	150%;
    border-bottom:	thin dotted #cccccc;
    vertical-align:	top;
    font-size:		11px;

    padding-left:	8px;
    padding-right:	8px;
}

/* "swoosh" = section subtotal */

table#spreadsheet td.swoosh {
    background-image:	url('images/swoosh.png');
    background-repeat: 	no-repeat;
    background-position:bottom right;
    font-size:		125%;
    font-weight:	bold;
    color:		white;
    padding:		4px;
    text-align:		right;
    vertical-align:	bottom;
    border:		none;
    height:		40px;
}

table#spreadsheet td.co2 {
    text-align:	right;
}

table#spreadsheet tr.header td {
    font-weight: 	bold;
    font-size: 		110%;
}
table#spreadsheet tr.header td {
    border-bottom: 	thin solid #5c4955;
}

table#spreadsheet input[type=text] {
    border:		thin solid #5c4955;
    padding:		1px; /* inside */
    margin-right:	1px; /* outside */
    font-size: 		12px;
    text-align:		right;
}

table#spreadsheet select {
    border:		thin solid #5c4955;
    padding:		1px; /* inside */
    margin:		2px; /* outside */
    font-size: 		90%;
}

div#bottom_links {
    text-align: 	center;
    padding-top:	18px;
    font-size:		12px;
}

div#hovermessage {
    color:		#5c4955;
    font-weight:	bold;
    font-size: 		14px;
    padding-top:	6px;
    height:		18px;
}

a {
    font-weight: 	bold;
    text-decoration:	none;
    color:		#00ADEF;
}

a:hover {
    text-decoration: 	underline;
}

a:link_green
{
color: #008000;
font-weight: bold;
font-style: bold;	
}


table#spreadsheet tr#grand_total {
    font-weight: 	bold;
}
table#spreadsheet tr#grand_total td {
    border-top: 	thin solid #5c4955;
    padding:		4px;
    padding-top:	14px;
    background-image:	url('images/swoosh2.png');
    background-repeat: 	no-repeat;
    background-position:100% 12px;
    font-size:		16px;
}

table#spreadsheet tr#lbs_total td {
    padding:		4px;
    padding-top:	14px;
    font-size:		16px;
}

table#spreadsheet tr#grand_total input {
    float:		right;
    margin-top:		3px;
}

div#bottom_banner_box {
    margin:		auto;
}

div#intro {
    width: 		80%;
    margin: 		auto; /* centered */
    margin-bottom:	3em;
    text-align:		justify;
    font-size:		90%;
}

div#intro h1 {
    font-size:		30px;
    font-weight:	normal;
}


/**** body class auth ****/

body.auth {
    text-align:		center;
}

body.auth div#main_box { /* inherits from div#main_box above */
    background-image:	url('images/auth-border.png');
    background-repeat: 	no-repeat;
    background-position: top center;
    height: 		710px;
}

div#auth_inner_box {
    top:		110px;
    left:		75px;
    height:		350px;
    width:		600px;
    position: 		absolute;
    padding:		10px;
    font-size:		12px;
    text-align:		left;
}

div#auth_inner_box h1 {
    margin-top: 	0px;
    color:		#4dc05c; /* FIXME: exact color? */
    font-size:		18px;
}

div#auth_inner_box td {
    font-size:		12px;
}

div#auth_inner_box tr.field input {
    padding:		1px; /* inside */
    margin-right:	1px; /* outside */
    font-size: 		90%;
}
div#auth_inner_box tr.field select {
    padding:		1px; /* inside */
    margin-right:	1px; /* outside */
    font-size: 		90%;
}

div#auth_inner_box td.labelwidth {
    width:		154px;
}

div#auth_inner_box td.notes {
    font-size:		10px;
}

div#auth_inner_box td a {
    color:		green;
}

/**** supplemental ****/

body#supplemental h2 {
    border-top:		thin solid green;
    padding-top:	10px;
    color:		green;
}

body#supplemental h3 {
    font-style:		italic;
    font-weight:	normal;
}

body#supplemental p {
    margin-left:	5em;
}

body#supplemental p.signature {
    margin-left:	4in;
}

body#supplemental img#bar {
    border:		none;
    margin-top:		4em;
}