﻿
.RotatedText90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

.RotatedText270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

.mastermenu {
    background-color: White;
    text-decoration: none;
    color: black;
    padding: 4px;
}

.mastermenu:hover {
    background-color: Highlight;
    text-decoration: none;
    color: white;
    padding: 4px;
}

.mastermenured {
    background-color: LightGrey;
    text-decoration: none;
    padding: 4px;
}

    .mastermenured:hover {
        background-color: Tomato;
        text-decoration: none;
        padding: 4px;
    }

.table1 {
    border: 1px solid black;
    border-collapse: collapse;
}

.Panel1
{
  border: 2px solid #808080;
  border-color: Black;
  border-radius: 5px 5px 5px 5px;
  padding: 0px 0px 0px 2px;

  width: calc(100%-2px);  
}

.imagealign {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 2px;
    border: none;
}

.imagealign2 {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 2px;
    border: none;
}

.imagealign3 {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 3px;
    border: none;
}

.imagealign4 {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 4px;
    border: none;
}


.panel1new {
    border: 2px solid #808080;
    border-radius: 5px;
    width: calc(100%-1px);
    background-color: rgb(235, 235, 235);
}

.outages {
    background: linear-gradient(to bottom, #F0F0F0, White);
    padding: 10px;
}

.outageshead {
    background: lightgrey;
    padding: 10px;
}

.panelMOTD {
    border: 2px solid #808080;
    border-radius: 5px;
    width: calc(100%-1px);
    height: auto;
    background-color: rgb(235, 235, 235);
}

.FLXtextbox1
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    height: 17px;
    width: 248px;
}

.FLXtextbox2
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    height: 17px;
    width: 512px;
}

.FLXtextbox3
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    height: 17px;
    width: 314px;
}

.FLXtextbox3watermark
{
    color: Gray;
    font-style: italic;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    overflow: auto;
    width: 314px;
    height: 17px;
}

.FLXtextboxmulti1
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 80px;
    width: 246px;
}

.FLXtextboxmulti2
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 80px;
    width: 510px;
}

.FLXtextboxmulti3
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 100px;
    width: 312px;
}

.FLXmenu1
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 270px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.FLXbox1
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 266px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.FLXmenu2
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 530px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.FLXbox2
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 526px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.FLXmenu3
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 330px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.FLXbox3
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 326px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.FLXmenu4
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 800px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.FLXbox4
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 796px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.FLXmenu5
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 900px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.FLXbox5
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 896px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.FLXmenu6
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 1200px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.FLXbox6
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 1196px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.FLXdropdown1
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    height: 21px;
    width: 254px;
    cursor: pointer;
}

.FLXdropdown2
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    height: 21px;
    width: 319px;
    cursor: pointer;
}

a:link
{
    color: #333333;
}

a:visited
{
    color: #333333;
}

.handle
{
    width: 16px;
    height: 16px;
    background-image: url('../Img/sizer.jpg');
    overflow: hidden;
    cursor: se-resize;
}

.body
{
    margin: 0 auto;
    padding: 0;
}

.resizing
{
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #7391BA;
}
.panel
{
    height: calc(100% - 55px);
}
.panel2
{
    height: calc(100% - 39px);
}
.title
{
    background-image: url('../Img/headerbg.jpg');
    background-repeat: repeat-x;
}

#Chart1
{
    height: 100%;
    width: 100%;
}

.menu
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu1
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 364px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu2
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 264px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


.menu3
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu4
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 530px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu5
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 250px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu6
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 817px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu7
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 540px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.menu8
{
    background: url('../Img/menurepeater.png');
    height: 30px;
    width: 600px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.box
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 260px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box1
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 360px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box5
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 526px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box6
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 246px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box7
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 813px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box8
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 536px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box9
{
    border-width: 2px;
    background-color: rgb(235, 235, 235);
    width: 596px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
    border-top-style: solid;
    border-top-color: Silver;
    border-bottom-style: solid;
    border-bottom-color: Silver;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.filters
{
    background-color: rgb(235, 235, 235);
    height: 27px;
    width: calc(100%-1px);
    border-width: 2px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
}

.filters2
{
    background-color: rgb(235, 235, 235);
    height: 40px;
    width: calc(100%-1px);
    border-width: 2px;
    border-left-style: solid;
    border-left-color: Silver;
    border-right-style: solid;
    border-right-color: Silver;
}

.grid
{
    border-style: solid;
    border-color: Silver;
    border-width: 2px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: rgb(235, 235, 235);
}

.grid2
{
    border-style: solid;
    border-color: Silver;
    border-width: 2px;
    width: calc(100%-1px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: rgb(235, 235, 235);
}

.grid3
{
    border-style: solid;
    border-color: Silver;
    border-width: 2px;
    width: calc(100%-1px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: white;
}

.grid4
{
    border-style: solid;
    border-color: Silver;
    border-width: 2px;
    width: calc(100%-1px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: white;
}

.grid5
{
    border-style: solid;
    border-color: Silver;
    border-width: 2px;
    width: calc(100%-1px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgb(235, 235, 235);
}

.greyrow
{
    background-color: rgb(235, 235, 235);
    height: 30px;
    width: 220px;
    cursor: pointer;
}

.greyrow:hover
{
    background-color: rgb(221, 221, 221);
    cursor: pointer;
}

.altgreyrow
{
    background-color: rgb(240, 240, 240);
    height: 30px;
    width: 220px;
    cursor: pointer;
}

.altgreyrow:hover
{
    background-color: rgb(221, 221, 221);
    cursor: pointer;
}

.greyselect
{
    background-color: rgb(102,204, 255);
    height: 30px;
    width: 220px;
    cursor: pointer;
}

.gridrow
{
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.gridrow:hover
{
    background-color: rgb(221, 221, 221);
    cursor: pointer;
}

.altgridrow
{
    background-color: rgb(240,240,240);
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.altgridrow:hover
{
    background-color: rgb(221, 221, 221);
    cursor: pointer;
}

.gridrow3 {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
}

    .gridrow3 td {
        padding-top: 5px;
        padding-bottom: 5px;
    }


    .gridrow3:hover {
        background-color: rgb(221, 221, 221);
        cursor: pointer;
    }

.altgridrow3 {
    background-color: rgb(240,240,240);
    cursor: pointer;
}

.altgridrow3 td {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .altgridrow3:hover {
        background-color: rgb(221, 221, 221);
        cursor: pointer;
    }

.gridselect
{
    background-color: rgb(102,204,255);
    cursor: pointer;
}

.imagealign
{
    vertical-align: middle;
    padding-right: 1px;
    border: none;
}

.imagealign1
{
    vertical-align: middle;
    padding-right: 4px;
    border: none;
}

.imagealign2
{
    vertical-align: bottom;
    padding-right: 1px;
    border: none;
}

.imagealign3 {
    vertical-align: top;
    padding-bottom: 10px;
    border: none;
}

.invoicestextbox
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 12px;
    width: 347px;
}

.invoiceswatermark
{
    border: 2px solid #808080;
    border-radius: 5px;
    color: Gray;
    font-style: italic;
    overflow: auto;
    width: 347px;
    height: 12px;
    padding: 2px 2px;
}

.invoicesddl
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    cursor: pointer;
    width: 354px;
}

.textboxstandard
{
    border: 1px solid #808080;
    padding: 0px 0px;
    padding-left: 2px;
    height: 17px;
    width: 250px;
}

.textbox1
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px;
    height: 17px;
    width: 252px;
}

.textbox1a
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 0px 0px 0px 2px;
    height: 17px;
    width: 580px;
}

.textbox2
{
    padding: 0px 0px;
    height: 17px;
    width: 515px;
}

.textbox3
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 12px;
    width: 246px;
}

.textbox4
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 12px;
    width: 512px;
}

.textbox5
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 12px;
    width: 800px;
}

.textbox6
{
    color: Black;
    overflow: auto;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    height: 14px;
    width: 112px;
}

.textbox7
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px;
    height: 12px;
    width: 263px;
}

.textboxnotes
{
    padding: 0px 0px;
    height: 40px;
    width: 515px;
}

.textboxnotesb
{
    padding: 0px 0px;
    height: 40px;
    width: 252px;
}

.textboxnotesc
{
    border: 2px solid #808080;
    padding: 0px 0px;
    height: 157px;
    width: 426px;
}

.textboxnotesd
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 50px;
    width: 246px;
}

.textboxnotese
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 200px;
    width: 246px;
}

.textboxnotesf
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 50px;
    width: 800px;
}

.textboxnotesg
{
    padding: 0px 0px;
    height: 80px;
    width: 515px;
}

.textboxnotesh
{
    padding: 0px 0px;
    height: 80px;
    width: 586px;
}

.textboxnotesi
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 80px;
    width: 248px;
}

.textboxnotesj {
    padding: 0px 0px;
    height: 400px;
    width: 515px;
}

.watermark
{
    color: Gray;
    font-style: italic;
    overflow: auto;
    width: 252px;
    height: 17px;
    padding: 0px 0px;
}

.grida
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    width: 246px;
}

.watermark3
{
    color: Gray;
    font-style: italic;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    padding: 2px 2px;
    height: 12px;
    width: 246px;
}



.ddl
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    cursor: pointer;
}



.modalbackground
{
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.5;
}

.textsearch
{
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 3px;
}

.watermark2
{
    color: Gray;
    font-style: italic;
    overflow: auto;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    height: 14px;
    width: 112px;
}

.checkbox1 label
{
    position: relative;
    top: -3px;
}

.checkbox2 label {
    position: relative;
    top: -2px;
}

.repeaterHead {
    background: linear-gradient(to bottom, LightGrey, White, LightGrey);
    padding: 5px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.repeateritem1 {
    background: linear-gradient(to bottom, #F0F0F0, White);
    padding: 20px;
}

.repeateritem2 {
    background: linear-gradient(to bottom, #F4FBD0, White);
    padding: 20px;
}

.repeateritem3 {
    background: linear-gradient(to bottom, #F8DED1, White);
    padding: 20px;
}

.repeateritem4 {
    background-color: #F4FBD0;
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.repeateritem5 {
    background-color: #F0F0F0;
    padding: 2px;
    border: 1px solid Silver;
}

.repeateritem6 {
    background-color: #F4FBD0;
    padding: 20px;
    border: 1px solid Silver;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.repeateritem7 {
    background: linear-gradient(to bottom, #F0F0F0, White);
    padding: 2px;
}

.repeaterHeadChecks {
    background: linear-gradient(to bottom, LightGrey, White, LightGrey);
    padding: 5px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.repeaterHeadChecks2 {
    background: linear-gradient(to bottom, LightGrey, White, LightGrey);
    padding: 1px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.repeaterFootChecks {
    background: linear-gradient(to bottom, White, LightGrey);
    padding: 5px;
    border: 1px solid Silver;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.repeateritemRed {
    background-color: Tomato;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemGreen {
    background-color: YellowGreen;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver
}

.repeateritemOrange {
    background-color: Orange;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemYellow{
    background-color: Yellow;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemGrey {
    background-color: LightGrey;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemLightGreen {
    background-color: #E6F5A7;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemLightRed {
    background-color: #F8DED1;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemLightOrange {
    background-color: #FFE16C;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemLightYellow {
    background-color: #FFFF99;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemLightBlue {
    background-color: #66CCFF;
    padding: 5px;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemGraph {
    background-color: LightGrey;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.panelheader1 {
    background-image: url('/Img/headerbg.jpg');
    background-repeat: repeat-x;
    height: 40px;
}

.panelitem1 {
    border: 3px solid #666666;
    border-radius: 10px;
    width: calc(100%-1px);
    background-color: White;
}

.dropdownlist1 {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 1px;
    cursor: pointer;
    height: 30px;
    width: 100%;
    font-size: small;
    font: ariel;
}

.textbox1new {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    height: 22px;
    width: calc(100% - 14px);
    font-size: small;
    font: arial;
    resize: none;
}

.textbox1newwatermark {
    color: Gray;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    height: 22px;
    width: calc(100% - 14px);
    font-size: small;
    font: arial;
    font-style: italic;
    resize: none;
}

.textbox2new {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    height: 21px;
    width: calc(100% - 14px);
    font-size: small;
    font: arial;
    resize: none;
}

.textbox2newwatermark {
    color: Gray;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    height: 21px;
    width: calc(100% - 14px);
    font-size: small;
    font: arial;
    font-style: italic;
    resize: none;
}


.textbox1watermarknew {
    color: Gray;
    font-size: small;
    flow-into: arial;
    font-style: italic;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    width: calc(100% - 14px);
    height: 22px;
}

.textbox3new {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    height: 22px;
    width: calc(100% - 18px);
    font-size: small;
    font: arial;
    resize: none;
}


.hiddencol {
    display: none;
}

.gridhead1 {
    background-color: #EBEBEB;
    text-decoration: none;
    font-size: smaller;
    padding-left: 5px
}


.gridrow1 {
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

    .gridrow1 td {
        padding-right: 5px;
    }

    .gridrow1:hover {
        background-color: rgb(221, 221, 221);
        cursor: pointer;
    }

.altgridrow1 {
    background-color: rgb(240,240,240);
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

    .altgridrow1 td {
        padding-right: 5px;
    }

    .altgridrow1:hover {
        background-color: rgb(221, 221, 221);
        cursor: pointer;
    }


.gridrow2 {
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 0px 0px;
    padding:10px;
    cursor: pointer;
}

    .gridrow2 td {
        padding-right: 5px;
    }

    .gridrow2:hover {
        background-color: rgb(221, 221, 221);
        cursor: pointer;
    }

.altgridrow2 {
    background-color: rgb(240,240,240);
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

    .altgridrow2 td {
        padding-right: 5px;
    }

    .altgridrow2:hover {
        background-color: rgb(221, 221, 221);
        cursor: pointer;
    }


.GridPager a, .GridPager span {
    display: block;
    height: 19px;
    width: 25px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    padding-top: 5px;
    text-decoration: none;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #808080;
    color: White;
    border: 1px solid Black;
}

.panel1new {
    border: 2px solid #808080;
    border-radius: 5px;
    width: calc(100%-1px);
    background-color: rgb(235, 235, 235);
}

.imagealign2new {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 2px;
    border: none;
}

.detailsheader {
    background-image: url('/Img/headerbg.jpg');
    background-repeat: repeat-x;
    height: 40px;
}

.detailsfooter {
    background-image: url('/Img/lightgradient.gif');
    background-repeat: repeat-x;
    vertical-align: middle;
    height: 23px;
}

.notestextbox {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 5px 5px;
    height: 100px;
    width: calc(100% - 18px);
    font-size: Small;
    font: Arial;
    resize: none;
}

Small;
    font: Arial;
    resize: none;
}

.notestextbox2 {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 5px 5px;
    width: calc(100% - 18px);
    height: 200px;
    font-size: Small;
    font: Arial;
    resize: none;
}

.notestextboxwater {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 5px 5px;
    height: 100px;
    width: calc(100% - 18px);
    font-size: Small;
    font: Arial;
    font-style: italic;
    resize: none;
    color: Gray;
}

.notestextbox2 {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 5px 5px;
    height: 100px;
    width: calc(100% - 14px);
    font: Arial;
    resize: none;
}

.notestextboxwater2 {
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 5px 5px;
    height: 100px;
    width: calc(100% - 14px);
    font: Arial;
    font-style: italic;
    resize: none;
    color: Gray;
}

.imagealign3 {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 3px;
    border: none;
}

.diagramBack {
    padding: 10px;
    background: linear-gradient(to bottom, #F4FBD0, #F4FBD0);
    border: 2px solid Silver;
    border-radius: 10px;
}

.diagramPanel {
    border: 2px solid #808080;
    border-radius: 5px;
    width: calc(100%-1px);
    background-color: White;
}

.diagramImage {
    position: relative;
    top: 25%;
}

.calendar1 {
    background-color: lightgray;
    border: 2px solid #808080;
    border-radius: 5px;
    padding: 2px 5px;
    height: 22px;
    width: calc(100% - 14px);
    font-size: small;
    font: arial;
    resize: none;
}

.panelbulk {
    border: 3px solid #666666;
    border-radius: 10px;
    width: calc(100%-1px);
    background-color: White;
}

.imagealign2 {
    vertical-align: middle;
    padding-right: 1px;
    padding-bottom: 2px;
    border: none;
}

.repeateritemForumGrey {
    background-color: LightGrey;
    padding: 5px;
    border-top: 1px solid Silver;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.repeateritemForumLightGreen {
        background-color: #E6F5A7;
        padding: 5px;
        border-top: 1px solid Silver;
        border-left: 1px solid Silver;
        border-right: 1px solid Silver;
        border-bottom: 1px solid Silver;
 }

.repeateritemMasterLightGreen {
    background-color: Yellowgreen;
    padding: 5px;
    border: 1px solid Silver;
}

.repeateritemMasterLightRed {
    background-color: Tomato;
    padding: 5px;
    border: 1px solid Silver;
}

.repeateritemMasterLightOrange {
    background: Orange;
    padding: 5px;
    border-left: 1px solid Silver;
}

.LabelBlack {
    color: black;
}
.LabelWhite {
    color: white;
}

.dashLocations {
    background: linear-gradient(to bottom, #F0F0F0, White);
    padding: 20px;
}

.helpGrey {
    background: linear-gradient(to bottom, #F0F0F0, white 40px);
    padding: 10px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.helpGreen {
    background: linear-gradient(to bottom, #F4FBD0, white 40px);
    padding: 10px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.helpRed {
    background: linear-gradient(to bottom, #F8DED1, white 40px);
    padding: 10px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.helpOrange {
    background: linear-gradient(to bottom, #FFE16C, white 40px);
    padding: 10px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.helpRedder {
    background: linear-gradient(to bottom, Tomato, white 40px);
    padding: 10px;
    border: 1px solid Silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.helpGrid {
    border: 2px solid #808080;
}

.helpGreySquare {
    background: linear-gradient(to bottom, #F0F0F0, white 40px);
    padding: 5px;
    border: 1px solid Silver;
}
