body, table { font-family: "Segoe UI", Tahoma, helvetica, "MS Sans Serif"; margin: 0px; padding: 0px; }
body { background-image: url('Images/PageBg.png'); background-repeat: repeat-y; background-position: top center; font-size: 0.8em; }
form { margin: 0px; padding: 0px; top: 0px; }
a, a:visited { color: #1f91ff; text-decoration: none; }
a:hover { color: #3fb1ff; }
h1 { margin: 0px; font-weight: lighter; font-family: "Segoe UI Light", "Segoe UI"; line-height: 40px; font-size: 2.4em; margin-bottom: 20px; }
h1 span, .NoItems span { color: Red !important; }

.Clear { clear: both; }
.Page { width: 960px; margin: 0px auto; }
.Head { height: 90px; background-color: #1570a6; color: #ffffff; }
.Body { padding: 20px; }

.Logo { float: left; line-height: 60px; color: #ffffff !important; font-size: 2em; padding-left: 50px; padding-right: 20px; background-image: url('Images/Phone.png'); background-repeat: no-repeat; background-position: 8px center; }
.Logo a:hover { color: #ffffff; }
.User { float: right; height: 60px; line-height: 60px; padding: 0px 20px; text-align: right; }
.User span { font-weight: bold; }
.Menu, .Shortcuts { clear: right; line-height: 30px; padding: 0px; text-align: right; background-color: #dddddd;}
.Menu a, .Shortcuts a { display: inline-block; margin: 0px; color: #555555; padding: 0px 10px; }
.Menu a:hover, .Shortcuts a:hover { color: #777777; }
.Shortcuts { clear: right; text-align: left; float: left; }

.Fld { padding: 3px 0px; }
.Cpt { line-height: 30px; display: inline-block; width: 180px; }
.Sep { margin-top: 15px; border-top: dotted 1px #dddddd; padding-top: 15px; }
.Hlp { display: block; font-size: 9pt; color: #888888; margin-left: 205px; margin-bottom: 10px; margin-top: 5px; text-indent: -20px; margin-right: 5px; border-right-radius: 2px; cursor: default; }
.Hlp:hover { background-color: #f8f8f8; }
.Hlp:first-letter { color: #ffffff; display: inline-block; background-color: #1570a6; font-weight: bold; padding: 0px 5px; border-radius: 2px; }
.InlCpt, .ReadCpt, .HlpCpt { display: inline-block; padding: 0px 10px; }
.ReadCpt { border: solid 1px #dddddd; border-radius: 4px; line-height: 30px; display: inline-block; width: 300px; }
input[type=text], input[type=password] { height: 30px; padding: 0px 5px; margin: 0px; line-height: 30px; color: #888888; border: solid 1px #dddddd; border-radius: 4px; }
input[type=button], input[type=submit] { padding: 0px; margin: 0px; height: 30px; min-width: 80px; border-width: 0px; border-radius: 4px; background-color: #ff9900; color: #ffffff; }
input[type=button]:hover, input[type=submit]:hover { background-color: #ec8e00; }
select { padding: 0px; margin: 0px; height: 30px; line-height: 30px; border-radius: 4px; border: solid 1px #dddddd; color: #888888; }

.Validation, .Instructions, .Confirmation { margin: 0px; padding: 15px; background-repeat: no-repeat; background-position: 10px center; padding-left: 50px; margin-bottom: 20px; border-radius: 4px; }
.Validation { background-color: #dd0000; color: #ffffff !important; background-image: url('Images/Warning.png'); }
.Confirmation { background-color: #87ce12; color: #ffffff !important; background-image: url('Images/Confirm.png'); }
.Instructions { background-color: #f5f5f5; background-image: url('Images/Instructions.png'); }
.Validation a, .Confirmation a { color: #fff !important; text-decoration: underline; }

.Grid { width: 100%; border: solid 1px #1570a6; border-collapse: separate; }
.Grid th { text-align: left; font-weight: normal; background-color: #1570a6; padding: 10px; color: #ffffff; border: solid 1px #1570a6; border-right: solid 1px #dddddd; }
.Grid td { font-size: 1em; padding-left: 10px; line-height: 25px; border-top: dotted 1px #f8f8f8; }

.Grid th.Sorted { background-color: #2580b6; border-top-color: #2580b6; }
.Grid td.Sorted { background-color: #f8f8f8; border-top: dotted 1px #e8e8e8;}

.Grid th.Last { border-right: solid 1px #1570a6; }
.NoItems { display: block; border: solid 1px #1570a6; border-top: 0px; padding-left: 10px; line-height: 32px; }
.Buttons { text-align: right; line-height: 30px; padding-right: 10px; background-color: #f8f8f8; border-bottom: solid 1px #000000; }
.Buttons a { text-transform: uppercase; margin-left: 10px; }
.Dwn { margin-bottom: 20px; }
.Day { line-height: 30px; margin: 5px; }

.CalDayNames { background-color: #35a0d6; line-height: 40px; color: #fff; text-transform: uppercase; font-weight: normal; }
.CalDays a, .CalDays span, .CalToday a, .CalToday span, .CalWeekend a, .CalWeekend span { color: #000000 !important; }
.CalDays, .CalOtherMonth, .CalToday, .CalWeekend, .CalDisabled { border-color: #dddddd !important; }
.CalDisabled, .CalDays a, .CalToday a, .CalOtherMonth a, .CalWeekend a, .CalSelected a { margin: 0px; display: block; height: 40px; width: 40px;  line-height: 40px; border-radius: 2px; }
.CalDays a:hover, .CalToday a:hover, .CalOtherMonth a:hover, .CalWeekend a:hover, .CalSelected a:hover { background-color: red; color: #fff !important; }
.CalNextPrev img { border: 0px; }
.CalToday a, .CalToday span { font-weight: bold; }
.CalTitle { text-transform: uppercase; height: 40px; font-size: 1.25em; font-family: "Segoe UI Light", "Segoe UI"; font-weight: lighter; }
.CalTitle TD { border-width: 0px; } 
.CalDisabled { background-color: #ebf4f9 !important; display:table-cell; }