@import url('elements.css');
@import url('base.css');

.col { float: left; }
.lastcol { float: right; }
.FloatOverflow { overflow: hidden; zoom: 1; }

div.sep { margin: 1em 0; border-top: dotted 1px #999; }

img.Frame { border: solid 1px #444 !important; background-color: #FFF; padding: 1px !important; }
img.GrayFrame { border: solid 1px #999 !important; background-color: #FFF; padding: 1px !important; }

table.data { margin: 0.5em 0; }
table.data thead th { border-bottom: solid 1px #999; padding-bottom: 0.25em; color: #444; text-align: left; vertical-align: bottom; }
table.data th, table.data td { padding: 0.25em 2.5em 0.25em 0; }
table.data .nopad { padding-right: 0.5em; }


.bgGray { background-color: #e4e3de; }
.bgGray.curved { background-image: url('/_res/img/elements/bg_top-left.gif'); background-repeat: no-repeat; background-position: left top; }
.bgGray p, .bgGray li, .bgGray blockquote { color: #444; }
.bgGray h3 { color: #333; }

.bgSep { background-image: url('/_res/img/elements/_white.gif'); background-repeat: repeat-y; background-position: 308px top; }

#Main.wide .bgSep { background-position: 588px top; }


.bgGray .bgWhite { background-color: white; border: solid 1px #CCC; }
form.bgWhite { padding: 0 1em; }