body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 12px;
}

/* Master Page */

#masterHeader {
    background-color: #b3bfac;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#masterContainer {
    background-color: white;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#masterContentPanel {
    padding: 10px;
}

#conceptLogo {
     height: 83px;
     padding-right: 8px;
     text-align: right
}

/* Login */

#loginContainer {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 12px;
}

.loginButton {
    margin-right: 12px;
}

#loggedInText {
    margin-left: auto; margin-right: 0px; width: 300px; text-align: right; padding-right: 6px; color: gray; margin-top: -28px;
}

/* All Pages */

.navButton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 4px;
    margin-left: 0px;
    margin-right: 4px;
    background-color:  #b3bfac;
    color: white;
    cursor: pointer;
    height: 30px;
}

.navButton:hover {
    border: 2px solid black;
    color: black;
}

.navButton:disabled {
    background-color: lightgray;
}

.navButton:disabled:hover {
    color: white;
}

.buttonPanel {
    margin-bottom: 10px;
    margin-top: 28px;
    margin-left: 2px;
}

.commandLink {
    font-size: 12px;
    margin-left: 4px;
    color: #4f5b4f;
}

.commandLink:hover {
    color: #97ca79;
}

.commandLinkDelete {
    font-size: 12px;
    margin-left: 4px;
    color: #FF0066;
}

.commandLinkDelete:hover {
    color: #97ca79;
}

/* List Grid */

.listGrid {
    border: solid 1px #4f5b4f;
    font-size: 11px;
}

.listGrid th {
    background-color: #4f5b4f;
    height: 30px;
    color: white;
    border: 1px solid #4f5b4f;
    text-align: left;
    padding-left: 2px;
}

.listGrid th a {
    color: white;
    text-decoration: none;
    font-weight: normal;
}

.listGrid th a:hover {
    text-decoration: underline;
}

.listGrid td {
    padding: 3px;
    border: solid 1px #4f5b4f;
}

.pgr {
    color: black;
    border: none;
    background-color: white;
}

.pgr td {
    border: none;
}

.pgr a {
    color: black;
}

.prg a:hover {
    color: white;
    background-color: #4f5b4f;
}

/* Should be set as the CssClass for Alernating Row Style */
.listGrid .alt {
    background: #e9ede7;
}

/* Where we're are using a Hyperlink field as the first grid field for selection
   This should be the CssClass of ControlStyle
*/
.gridSelectionItem
{
    color: black;
    text-decoration: none;
}
.gridSelectionItem:hover {
    color: white;
    background-color: #97ca79;
    cursor: pointer;
}

.gridSelectionItemBlue
{
    color: black;
    text-decoration: none;
}
.gridSelectionItemBlue:hover {
    color: white;
    background-color: #91A3CA;
    cursor: pointer;
}

.notesGridTitle {
    background-color: #4D5D7D;
    color: white;
    padding: 4px;
    width: 100%;
}

.notesGridText {
    color: #333333;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
}

.notesEditText {
    padding: 4px;
    color: #333333;
    border: none;
}

/* Search Box */

#tfheader {
    background-color: #c3dfef;
}

#tfnewsearch {
    float: right;
    padding: 20px;
}

.tftextinput {
    margin: 0;
    width: 150px;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 1px solid #b3bfac;
    border-right: 0px;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
}

.tfbutton {
    margin: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #b3bfac;
    border-right: 0px;
    background: #b3bfac;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3bfac), to(#cdd6b6));
    background: -moz-linear-gradient(top, ##b3bfac, #cdd6b6);
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

    .tfbutton:hover {
        text-decoration: none;
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#4F5B4F), to(#64725D));
        background: -moz-linear-gradient(top, #4F5B4F, #64725D);
    }
    /* Fixes submit button height problem in Firefox */
    .tfbutton::-moz-focus-inner {
        border: 0;
    }

.tfclear {
    clear: both;
}

/* Validation Panel */

.validationPanel {
    margin: 10px;
    padding: 10px;
    border: solid 2px red;
    color: red;
}

/* Data Panel */

.dataPanel td {
    padding: 3px;
}

.tdField {
    width: 120px;
    background-color: #b3bfac;
}

.tdFieldLarge {
    background-color: #b3bfac;
}

.tdData {
    min-width: 300px;
}

.textInputFull {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 92%;
}

.textInputLarge {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 500px;
}

.textInputMedium {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 180px;
}

.textInputShort {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    }

.dropDownMedium {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 186px;
}

.dropDownMediumLarge {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 300px;
    max-width: 300px;
}
.dropDownMediumLarge option {
    width: 300px;
    max-width: 300px;
    text-overflow: ellipsis;
}

.dropDownLarge {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 400px;
}

.dropDownShort {
    border: solid 1px #4f5b4f;
    padding: 2px;
    font-size: 12px;
    width: 100px;
}

.requiredField {
    padding: 3px;
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.errorLabel {
    background-color: red;
    color: white;
    padding: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Tab Panel */

.tabPanelContainer {
    margin-top: 10px;
}

/* Panel Gridview */

.GridViewEditRow input[type=text] {
    width: 70px;
    font-size: 10px;
}

.GridViewEditRow120 input[type=text] {
    width: 120px;
    font-size: 10px;
}

/* Popups */

.modalCenter {
    position: fixed;
    top: 30%;
    left: 36%;
    border-radius: 10px;
    border: 1px solid black;
    width: 300px;
    background-color: #97ca79;
    color: black;
    z-index: 20;
    box-shadow: 10px 10px 5px #888888;
    padding: 10px;
}

.modalCalendar {
    position: absolute;
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    top: 10px;
    right: 10px;
    width: 200px;
    z-index: 20;
    box-shadow: 10px 10px 5px #888888;
    padding: 0px;
    background-color: white;
    border: 1px solid black;
    box-shadow: 10px 10px 5px #888888;
}

.itemPicker {
    position: absolute;
    top: 200px;
    left: 250px;
    border-radius: 10px;
    border: 1px solid black;
    
    width: 500px;
    background-color: white;
    color: black;
    z-index: 20;
    box-shadow: 10px 10px 5px #888888;
    padding: 0;
}

.gridEditControlCentre {
    text-align: center;
}

.leftMargin5 {
    margin-left: 5px;
}

.padding10 {
    padding: 10px;
}