body {
    margin-left: 20px;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: Gray;
}

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
}

    input.checkBox {
        border-style: none;
    }

h1 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 18px;
    color: #36769C;
    font-weight: bold;
    margin: 0.3em 0em 0.5em 0em;
    text-transform: capitalize;
}

h2 {
    color: #ff7600;
    font-size: 15px;
    font-weight: bold;
    margin: 0.4em 0em 0.4em 0em;
}

h3 {
    color: #ff7600;
    font-size: 14px;
    font-weight: bold;
    margin: 0.2em 0em 0.3em 0em;
}

h4 {
    color: #ff7600;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

#mainContent {
    font-size: 12px;
    color: Black;
    background-color: White;
    padding: 5px 10px 10px 15px;
    border-top: solid 3px #ff7600;
    /*border-bottom :solid 1px black ;*/
    min-height: 450px;
}

td.siteTitle {
    font-weight: bold;
    font-size: 18px;
    padding-left: 20px;
    color: White;
    background-color: #0669b4;
    height: 71px;
}

td.user {
    font-size: 12px;
    font-weight: bold;
    color: White;
    padding: 0px 4px 0px 20px;
    background-color: #0669b4;
    height: 25px;
}

div.reminder {
    /*background-image: url(../Images/post_it1.jpg);*/
    background-color: #F2EE83;
    background-repeat: no-repeat;
    border-style: none;
    padding: 10px 10px 10px 10px;
    margin: 4px 2px 2px 2px;
}

.boxReminder {
    background-color: #F2EE83;
    border-style: none;
    font-size: 16px;
    font-family: Comic Sans MS;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding-bottom: 1px;
    overflow: hidden;
}

td.user A {
    color: White;
}

.menu {
    float: right;
}

.menuItem {
    color: Blue;
}

    .menuItem A {
        color: White;
        padding: 1px 0px 0px 10px;
    }

.dynamicMenuStyle {
    margin-top: 7px;
    border: solid 1px black;
}

.dynamicMenuItemStyle {
    background-color: #0974BB;
    text-align: left;
    padding: 4px 4px 4px 4px;
}

    /*a:link {color:#FF0000;}		/* unvisited link */
    /*a:visited {color:#00FF00;}	/* visited link */
    /*a:hover {color:#FF00FF;}		/* mouse over link */
    /*a:active {color:#0000FF;}		/* selected link */

    .dynamicMenuItemStyle A {
        text-decoration: none;
        color: White;
    }

        .dynamicMenuItemStyle A:hover {
            text-decoration: underline;
            color: White;
        }


table.form {
    border: solid 1px #CEDFF2;
    border-collapse: collapse;
}

    table.form img {
        margin-right: 2px;
    }

    table.form td {
        border-bottom: solid 1px #CEDFF2;
        border-right: solid 1px #CEDFF2;
        padding: 4px 1px 1px 2px;
        /*background-color:#CEDFF2;*/
    }

    table.form a {
        text-decoration: underline
    }

        table.form a:link {
            color: #0000EE;
        }
        /* unvisited link */
        table.form a:visited {
            color: Black;
        }
        /* visited link */
        table.form a:hover {
            color: #ED008C;
        }
        /* mouse over link */
        table.form a:active {
            color: #EE0000;
        }
/* selected link */

table.noBorder {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1px;
}

    table.noBorder th, table.noBorder td {
        border: none;
        padding: 1px 1px 2px 0px;
    }

div.shortCutPanel {
    background-color: White;
    background-color: #0974BB;
    border-top: solid 1px black;
}

div.centerDiv, div.about {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 400px;
}

div.about {
    width: auto;
}

div.save {
    background-color: White;
    padding: 0px 0px 0px 0px;
}

/* Toolbar style start*/
div.toolbar {
    background-image: url(../images/toolbar_gray.jpg);
    background-repeat: repeat-x;
    background-color: #BDC7D1;
    padding: 4px 4px 3px 4px;
    font-size: 95%;
    font-weight: bold;
    border-left: solid 1px #8393B3;
    border-top: solid 1px #8393B3;
    border-right: solid 1px #8393B3;
    color: Black;
    /*border-top-left-radius:5px;
	border-top-right-radius:5px;*/
}

    div.toolbar img {
        border-style: none;
        vertical-align: text-bottom;
        margin-right: 2px;
    }

        div.toolbar img.buttonSeparator {
            border-style: none;
            vertical-align: middle;
            margin-right: 3px;
            margin-left: 3px;
        }

    div.toolbar td {
        padding-left: 2px;
        padding-right: 2px;
        vertical-align: middle;
    }

        div.toolbar td.toolbarSeparator {
            vertical-align: middle;
            padding: 1px 4px 1px 4px;
        }

    div.toolbar A {
        color: Black;
        font-weight: bold;
        display: inline-block;
        /*padding:3px 2px 3px 2px;*/
        padding: 0px 2px 0px 2px;
    }

        div.toolbar A:link, div.toolbar A:hover, div.toolbar A:visited {
            text-decoration: none;
            height: 19px;
        }

        div.toolbar A:hover {
            color: #FF7600;
            background-color: #F5F5F5;
        }

    div.toolbar input {
        /*background-color:Gray;*/
    }
/* Toolbar style end*/

table.search {
    width: 100%;
    border: solid 1px #9FBDE5;
}

    table.search td {
        vertical-align: top;
        margin-right: 5px;
    }

table.shortCuts {
    margin: 0px 0px 0px 0px;
    width: 100%;
    background-image: url(../images/bg_titleBar_2x160.png);
    background-repeat: repeat-x;
}

table.category {
    margin-left: 20px;
    background-color: #C1D3FB;
}

td.shortCutImage {
    padding: 5px 2px 2px 2px;
    text-align: center;
}

td.shortCutLegend {
    padding: 0px 5px 10px 5px;
    text-align: center;
    color: White;
    font-weight: bold;
    font-size: 13px;
}


table.searchGrid td {
    border-bottom: solid 1px #CEDFF2;
    border-right: solid 1px #CEDFF2;
    padding: 7px 10px 2px 2px;
}

A {
    color: Black;
    text-decoration: none;
}

    A:link {
        text-decoration: none;
    }

    A:hover {
        text-decoration: underline;
    }

img.icon {
    border-style: none;
    vertical-align: middle;
}

img.icon1 {
    border-style: none;
    vertical-align: middle;
    padding-right: 2px;
}

/*#9FBDE5  - light blue*/
/*#DADADA  - light gray*/
.list {
    margin: 0px 0px 5px 0px;
    /*margin-top: 0px;*/
    color: #494949;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #9FBDE5;
    border-bottom: none;
    border-right: none;
    width: 100%;
}

    .list td, .list th {
        border-bottom: 1px solid #9FBDE5;
        border-right: 1px solid #9FBDE5;
        padding: 2px 3px 0px 3px;
    }

        .list td.name {
            white-space:nowrap;
        }
        /* Use this style for the column that is very wide and needs automatic wrapping*/
        /* It must be applied to the item template style of the gridview */
        .list td.description {
            white-space: normal;
        }
    /* Use this style from lines with a gray 97 background */
    .list tr.grayLine {
        background-color: #F7F7F7;
    }

    .list tr.greenLine {
        background-color: #BDFFBD;
    }

    .list tr.orangeLine {
        background-color: #FFA66B;
    }

    .list tr.redLine {
        background-color: #FF7373;
    }

    .list th {
        text-align: center;
        font-weight: bold;
        color: Black;
    }

.listHeader {
    background-color: #C1D3FB;
    height: 20px;
    padding: 0px 3px 0px 3px;
    text-align: left;
    font-weight: bold;
}

    .listHeader td {
        padding: 0px 3px 0px 3px;
    }

.list a:link {
    text-decoration: none;
    color: Black;
}

.list td a:link {
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    /*color:#36769C;*/
    color: #22229C;
}

.list a:hover {
    text-decoration: none;
    color: #ED008C;
}

.list td a:hover {
    color: #ED008C;
}

.list a:visited {
    text-decoration: none;
    color: Black;
}

.list td a:visited {
    text-decoration: underline;
    font-size: 12px;
    color: #ED008C;
}

.list ul {
    padding-left: 6px;
    margin-top: 5px;
    margin-left: 10px;
    list-style-type: disc;
}

.list img {
    border-style: none;
}

table.tasks {
    margin: 10px 0 0 10px;
}

    table.tasks td {
        vertical-align: middle;
        padding: 0 0 10px 0;
    }

    table.tasks input.ico {
        padding: 5px;
        background-color: #CBD2DB;
        margin: 0 15px 0 0;
        border: solid 1px black;
    }

        table.tasks input.ico:hover {
            padding: 5px;
            background-color: #FBD2DB;
            margin: 0 15px 0 0;
            border: solid 1px #F44931;
        }

    table.tasks A {
        color: #516887;
        font-weight: bold;
        text-decoration: none;
    }

    table.tasks P {
        margin: 0;
        padding: 0;
    }

.greenMessage {
    color: Green;
}

.validation {
    margin: 10px 10px 10px 0px;
    color: gray;
    background-color: #FFE9E9;
    font-weight: normal;
    font-size: 12px;
    clear: both;
    border: solid 1px red;
    padding: 10px;
    width: 500px;
}

.blueBox {
    padding: 3px 1px 0px 1px;
    border: solid 1px #7F9DB9;
}

div.blueBox2 {
    display: inline-block;
    padding: 2px 2px 2px 2px;
    border: solid 1px #7F9DB9;
}

/* the line below change the line color, but also removes the rounded corners....*/
fieldset {
    border: 1px solid #7F9DB9;
}

.back {
    float: right;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 100%;
    color: #7F9DB9;
    color: #0066CC;
    margin: 0px 0px 0px 0px;
}


table.tags {
    margin-top: 20px;
    border: none;
    color: #494949;
}

    table.tags td {
        font-size: 12px;
        color: #7F9DB9;
        text-align: left;
        padding: 2px 10px 0px 1px;
    }

.a {
    font-family: Arial helvetica;
    font-size: 12px;
}

table.summary {
    width: 100%;
}
/*
table.summary td 
{
	width:50%;
	vertical-align:top;
}
*/
table.summaryGlobal {
    width: 100%;
    border-style: none;
    font-size: 12px;
}

    table.summaryGlobal td {
        width: auto;
        padding: 6px;
    }

div.headers {
    padding: 1px 5px 0px 5px;
    margin-bottom: 2px;
    background-image: url(../images/blue_fade_segment_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

td.toolbarSeparator {
    vertical-align: middle;
    padding: 1px 5px 1px 5px;
}

table.interview {
    width: 100%;
    border-collapse: collapse;
    border-style: none;
    font-size: 11px;
}

    table.interview td.body {
        border: solid 1px #9FBDE5;
    }

    table.interview td.separator {
        height: 30px;
    }

    table.interview td.header {
        background-color: #C1D3FB;
        border: solid 1px #9FBDE5;
        padding: 5px 3px 2px 3px;
        text-align: left;
        font-weight: bold;
    }

.helpBox {
    border: none;
    background-color: #DCE9F6;
    /*background-image:url(../images/box_rounded_chromeGreenMain_800x1600.png);*/
    margin: 5px 10px 5px 0px;
    padding: 7px 7px 7px 7px;
    width: 500px
}

.maskedEditFocus {
    background-color: #FFFFCC;
}

@media screen {
    div.visibleToPrintOnly {
        display: none;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    #mainContent, #mainContent * {
        visibility: visible;
    }

    #mainContent {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    div.visibleToDisplayOnly {
        display: none
    }
}

.textAlignRight {
    text-align: right;
}

.fieldset1 {
    border: solid 1px lightgray;
}

.notVisible {
    visibility: hidden;
}

.text-bold {
    font-weight: bold;
}

.colum-icon {
    width: 30px;
    text-align: center;
}

.column-button {
    width: 40px;
}

.colum-dateTime {
    width: 120px;
}

.column-createdBy {
    width: 130px;
}

table.toolbar {
    border-collapse: separate;
    border-spacing: 0; /* cellspacing="0"  */
}

    /* cellpadding */
    table.toolbar th, td {
        padding: 0px;
    }

span.waitIcon {
    position: absolute;
    padding-left: 6px;
    padding-top: 3px;
}

.vertical-align-text-botton {
    vertical-align: text-bottom;
}

.smallText {
    font-size: 9px;
}

.statusPanelAvailable {
    /*float:right;*/
    font-size: 120%;
    font-weight: bold;
    background-color: #009C00;
    color: white;
    margin: 0px 0px 5px 0px;
    padding: 10px;
    line-height: 23px;
}

.statusPanelNotAvailable {
    /*float:right;*/
    font-size: 120%;
    font-weight: bold;
    background-color: orangered;
    color: white;
    margin: 0px 0px 5px 0px;
    padding: 10px;
    line-height: 23px;
}

.statusPanel {
    /*float:right;*/
    font-size: 120%;
    font-weight: bold;
    background-color: lightgray;
    margin: 0px 0px 5px 0px;
    padding: 10px;
    line-height: 23px;
}

div.photoFrame1 {
    float: right;
    /*width:160px;*/
    border: solid 1px #DDDDDD;
    background-color: #EFEFEF;
}

div.hint {
    margin: 2px 2px 0px 0px;
    font-size: 10px;
}

div.searchButton
{
    text-align:center;
    vertical-align:middle;
    margin-bottom:10px;
    margin-top:10px;
}

td.fitwidth {
    width: 1px;
    white-space: nowrap;
}

.pr-2{
    margin-right:1em;
}