/* @override http://ffxifood.com/assets/style.css */

body {
	font-family: "Verdana";
	font-size: 12px;
	margin: 0;
	color: #38342c;
	padding-bottom: 150px;
}

p.description {
	width: 250px;
}

a {
	color: #31739c;
}

a:hover {
	text-decoration: none;
}

h1, h2 {
	margin: 0;
}

h1 {
	background: #fffcd5;
	border-bottom: 1px solid #d1c3a8;
	font-size: 20px;
	padding: 4px 4px 4px 10px;
}

#calculate p {
	padding-left: 1em;
	width: 250px;
}



h2 {
	background: #9a3a24 url(corner.gif) repeat-y right;
	color: #fff;
	font-weight: normal;
	padding: 3px 6px;
}

div#calculation h2 {
	background: #9a3a24;
}

div.block {
	float: left;
	margin-right: 20px;
	padding: 10px 20px;
	position: relative;
	z-index: 2;
}

table#myTable {
	border-collapse: collapse;
	background: #fff;
	display: block;
}

table#myTable th, table#myTable td {
	padding: 2px 4px;
	text-align: right;
}

table#myTable td:first-child{
	font-weight: bold;
	color: #31739c;
}

table#myTable td, table#myTable th {
	white-space: nowrap;
	border: solid 1px #aaa;
}

table#myTable th {
	border-top: none;
}

table#myTable th {
	padding-right: 20px;
	cursor: pointer;
	background: #fbfbfb;
}

table#myTable th:hover {
	background: #eee;
}

table#myTable .sortedASC,table#myTable .sortedASC:hover {
	background: #31739c url(ASC.png) no-repeat right;
	color: #fff;
}

table#myTable .sortedDESC, table#myTable .sortedDESC:hover {
	background: #31739c url(DESC.png) no-repeat right;
	color: #fff;
}

label:hover {
	color: #31739c;
}

label {
	display: block;
}

label small {
	color: #aaa;
}

div#loading {
	position: absolute;
	background: url(5-0.gif) no-repeat center 100px;
	left: 250px;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

input {
	vertical-align: middle;
}

tbody tr:hover {
	background: #eee;
	cursor: pointer;
}

tbody a {
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

div#quicklook {
	display: none; 
	background: url(loading.gif) no-repeat center center;
	position: fixed;
	top: 60px;
	right: 55px;
	width: 300px;
	min-height: 120px;
	margin: auto;
	z-index: 3;
}

div#quicklook_box{
	padding-top: 10px;
	cursor: pointer;
	background: url(shadow_top.png);
}

div#quicklook_box_bottom {
	margin: 0;
	padding: 0;
	height: 20px;
	background: url(shadow_bottom.png);
	position: relative;
	top: 20px;	
}

div#quicklook_box h3 {
	margin-left: 20px;
	margin-top: 10px;
	position: relative;
	z-index: 1;
	}

div#quicklook_box h4 {
	margin-left: 20px;
	position: relative;
	z-index: 1;

}

div#quicklook_box ul {
	margin-left: 20px;
	margin-top: 0;
	padding-left: 3em;
	position: relative;
	z-index: 1;

}

div#quicklook_box p {
	padding-left: 20px;
	position: relative;
	z-index: 1;

}

h3 {
	margin: 0;
	font-size: 1.5em;
	margin-bottom: 6px;
}

h4 {
	margin: 0;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 6px;
}

.negative {
	color: #ad0000;
}

.capped {
	text-decoration: overline;
	font-weight: bold;
	color: #31739c;
}

img#pete {
	position: relative;
	z-index: 2;
	position: fixed;
	bottom: 0;
	right: 0;
}

div#pete_wrap p {
	margin-right: 50px;
	margin-top: 0;
}

form#calculate {
	position: relative;
	z-index: 1;
}

img#bubsy {
	position: absolute;
	bottom: -10px;
	height: 188px;
	right: -38px;
}

form#feedback {
	display: none;
	position: fixed;
	bottom: 0;
	background: url(form_bg.png);
	padding: 20px;
	width: 262px;
	z-index: 2;
	left: 9px;
	height: 251px;
}

form#feedback textarea {
	height: 133px;
	width: 247px;
}

img#form_close {
	cursor: pointer;
	position: absolute;
	top: -5px;
	right: 1px;
}

img#feedback_loading {
	display: none;
}

p#thanks {
	display: none;
}

p#feedback_text {
	background-color: #fbf8d2;
	padding: 10px;
	border: 1px solid #d1c3a8;
}

div#instructions {
	background-color: #fbf8d2;
	padding: 10px;
	border: 1px solid #d1c3a8;
	margin-top: 20px;
}

div#ga {
	width: 468px;
	height: 60px;
	background: #fffcd5;
	border-left: solid 1px #d1c3a8;
	position: absolute;
	top: 0;
	right: 0;
}

h3.incomplete {
	color:#9a3a24;
	padding-left: 30px;
	background: url(alert.jpg) no-repeat left top;
}

a.incomplete {
	padding-right: 20px;
	background: url(alert_s.gif) no-repeat right top;
}