﻿html,body { margin:0px;padding:0px;width:100%;height:100%; }
body { background:url(images/top_gradient.jpg) repeat-x #d8e1e5  top left;font-family:Helvetica,Arial,sans-serif;font-size:medium; }

h1 { float:left;height:90px;line-height:90px;font-size:large;margin:0px;padding:0px; }
img.imgLogo { float:left;width:269px;height:50px;margin:20px; }

div.MainCont { width:100%;max-width:1150px;background:url(images/header-bkg.jpg) repeat-x top left;overflow:hidden;margin:0px auto;box-shadow: 0px -5px 10px rgba(0,0,0,0.2); }
div.MenuCont { width:100%;max-width:1150px;background:url(images/menubar.jpg) repeat-x;height:45px;overflow:hidden;margin:0px auto;border-bottom-right-radius:5px;border-bottom-left-radius:5px; }
div.MenuCont a { float:left;height:45px;line-height:45px;font-size:medium;font-weight:bold;text-decoration:none;color:rgb(255,255,255);margin:0px 10px;box-sizing:border-box; }
div.Contents { position:relative;width:100%;max-width:1150px;background:rgb(255,255,255);border-radius:9px;box-shadow:0px 5px 10px rgb(0 0 0 / 20%);margin:30px auto;padding:20px 10px;box-sizing:border-box;overflow:hidden; }
div.LeftColumn { float:left;position:relative;width:40%;overflow:hidden;box-sizing:border-box; }
div.RightColumn { float:left;position:relative;width:55%;margin-left:5%;padding-top:20px;overflow:hidden;box-sizing:border-box; }
div.GridCont { width:100%;margin:20px 0px;padding:8px;overflow:auto;box-sizing:border-box;background:rgb(250,250,250);border-radius:3px; }
div.GridCont h2 { float:left;width:100%;height:26px;line-height:26px;margin:0px;padding:0px;font-size:medium;border-bottom:1px solid rgb(220,220,220); }
div.GridCont span { float:left;display:block;width:100%;height:24px;line-height:24px;border-bottom:1px solid rgb(220,220,220); }
div.GridCont span a { display:block;width:98%;text-decoration:none;color:rgb(181,32,37);padding:2px 5px; }
div.ContForm { float:left;display:block;height:30px;line-height:30px;overflow:hidden; }
div.ContForm input { margin:5px auto; }
div.ContForm a { display:block;margin:3px auto; }
div.ContForm a img { width:24px;height:24px; }
div.ContTotals { width:100%;height:30px;line-height:30px;margin-bottom:10px;overflow:hidden; }
div.ContSelection { float:left;width:100%;height:30px;line-height:30px;margin-bottom:10px;overflow:hidden; }
div.ContLegend { float:right;position:relative;height:30px;line-height:30px;margin-right:10px;overflow:hidden; }
div.ContLegend span { float:left;font-size:small;margin-right:15px; }
div.ContLegend div { float:left;width:24px;height:24px;border:1px solid black;margin-right:5px; }
div.ContCalendar { float:left;width:100%;overflow:hidden; }
div.LegendRed { background:rgb(255,100,100); }
div.LegendOrange { background:rgb(255,160,100); }
div.ContReset { position:relative;float:left;width:100%;overflow:hidden; }
div.ContReset h2 { font-size:large; }
div.ContReset span { float:left;display:block;width:100%; }
div.ContReset input { float:left;display:block;width:150px; }
div.SpacerStart { float:left;width:120px;height:50px; }
div.SpacerEnd { float:left;width:280px;height:50px; }
div.ContExport { width:100%;height:30px;line-height:30px;margin-bottom:10px;overflow:hidden; }
div.ContExport a { display:block;width:150px;height:30px;line-height:30px;text-decoration:none;color:rgb(0,0,0); }
div.ContExport a img { width:24px;height:24px;vertical-align:middle; }
div.ContSeparator { float:left;width:100%;height:1px;font-size:1px; }

span.RowActive { background:rgb(210,210,210); }

.EtiForm { float:left;display:block;width:120px;height:30px;line-height:30px;overflow:hidden; }
.Eti2Form { margin:0px 10px; }
.ErrMsg { color:rgb(150,0,0); }
.OkMsg { color:rgb(0,150,0); }
.Totals { float:left;font-size:large; }
.CloseButton { float:left;display:block;width:24px;height:24px;text-decoration:none; }
.CloseButton img { width:24px;height:24px;border:0px; }

.floatl { float:left; }