/**
 * Some browsers ignore the first style in a linked .css file
 */
.BugFixStyle {}

body {
    background: #fff;
}

Body,
Div,
A,
P,
td,
Th,
Input,
Select,
Ul,
Li,
H1,
H2,
Pre {
    Font-Family: Arial, Helvetica, sans-serif;
    Font-Size: 13px;
    Color: rgb(0, 51, 102);
}

Th,
H1,
H2,
B {
    Font-Weight: bold
}

I {
    Font-Style: italic
}

Input,
Select {
    Font-Style: normal;
    Font-Weight: normal;
}

Input.EditBox500 {
    Width: 500px
}

Input.EditBox300 {
    Width: 300px
}

Input.EditBox200 {
    Width: 200px
}

Input.EditBox150 {
    Width: 150px
}

Input.EditBox100 {
    Width: 100px
}

Input.EditBox80 {
    Width: 80px
}

Input.EditBox50 {
    Width: 50px
}

Input.EditBox30 {
    Width: 30px
}

Input.EditBox20 {
    Width: 20px
}

Select.SelectBox {
    Font-Weight: normal
}

/* Needed for a few docs */
Select.SelectBox400 {
    Width: 400px
}

Select.SelectBox350 {
    Width: 350px
}

Select.SelectBox250 {
    Width: 250px
}

Select.SelectBox200 {
    Width: 200px
}

Select.SelectBox150 {
    Width: 150px
}

.PmButton span {
    white-space: nowrap;
    height: 19px;
    font-size: 12px;
}

.PmButton {
    height: 19px;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.PmButtonLeft {
    display: inline-block;
    width: 9px;
    background-image: url('../images/button-bg-left.png');
    background-position: right;
}

.PmButtonLeftOver {
    background-image: url('../images/button-bg-left-o.png') !important;
}

.PmButtonLeftDisabled {
    background-image: url('../images/button-bg-left-x.png') !important;
}

.PmButtonCenter {
    display: inline-block;
    background-image: url('../images/button-bg.png');
    background-repeat: repeat-x;
    color: rgb(248,248,248);
}


.PmButtonCenterOver {
    background-image: url('../images/button-bg-o.png') !important;
}

.PmButtonCenterDisabled {
    background-image: url('../images/button-bg-x.png') !important;
}

.PmButtonText {
    top: 2px;
    position: relative;
}

.PmButtonTextDummy {
    visibility: hidden;
}

.PmButtonRight {
    display: inline-block;
    width: 9px;
    background-image: url('../images/button-bg-right.png');
    background-position: left;
}

.PmButtonRightOver {
    background-image: url('../images/button-bg-right-o.png') !important;
}

.PmButtonRightDisabled {
    background-image: url('../images/button-bg-right-x.png') !important;
}

Input.Button {
    Color: white;
    /* This looks wierd in IE, but looks a lot better in NS 6/7.
    Border-color: rgb(102, 153, 204); */
    Background-color: rgb(102, 153, 204);
    Font-weight: bold;
}

/* This doesn't work at all in IE: */
Input.Button:Hover {
    Border-color: rgb(255, 204, 101);
    Background-color: rgb(255, 204, 101);
}

#message {
    width: 30em;
    font-size: 80%;
    background: rgb(255, 255, 204);
    padding: .5em;
    border: 1px solid rgb(0, 51, 102);
}

.explanation {
    position: relative;
    border: 1px solid #ccc;
}

div.explanation {
    margin-top: 0.2em;
}

.explanation img {
    position: absolute;
    top: 8px;
    left: 5px;
}

.explanation p {
    margin: 6px 11px 6px 23px;
    font-size: 11px;
    color: rgb(70, 101, 152);
}

input.invalid,
select.invalid {
    border: 2px inset #f99;
    background: #fee;
}

tr.invalid {
    background: #fdd;
}

tr.invalid td {
    padding: 4px;
}

Div.Main {
    Z-Index: 10;
    Position: absolute;
    Left: 10px;
    Top: 10px;
}

Div.FillFrame {
    Z-Index: 10;
    Position: absolute;
    Left: 0px;
    Top: 0px;
    Width: 100%;
}

table.DataTable {
    Border: 0px none;
    Border-Collapse: collapse;
    Border-Spacing: 0px;
}

table.DataTable td {
    Padding: 1px 5px;
}

table.DataTable Th {
    Padding: 1px 5px;
}

table.ButtonTable,
table.ButtonTable td,
table.ButtonTable table,
table.FillFrame,
table.Collapsed {
    Border: 0px none;
    Border-Collapse: collapse;
    Border-Spacing: 0px;
    Margin: 0px;
    Padding: 0px;
    Spacing: 0px;
}

table.ButtonTable table td {
    Padding: 5px;
}

.Framed,
table.Grid,
table.Grid td,
table.Grid Th {
    Border: 1px solid rgb(0, 51, 102);
    Border-Collapse: collapse;
    Border-Spacing: 0px;
    Margin: 0px;
    Spacing: 0px;
}

.Framed {
    Padding: 5px 10px 5px 10px
}

table.Grid td {
    Padding: 2px;
    text-align: center
}

table.Grid Th {
    Padding: 4px
}

table.FillFrame {
    Width: 100%
}

.CElementTable {
    margin: 10px 0px;
    height: 0px;
}

/* IE requires height to be set in some cases */
html>body .CElementTable {
    height: auto;
}

.CElementTable .header {
    border: 2px solid #ccc;
    background: #ccc;
}

.CElementTable .data {
    border: 2px inset;
}

.scrolling div.data {
    overflow: auto;
    height: 100px;
}

.CElementTable table {
    table-layout: fixed;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0px;
}

/* Gecko removes the inset border if border-collapse is set for some reason */
.CElementTable>table {
    border-collapse: separate;
}

.CElementTable td {
    border-top: 1px solid #ccc;
}

.CElementTable .subrow td,
.CElementTable td.subrow {
    border-top: none;
}

.CElementTable th {
    padding-bottom: 2px;
    padding-top: 2px;
    border: none;
    text-align: left;
}

.CElementTable .c0 {
    padding-left: 10px;
}

.CElementTable .radio {
    padding-left: 3px;
}

a img {
    margin-bottom: -3px;
}

tr.EvenRow {
    Background-Color: rgb(238, 238, 238)
}

tr.Line,
tr.Line td {
    Background-Color: rgb(0, 0, 0);
    Height: 2px;
    Padding: 0px;
    Margin: 0px;
    Spacing: 0px;
}

tr.Line {
    Width: 100%
}

.TabLink,
.TabLinkActive {
    Font-Style: normal;
    Font-Weight: normal;
    Text-Decoration: none;
}

.TabSpacerTd {
    width: 15px;
    border-top: 1px solid rgb(0, 51, 102);
}

.TabRightFillerTd {
    width: 100%;
    border-top: 1px solid rgb(0, 51, 102);
}

.TabTd {
    border: 1px solid rgb(0, 51, 102);
    background-color: rgb(204, 204, 204);
    white-space: nowrap;
}

.TabActiveTd {
    border-left: 1px solid rgb(0, 51, 102);
    border-bottom: 1px solid rgb(0, 51, 102);
    border-right: 1px solid rgb(0, 51, 102);
    background-color: white;
    white-space: nowrap;
}

.TabLink {
    Background-Color: rgb(204, 204, 204)
}

.TabLinkActive {
    Background-Color: white;
    Font-Weight: bold
}

.PageHead {
    Color: rgb(153, 51, 0);
    Font-Style: normal;
    Font-Weight: bold;
    Text-Decoration: none;
}

.TableHead,
.TableFieldHead,
.TableFieldHead2 {
    Background-Color: rgb(204, 204, 204)
}

.TableHead,
.TableFieldHead,
.TableFieldHead2,
.TextEmp {
    Color: rgb(0, 51, 102);
    Font-Style: normal;
    Font-Weight: bold;
}

.TableFieldHead2 {
    Font-Weight: normal
}

.TableField,
.content {
    Color: black;
    Font-Style: normal;
    Font-Weight: normal;
}

.Text {
    Color: black;
    Font-Style: normal;
    Font-Weight: bold;
}

.UserText {
    Color: black;
}

A:hover {
    Color: rgb(255, 153, 0)
}

.Error {
    Color: red;
    Font-Style: normal;
    Font-Weight: bold;
    Text-Decoration: none;
}

/* CSS entries for the popUpCalendar */
.table-style {
    font-family: arial;
    border-width: 1;
    border-style: solid;
    border-color: #a0a0a0;
    background-color: #ffffff;
    font-family: arial;
    font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
    z-index: +999;
    position: absolute;
    visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
    padding: 2px;
    font-family: arial;
    font-size: 11px;
    color: #3a6ea5;
}

/* Default attributes used in calendar title background.*/
.title-background-style {
    background-color: #cee3ef;
    vertical-align: middle;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
    border-style: solid;
    border-width: 1;
    border-color: #3a6ea5;
    vertical-align: middle;
    background-color: white;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
    border-style: solid;
    border-width: 1;
    border-color: #3a6ea5;
    vertical-align: middle;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
    font-family: arial;
    font-size: 11px;
    border-width: 1;
    border-style: solid;
    border-color: #a0a0a0;
    background-color: #cee3ef;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
    background-color: #3a6ea5;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
    background-color: #000000;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
    padding: 1px;
    background-color: #cee3ef;
    font-family: verdana;
    font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
    color: #909090;
    text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
    color: black;
    text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
    border-style: solid;
    border-width: 1px;
    border-color: #a0a0a0;
}

/* Default attributes of designated holidays. */
.holiday-style {
    background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
    padding: 0px;
    color: black;
    background-color: #cee3ef;
    text-align: center;
    text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
    background-color: #d0d0d0;
    padding: 0px;
}

.DbDialog {
    top: 100px !important;
}

/* to align the popup dialogues to center */
.Dialog {
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    height: fit-content !important;
}

/* to align the close button dialogues after content */
.ui-dialog .ui-dialog-content {
    position: static !important;
}

/* to render popup dialogue properly chrome/firefox */
#editServiceDiv {
    height: auto !important;
}

/* to render popup dialogue properly chrome/firefox */
#exportStarTypePopoverDiv {
    height: 100px !important;
}

/* to render popup dialogue properly chrome/firefox */
#exportTypePopoverDiv {
    height: 100px !important;
}

#exportSchedulePopoverDiv {
    height: 100px !important;
}

#exportReiumbermentPopoverDiv {
    height: 100px !important;
}

/* to render popup dialogue properly chrome/firefox */
/*
#editInstitutionDiv {
    height: 300px !important;
}
*/

/* to render institution popup dialogue properly chrome/firefox */
#editProgramDiv {
    height: 410px !important;
}