body { font-family: 'Open Sans', 'PT Sans', Segoe UI, Trebuchet MS; font-size: 10pt; background-color: #ffffff; color: #000000; margin: 0; }

#logo { background-color: #E2E2E2; color: #ffffff; padding: 5px 0 5px 0; margin: 0; }
#logo h1 { width: 98%; margin: 0 auto 0 auto; color: #be1e2d; border: 0; font-size: 24px; font-weight: normal; }

.sessionInfo { background-color: #cccccc; border-bottom: 0 #c0c0c0 solid; color: #666666; padding: 5px 0 5px 0; margin: 0 0 20px 0; font-weight: bold; }
.sessionInfo div { width: 98%; margin: 0 auto 0 auto; border: 0; font-size: 14px; }
    .sessionInfo div a { color: #be1e2d; font-weight: bold; }

.menu { width: 95%; margin: 0 auto 20px auto; clear: both; }
.menu ul { margin: 0 0 2px 0; padding: 0; float: left; list-style: none; }
.menu ul li { float: left; margin: 4px 2px 4px 2px; padding: 0; }
.menu ul .header span { padding: 3px 8px 3px 8px; background-color: #999999; color: #ffffff; }
.menu ul li a { padding: 5px 8px 5px 8px; background-color: #efefef; color: #000000; text-decoration: none; }
.menu ul li a:hover { background-color: #cccccc; text-decoration: none; }
.menu #menuTabs li { font-size: 16px; padding: 3px 8px 3px 8px; background-color: #f6f6f6; color: #cccccc; text-decoration: none; cursor: pointer; }
.menu #menuTabs .active { background-color: rgb(190, 30, 45); color: #ffffff; }
.menu #menuSections { height: 30px; clear: both; }
.menu #menuSections ul { clear: both; }

#menu-left { float: left; width: 200px; margin-left: -100%; padding: 10px; border-right: 1px solid #cccccc; }
#menu-left ul { padding: 0; margin: 0; list-style: none; }
#menu-left ul li { margin: 0 0 0 0; overflow: hidden; }
#menu-left ul a { text-decoration: none; display: inline-block; width: 100%; background-color: #ececec; padding: 4px; border-bottom: 1px solid #ccc; }
#menu-left ul a:hover { color: #ffffff; background-color: #be1e2d; }
#menu-left ul li:nth-child(2) { border-radius: 4px 4px 0 0; }
#menu-left ul li:last-child { border-radius: 0 0 4px 4px; }
#menu-left ul li:last-child a { border-bottom: 0; }

#menu-left ul .header { font-weight: bold; padding: 15px 0 5px 5px; }
#page { margin-left: 220px; padding: 20px; }
#top { margin: 0 0 50px 0; }
#middle { float: left; width: 100%; }
#bottom { width: 98%; clear: both; margin: 150px auto 20px auto; padding: 10px 0 10px 0; border-top: 1px solid #cccccc; }

a { color: #000000; text-decoration: underline; }
a:hover { color: #be1e2d; text-decoration: none; }

h1 { font-size: 20px; padding: 3px 0 3px 2px; margin: 3px 0 15px 0; font-weight: normal; border-bottom: 2px solid #666666; color: #be1e2d; }
h2 { font-size: 18px; font-family: Corbel, Trebuchet Ms; padding: 3px 3px 3px 2px; margin: 3px 0 10px 0; border-bottom: 2px solid #be1e2d; font-weight: bold; color: #000000; }

input, select, textarea { outline: none; border-radius: 4px; font-family: 'Open Sans', 'PT Sans', Segoe UI, Trebuchet MS; font-size: 14px; background-color: #E2E2E2; color: #000000; border: 1px solid #E2E2E2; padding: 3px; margin: 2px 2px 2px 0; }
.button { cursor: pointer; background-color: #be1e2d; color: #ffffff; padding: 5px; }
.disabledButton { cursor: wait !important; color: #666666 !important; }
input[type='button'], input[type='checkbox'] { cursor: pointer; }
.wideTextBox { width: 210px; }
.mediumTextArea { width: 400px; height: 300px; }
.inputValidationError { border-color: #be1e2d; color: #ffffff; background-color: #be1e2d; }
.CategoryIdTextBox, .TypeIdTextBox { width: 50px !important; text-align: center !important; }

table > tr:last-child >  td:first-child { border-radius: 0 0 0 4px; }
table > tr:last-child > td:last-child { border-radius: 0 0 4px 0; }

.GridRow { background-color: #dddddd; }
.GridAltRow { background-color: #f0f0f0; }
.GridDeletedRow { background-color: #BE1E2D; color: #f0f0f0 !important; }
.GridDeletedRow a { color: #f0f0f0 !important; }
.GridPager td span { background-color: #be1e2d; padding: 4px 6px 4px 6px; border-radius: 4px; color: #ffffff; }
.GridPager a { background-color: #efefef; padding: 4px 6px 4px 6px; border-radius: 4px; text-decoration: none; }

.GridHeader th:first-child { border-radius: 4px 0 0 0; }
.GridHeader th:last-child { border-radius: 0 4px 0 0; }
.GridHeader th { background-color: #be1e2d; color: #ffffff; text-align: left; font-size: 1.1em; font-weight: normal; padding: 5px 3px 5px 3px; }
.GridHeader th a { color: #ffffff; text-decoration: underline; }
.GridHeader th a:hover { color: #ffffff; text-decoration: none; }

.GridFooter td:first-child { border-radius: 0 0 0 4px; }
.GridFooter td:last-child { border-radius: 0 0 4px 0; }
.GridFooter td { background-color: #dddddd; color: #ffffff; text-align: left; font-size: 1.1em; font-weight: normal; padding: 5px 3px 5px 3px; }
.GridFooter td a { color: #ffffff; text-decoration: underline; }
.GridFooter td a:hover { color: #ffffff; text-decoration: none; }

.GridOverflowScrollCell { overflow: auto; max-width: 300px; max-height: 300px; }


.buttonsColumn { text-align: center !important; width: 120px; }
.checkboxColumn { text-align: center !important; width: 40px; }

.GridRow td, .GridAltRow td { padding: 3px; }

.positive { color: #66CC33; }
.negative { color: Red; }

.successfulMessage { background-color: Green; font-size: 1.2em; text-align: center; padding: 5px; color: #ffffff; border-radius: 4px; }

.formDl { width: 100%; margin: 0; padding: 0; }
.formDl dt { float: left; width: 28%; clear: both; margin: 0; padding: 2px; }
.formDl dd { float: left; width: 68%; margin: 0; padding: 2px; }

.linkButton { display: inline-block; border-radius: 4px; padding: 2px 5px 2px 5px; background-color: #be1e2d; color: #ffffff; margin: 5px; border: 1px solid #aaaaaa; text-decoration: none !important; width: 100px; text-align: center; }
.linkButton:hover { text-decoration: none; color: #ffffff; }

.typeSelectDropDown { width: 155px; overflow: hidden; }

#termSentenceLeft { width: 30%; float: left; }
#termSentenceRight { width: 69%; float: right; }

.dashBoardCounter { font-size: 3em; text-align: center; padding-bottom: 20px; display: inline-block; }

.clear { clear: both; }