/* Page Layout Styles */
body { font-family:sans-serif; font-size:13px; color:#333333; background-color:#0d1819; background-image:url("../media/image/site/bg.main.png"); background-repeat:repeat-x; }
#clear, .clear { clear:both; }

/* Header */
#header { float:left; position:absolute; top:50px; left:50%; margin-left:-475px; width:950px; height:113px; background-image:url("../media/image/site/bg.masthead.png"); background-repeat:no-repeat; }
#header h1 { line-height:1.1em; margin:0px; padding:20px 10px 0px 0px; font-size:19px; text-align:right; color:#F9F9F9; }
#header p { line-height:1em; margin:0px; padding:0px 10px 0px 0px; font-size:10px; text-align:right; }

/* Main Body and Footer */
#main { float:left; position:absolute; top:245px; left:50%; margin-left:-475px; width:950px;}
#body { height:auto !important; height:700px; min-height:700px; }
#footer { margin:20px 0px 20px 0px; text-align:center; font-size:11px; color:#AAAAAA; }
#footer a { color:#AAAAAA; }
#footer a:hover { color:#ffe450; text-decoration:underline; }

/* Layout and dividers */
.float { float:left; position:relative }
.middle { float:left; position:relative; width:100%; top:50%; margin-top:-1.2em; text-align:center; }

/* Text Elements */
h1 { margin:0px; padding:0px 0px 8px 0px; font-size:22px; }
h2 { margin:0px; padding:0px 0px 5px 0px; font-size:17px; }
.x-small { font-size:11px; }
.xx-small { font-size:9px; }
.dd_note { font-size:10px; padding-left:160px;}
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.pass { color:green; }
.fail { color:red; }
.soft { color:grey; }
.notice { color:orange; }
.black { color:black; }
.invisible { font-size:1px; visibility:hidden; }
.yellow { color:#ffe450; }
.finalise_link { text-align:center; }
.finalise_link a { font-weight:bold; font-size:20px; text-decoration:none; color:#FFFFFF; background-color:#AAAAAA; padding:3px 7px 3px 7px; margin-bottom:5px; border:1px solid #333333; }
.finalise_link a:hover { color:yellow; text-decoration:underline; }
.italic { font-style:italic; }
.bold { font-weight:bold; }

/* Links */
a { text-decoration:none; color:#3687B9; }
a:hover { color:#B81237; text-decoration:underline; }

/* Table Styles */
.listing { margin-left:auto !important; margin-left:5%; margin-right:auto; width:90%; background-color:#F2F2F2; border:1px solid #777777; margin-bottom:20px; }
.listing th { color:#000000; background-color:#DDDDDD; border-bottom:1px solid #777777; }
.listing tr:hover { background-color:#FEFEFE; }
.listing .heading, .listing .heading:hover { background-color:#EAEAEA; font-weight:bold; color:#777777; }
dt { float:left; position:relative; font-size:12px; width:200px; font-weight:bold; }
dd { font-size:12px; font-weight:normal; margin-bottom:8px; }
dd select { padding:2px 0px 2px 0px; }
.gi, .wine, .show_prep { width:100%; background-color:#F2F2F2; border:1px solid #777777; margin:0px 0px 15px 0px; }
.gi thead, .wine thead, .show_prep head { background-color:#ECECEC; }
.paginate, .paginate tr:hover, .listing caption, .gi caption, .wine caption, .show_prep caption { font-size:16px; margin:0px; padding:2px 0px 2px 15px; font-weight:bold; text-align:left; color:#FFFFFF; border:1px solid #777777; border-bottom:none; background-color:#3687b9; }
.paginate, .paginate tr:hover { font-size:11px; font-weight:normal; }
.paginate a { margin:0px 3px 0px 3px; color:#FFFFFF; }
.paginate a:hover { color:yellow; }
.wine tbody tr:hover, .show_prep tbody tr:hover { background-color:#F9F9F9; }
.wine caption .fl { float:left; position:relative; }
.wine caption .fr { float:right; position:relative; color:#ffe450; }
.wine caption .fr:after { clear:both; }
.highlight { background-color:#ffe450; font-weight:bold; }
.break td { border-bottom:1px solid #777777; }
.left_break { border-left:1px dotted #DDDDDD; }
.addvar { background-color:#BBBBBB; text-align:right; }
.key { border:1px solid #777777; color:#777777; background-color:#F2F2F2; }
.key tr td { vertical-align:top; }
.key caption { font-weight:bold; color:#000000; background-color:#d2b88b; border-width:1px 1px 0px 1px; border-style:solid; border-color:#777777; padding:2px; }
.checkout_summary { width:auto !important; width:80%; min-width:80%; color:#777777; }
.checkout_summary .cb { width:20px; }
.checkout_summary .main_line { font-weight:bold; color:#333333; }
.checkout_summary tr:hover { background-color:#F9F9F9; }
.completed { background-color:#ffb9b9; }
.pending { background-color:#ffe1b9; }
.section_break td { border-top:1px solid #CCCCCC; }
.push_left tbody tr td:first-child { width:10em; }

#oak_table input[type="text"],
#oak_table select,
#ferment_table input[type="text"],
#ferment_table select,
#clonal_table input[type="text"],
#clonal_table select,
#varietal_table input[type="text"],
#varietal_table select
{ font-size:12px; }

/* Image Styles */
img { border:none; }

/* Button Styles */
.gi_button { font-size:10px; border:1px solid #333333; padding:1px; margin:0px; }
.varietal_button { border:1px solid #333333; background-color:#DEDEDE; padding:0px; margin:0px; font-weight:bold; }

/* Utilities */
#lia { float:left; position:fixed; top:10px; right:10px; border:2px solid #333333; color:#FFFFFF; background-color:#ff01a8; font-size:20px; font-weight:bold; padding:7px 12px 10px 12px; z-index:5000; }
hr { border:none; border-bottom:1px dashed #a4a99f; }
#addthis_link { float:right; position:absolute; top:9px; right:50%; margin-right:-475px; }

/* Default Page Layout */
#def_main_top { float:left; position:relative; width:100%; height:9px; min-height:9px; background-image:url("../media/image/site/bg.body_top.png") !important; background-image:url("../media/image/site/bg.body_top.gif"); background-repeat:no-repeat; }
#def_main { float:left; position:relative; width:100%; height:auto !important; height:682px; min-height:682px; margin-top:0px !important; margin-top:-9px; background-image:url("../media/image/site/bg.body_main.png") !important; background-image:url("../media/image/site/bg.body_main.gif"); background-repeat:repeat-y; }
#def_main_bottom { float:left; position:relative; width:100%; height:9px; min-height:9px; background-image:url("../media/image/site/bg.body_bottom.png") !important; background-image:url("../media/image/site/bg.body_bottom.gif"); background-repeat:no-repeat; }
#def_pad { padding:0px 15px 0px 15px; }