﻿
.MenuStyleNotification {
    height: 33px;
    text-transform: capitalize;
    text-align: left;
    font-family: mangal;
    font-size: 10pt;
    padding-left: 20px;
    vertical-align: middle; /*border-radius:4px 4px 4px 4px;*/
    color: White;
    background-color: #01DF74;
    margin-bottom: 5px;
    border-radius: 4px;
    font-weight: bold;
}

.InnerUserSelected {
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: #0c457a;
    color: White;
    padding-top: 7px;
    padding-bottom: 8px;
    text-decoration: none;
}

    .InnerUserSelected:hover {
        cursor: pointer;
    }

.InnerUser {
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: rgba(0,0,0,0.1);
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 8px;
    text-decoration: none;
    color: black;
}

    .InnerUser:hover {
        cursor: pointer;
        background-color: #00BFFF;
    }

.treeNode {
    color: gray;
    border: 1px solid #666666;
    font: bold 9pt verdana;
    background-color: white;
    height: 22px;
    width: 200px;
    text-decoration: none;
    padding-bottom: 3px;
    padding-right: 3px;
    font-weight: normal;
}

.treeNodeAssigned {
    color: #0c457a;
    border: 1px solid #666666;
    font: bold 9pt verdana;
    background-color: white;
    height: 22px;
    width: 200px;
    text-decoration: none;
    padding-bottom: 3px;
    padding-right: 3px;
    font-weight: normal;
}

.TabmenuselectedNotification {
    background-image: url('../Img/menuDargOrange.png');
    color: white;
}

.StatusBtn {
    font-size: 0pt;
    max-height: 15px;
    min-height: 15px;
    max-width: 90px;
    min-width: 90px;
    border: none;
}

.StatusBtnSquare {
    font-size: 0pt;
    max-height: 20px;
    min-height: 20px;
    max-width: 20px;
    min-width: 20px;
    border: none;
}

.StatusBtnBottom {
    background-color: transparent;
    border: none;
    max-width: 90px;
    min-width: 90px;
}

.InnerProject2 {
    border: none;
    background-color: #E6E6E6;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

    .InnerProject2:hover {
        cursor: pointer;
        background-color: #BDBDBD;
    }


.InnerProject {
    border-radius: 4px;
    background-color: #c8c8c8;
    border: thin solid #c8c8c8;
    padding-left: 5px;
    margin-top: 7px;
    text-align: center;
}

    .InnerProject:hover {
        cursor: pointer;
        background-color: #00BFFF;
        border: thin solid #00BFFF;
    }

.lnkPlan {
    text-decoration: none;
    font-family: Trebuchet MS;
    color: Black;
}

.ProjectTaskLeftDiv {
    background-color: #F8F8F8;
    font-family: Mangal;
    font-size: 11pt;
}

.tooltip {
    display: none;
    border: solid 1px #708069;
    background-color: White;
    color: Black;
    line-height: 25px;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1001;
}

.LegendBox {
    width: 80px;
    text-align: center;
    color: Black;
}

.MenuButton {
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
    color: black;
    padding-left: 10px;
    font-size: 8pt;
    font-family: Verdana;
    text-transform: uppercase;

}

.TblServiceFollowup {
    font-family: Verdana;
    font-size: 11pt;
    border-collapse: collapse;
    margin-top: 10px;
}

.MemoSearch {
    font-family: Verdana;
    font-size: 10pt;
    margin-bottom: 1%;
}

.ShowDocMemoNo {
    border-bottom: none;
    text-align: center;
    border: thin solid black;
    height: 30px;
    vertical-align: middle;
    font-family: Verdana;
    font-size: 11pt;
    background: rgba(255,255,255,0.7);
}

.TRTypePriority {
    background-color: #FFCC99;
    height: 30px;
    text-align: center;
    color: white;
}

    .TRTypePriority:hover {
        background: rgba(155,155,155,0.4);
    }

.TRTypePriority1 {
    background-color: #99FF99;
    height: 30px;
    text-align: center;
    color: white;
}

    .TRTypePriority1:hover {
        background: rgba(155,155,155,0.4);
    }

.TRTypePriority2 {
    background-color: #99CCFF;
    height: 30px;
    text-align: center;
    color: white;
}

    .TRTypePriority2:hover {
        background: rgba(155,155,155,0.4);
    }

.TRPriority {
    background: #0c457a;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: White;
}

.LnkMenu {
    background-color: white;
    text-decoration: none;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
}

.TRUserList {
    background-color: white;
    height: 25px;
    text-align: left;
}



.TRTypeStatus {
    background: rgba(255,0,255,0.7);
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: White;
}

    .TRTypeStatus:hover {
        background: rgba(0,0,255,0.2);
    }

.TRPendMemo {
    background: rgba(255,0,255,0.7);
    height: 30px;
    text-align: center;
    font-weight: bold;
}

.blankTd {
    height: 10px;
}

.TRNewMemo {
    border-radius: 4px;
    background: rgba(5,100,50,0.1);
    height: 30px;
    text-align: left;
    padding-left: 20px;
    font-family: Verdana;
    color: blue;
    text-transform: uppercase;
    z-index: 1;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

    .TRNewMemo:hover {
        background: rgba(5,100,50,0.2);
        box-shadow: 2px 2px 2px 2px rgba(0,0,255,0.4);
    }

.linkBtn {
    font-family: Verdana;
    font-size: 10pt;
}

.cssAddtask {
    color: Red;
    font-family: Comic Sans MS;
    font-size: 11pt;
}

.TrBorderColor {
    border-color: #c8c8c8;
}
/*Admin*/
.AllSamllDiv {
    margin: 2% 0% 2% 32%;
    width: 40%;
    min-height: 60%;
    background-color: White;
    border: thin solid gray;
}

.AllSamllDiv1 {
    margin: 2% 0% 2% 7.6%;
    width: 85%;
    min-height: 60%;
    background-color: White;
    border: thin solid gray;
}

.SmallDivbody {
    margin: 1% 1% 1% 1%;
}

.AlertAndLogin {
    border: thin solid black;
    width: 28.6%;
    margin-top: -7%;
}

.GraphCss {
    margin: 0% 0% 0% 31%;
    width: 75%;
}

.topfivetable {
    width: 28.9%;
    background: rgba(0,0,255,0.2);
    font-family: Verdana;
    font-size: 11pt;
    float: left;
    margin: 2% 0% 0% 0%;
    min-height: 120px;
}

.LoginTable {
    font-family: Comic Sans MS;
    font-size: 11pt;
    border-collapse: collapse;
}

.TableLabelcss {
    color: Blue;
}

.LoginCount {
    font: 11pt Verdana;
    color: black;
    height: 35px;
    width: 93%;
    margin-top: 0px;
    border: thin solid rgba(255,0,0,0.1);
    padding-left: 20px;
    background-color: #FF9933;
}

.MainBtnTable td {
    background: rgba(0,0,0,0.3);
    height: 56px;
    width: 280px;
    text-align: center;
    border: none;
}

    .MainBtnTable td:hover {
        background: rgba(255,0,0,0.5);
    }

.FillPercent {
    height: 25px;
    width: 360px;
    text-align: center;
    margin-left: 20px;
    border: thin solid gray;
}

.FillPercentInner {
    border: thin solid #FFFF33;
    background-color: #FFFF33;
    height: 22.5px;
    width: 99%;
    text-align: center;
    font: 8pt Verdana;
}
/*Home*/
.PieChart {
    margin: 15px 0px 0px 27px;
}

.chart {
    float: left;
    margin: 15px 0px 0px 22px;
    border: thin solid rgba(0,0,0,0.1);
}

.HomeDivAll {
    min-height: 100%;
    width: 90%;
    margin: 1% 0% 5% 3%;
}

.MarathiHomeMenu {
    width: 100%;
}

.Count {
    background-color: #00CCFF;
    width: 100%;
    float: left;
    color: white;
    margin-right: 2%;
}

.CountTablecss {
    font: bold 13pt Verdana;
}

.ChartHead {
    height: 30px;
    width: 533px;
    font: 11pt Verdana;
    background: rgba(0,0,0,0.2);
    color: black;
    border: thin solid rgba(0,0,255,0.1);
    padding-left: 10px;
}

.ChartHead1 {
    text-align: center;
    height: 30px;
    width: 100%;
    font: bold 11pt Verdana;
    background: rgba(255,0,255,0.6);
    color: White;
    border: thin solid rgba(255,0,255,0.1);
}

.NewRegcss {
    width: 270px;
    height: 60px;
    background: rgba(0,0,0,0.3);
    text-align: center;
    font-size: 16pt;
    font-weight: bold;
    color: White;
    border: thin solid rgba(0,0,0,0.1);
}

.AddType {
    width: 99.5%;
    background: rgba(255,0,0,0.7);
    margin: 0px 0px 0px 0px;
    font: bold 13pt;
    font-family: Modern;
    color: #663333;
    border: none;
    border-collapse: collapse;
    text-align: center;
}

.NewRegcss :hover {
    color: black;
}

#tabletype tr:hover {
    background: rgba(0,0,255,0.4);
}

.Linkcss {
    text-decoration: none;
    font: 12pt Verdana;
    color: White;
}

.Linkcss1 {
    text-decoration: none;
    font: 16pt Verdana;
    color: White;
}

.Linkcss2 {
    text-decoration: none;
    font: 14pt Verdana;
    color: White;
}

.CssShowDate {
    font-family: Comic Sans MS;
    font-size: 10pt;
    font-style: italic;
    margin: 2px 0% 0% 80%;
    background-color:#0c457a;
    
}

.FormHeading {
    font: bold 11pt Comic Sans MS;
    color: White;
    height: 30px;
    width: 100%;
    background-color: Blue;
    border-top: thin solid blue;
    padding-left: 10px;
}

.FormHeading1 {
    font: bold 11pt Comic Sans MS;
    color: white;
    height: 25px;
    width: 100%;
    background: #0c457a;
    border: thin solid Gray;
    border-bottom: none;
}


.FormHeading2 {
    font: bold 11pt Verdana;
    color: White;
    height: 30px;
    width: 100%;
    background-image: url('../images/addressing.jpg');
    border-top: thin solid rgba(0,0,0,0.1);
}


.topfinein {
    margin: 0% 0% 0% 0%;
}

.tophead {
    font: 11pt Verdana;
    border: thin solid rgba(0,0,255,0.1);
    background: rgba(0,0,255,0.2);
    width: 326px;
    height: 26px;
    color: black;
    padding-left: 20px;
    margin-bottom: 2px;
}

.tophead1 {
    font: 12pt Verdana;
    background: rgba(0,0,255,0.4);
    border: thin solid rgba(0,0,255,0.4);
    width: 250px;
    height: 30px;
    color: Aqua;
    text-align: center;
}
/*menu*/
.main_menu {
    color: #0066FF;
    font: 10pt Comic Sans MS;
    text-align: center;
    font-family: Mangal;
    padding: 5px 5px 5px 5px;
}

    .main_menu :hover {
    }

.level_menu {
    background-color: #E0E0E0;
    font: 10pt Verdana;
    color: black;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    padding-left: 5px;
}

.selected {
    background-color: Yellow;
    color: #fff;
}

#TableDepEntry td {
    padding-left: 10px;
}

#TblInDepEntry td {
    padding-left: 10px;
    padding-right: 10px;
}

.MenuStyle {
    color: White;
    font-family: Mangal;
    text-align: center;
    height: 40px;
    font-size: 10pt;
    opacity: 20;
    font-weight: bold;
    background-image: url('../Images/images.jpg');
}

    .MenuStyle img {
        padding-right: 5px;
        height: 35px;
        width: 35px;
    }

#TopMenu a.static.selected {
    background-image: url('../Images/5-Seamless-Fabric-Patterns02.png');
    color: White;
}

.DashMasterHeader {
    margin-top: 5px;
    background: rgba(255,0,0,0.5);
    height: 26px;
    color: Black;
    font-family: Comic Sans MS;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    width: 99.1%;
}

.VerticalMenuStyle {
    height: 30px;
    text-transform: capitalize;
    text-align: left;
    font-family: Verdana;
    font-size: 9pt;
    padding-left: 5px;
    background-color: darkcyan;
    /*vertical-align: middle; */
    color: white;
    border-radius: 4px;
}

.VerticalMenuStyleService {
    height: 23px;
    text-align: left;
    width: 190PX;
    font-family: Comic Sans MS;
    font-size: 10pt;
    padding-left: 10px;
    background-color: white;
    vertical-align: middle; /*border-radius:4px 4px 4px 4px;*/
    color: Black;
}

.Menu_Div {
    height: 70px;
    width: 100%;
    position: fixed;
    background-color: White;
    z-index: 1;
    border: thin solid white;
}

.menu {
    margin: 0px 0px 0px 0px;
}

.ItemStyle1 {
    width: 100px;
}

.AmountCss {
    text-align: right;
}

.ItemStyle {
    text-align: center;
    width: 242px;
}

.gvheadercss {
    padding-left: 9px;
    height: 28px;
    background: rgba(0,0,255,0.3);
    color: White;
    font-size: 8.5pt;
    border: thin solid black;
}

    .gvheadercss td {
        border: thin solid black;
    }

.GVHeadercss {
    background-image: url('../images/Other/addressing.jpg');
    border: thin solid black;
    height: 28px;
    font-size: 8pt;
    text-align: center;
    font-weight: normal;
}

.gvheadTheamrcss {
    padding-left: 9px;
    height: 28px;
    background: rgb(12, 69, 122);
    color: White;
    font-size: 8.5pt;
    border: thin solid black;
}

    .gvheadTheamrcss td {
        border: thin solid black;
    }

 

.GridViewCss {
    font-family: Verdana;
    font-size: 8pt;
    border: thin solid gray;
    color: Black;
}

.GridViewCssDash {
    font-family: Verdana;
    font-size: 9pt;
    border: thin solid black;
    color: black; /*box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);*/
}

.GVHeaderMissCall {
    height: 15px;
    background: rgba(155,155,155,0.2);
    font-family: Verdana;
    font-size: 8pt;
    border: thin solid black;
    color: black; /*box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);*/
}

.GridViewCssDash td {
    border: thin solid black;
    color: Black;
    font-size: 8pt;
}

.GridViewCssDash th {
    border: thin solid black;
    color: Black;
    font-size: 8pt;
}

.GridViewCssDashPayment {
    font-family: Verdana;
    font-size: 9pt;
    border: none;
    color: black; /*box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);*/
}

    .GridViewCssDashPayment td {
        padding-left: 5px;
        background-color: White;
    }

.EmptyGridDash {
    height: 240px;
    vertical-align: middle;
    text-align: center;
    background-color: White;
}

.DocHeaderTr {
    /*background-image: url('../Images/5-Seamless-Fabric-Patterns02.png');*/
    background-color: #0c457a; /*#a3a3a3*/
    color: White;
    font-family: Verdana;
    font-size: 10pt;
}

.TabmenuHover {
    /*background-image: url('../Images/menu_bar_background.png');*/
    color: white;
    background-color: orangered;
    text-decoration: none;
}

.Tabmenuselected {
    /*background-image: url('../Images/menu_bar_background.png');*/
    color: white;
    background-color: orangered;
}

.TabmenuHoverTop {
    background-image: url('../Images/6-Wood-Pattern-Background-Thumb01.jpg');
    color: White;
}

.TabmenuselectedTop {
    background-image: url('../Images/6-Wood-Pattern-Background-Thumb01.jpg');
    color: White;
}

.PopUpCss {
    border-collapse: collapse;
    background-color: White;
    font-size: 10pt;
    font-family: Verdana;
}

.GVHeadercssDash {
    /*background-image: url('../Images/5-Seamless-Fabric-Patterns02.png');*/
    color: black;
    border: thin solid black;
    height: 26px;
    font-size: 7.5pt;
    text-align: center;
    font-weight: normal;
}

.GridViewCssDash td {
    padding-left: 5px;
}

.GridViewCss td {
    padding-left: 5px;
}

.Dropdown {
    height: 25px;
    width: 170px;
    border: thin solid gray;
}

.sidebarstyle {
    border: thin solid black;
    width: 200px;
}

.wizardsidebarcss {
    height: 30px;
    width: 150px;
    font: 11pt Verdana; /*background:rgba(0,0,255,0.5);*/
}

.GridviewCss2 td {
    border: none;
    font-family: Verdana;
    font-size: 9pt;
    background: rgba(155,155,155,0.1);
}

.wizardout {
    margin: 50px 0px 0px 300px;
    color: Blue;
    font: 11pt Verdana;
}

.wizardiv {
    height: 150px;
    width: 500px;
    border: thin solid #CC9933;
}

.CloseBtnCss {
    height: 25px;
    width: 25px;
}

.StartBtn {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    text-align: center;
    min-width: 100px;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    font: bold 11pt Comic Sans MS;
     background:#2B84C5;
}

.LnkBtn {
    text-decoration: none;
    color: Black;
    font: 11pt Verdana;
}

.Tab {
    /*margin-left:5px;*/
    height: 25px;
    min-width: 140px;
    border: thin solid #CC9933;
    text-align: center;
    font: 11pt Verdana;
    background: rgba(240,240,240,0.4);
}

.tdheading {
    width: 350px;
    font: bold 20pt Verdana;
    color: #FF6633;
    height: 20px;
}

.memberNo {
    margin: 10px 0px 0px 50px;
    float: left;
    color: Blue;
    font-family: Verdana;
    font-size: 11pt;
}

.CssButton {
    height: 30px;
    min-width: 100px;
    background-color: darkcyan;
    border: none;
    color: white;
    font: bold 11pt Verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}

.PopupMsg {
    font: 11pt Verdana;
    margin: 10px 0px 20px 15px;
}

.popupheader {
    background-image: url('../images/Other/addressing.jpg');
    height: 40px;
    width: 99.5%;
    font: bold 12pt Verdana;
    color: black;
    border: thin solid #c8c8c8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 4px 4px 0px 0px;
}

.confirm {
    background: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 8px solid rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 5px;
    text-align: center;
    margin: 5% 0% 0% 5%;
}

.PopupBack {
    margin: -8px -8px -8px -8px;
    height: 700px;
    width: 1370px;
    background: rgba(0,0,0,0.6);
    border: thin solid rgba(0,0,0,0.4);
}

.ProjtaskPopHeader {
    vertical-align: middle;
    background: rgba(22,180,241,0.8);
    color: White;
    height: 30px;
    margin-top: 90px;
    font-family: Mangal;
    font-weight: bold;
}

.InnerPopup {
    padding-top: 5px;
    background-color: White;
}

.BtnUpload {
    height: 23px;
    width: 120px;
    border: none;
    background: rgba(0,0,0,0.4);
    border-radius: 4px;
    cursor: pointer;
    font-family: Verdana;
    font-weight: bold;
    color: White;
}
/*
body
{
    background-image:url('../Images/Melbourne Cricket Ground best.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
} 
body1
{
    background-image:url('../images/Other/professional group hi-res.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
} */
.SaveBtnCss {
    height: 30px;
    width: 150px;
    border: none;
    background: rgba(0,0,255,0.5);
    border-radius: 4px;
    cursor: pointer;
    font: bold 11pt Verdana;
    color: White;
}

.BtnAddMore {
    height: 23px;
    border: none;
    background: rgba(255,0,0,0.6);
    border-radius: 4px;
    cursor: pointer;
    font-family: Verdana;
    padding: 4px;
}

.TextBoxCss {
    width: 260px;
    height: 18px; /*font-family:Shivaji01;*/
    font-size: 10pt;
}

.CsslblPerMonth {
    font-family: Verdana;
    font-size: 7pt;
    color: Red;
}

.TextBoxCss1 {
    width: 260px;
    height: 20px;
}

.loginBTn {
    border-radius: 4px;
    border: none;
    height: 28px;
    min-width: 120px;
    background-color: #01DF74;
    color: white;
    font: bold 10pt Verdana;
    cursor: pointer;
}

.AllOutLogin {
    margin: 5% 0% 0% 10%;
    border: thin solid blue;
}

.MainLoginHead {
    height: 70px;
    width: 100%;
    background-color: White;
    font: bold 14pt Verdana;
    font-style: italic;
    border-top: thin solid white;
}

.CompHead {
    border: thin solid rgba(0,0,0,0.1);
    margin: 5% 0% 0% 19%;
    height: 500px;
    width: 850px;
    background: rgba(0,0,0,0.1);
}

.CompName {
    margin: 20px 0px 0px 210px;
    color: Blue;
    font: bold 11pt Verdana;
}

.HiddenField {
    display: none;
}

.CompName1 {
    margin: 30px 0px 0px 340px;
    color: white;
    font: bold 20pt Verdana;
}

.CompTitle {
    margin: 10px 0px 0px 210px;
    color: Maroon;
    font-size: 11pt;
    font-weight: bold;
    font-style: italic;
}

.TableForm {
    border: none;
    border-collapse: collapse;
    font-size: 10pt;
    font-family: Verdana;
    color: black;
}

    .TableForm td {
    }

.TableAlignRightCss {
    text-align: left;
    vertical-align: middle;
}

.TableAlignRightCss1 {
    text-align: right;
}

.TableForm1 {
    width: 100%;
    border-collapse: collapse;
    font-size: 11pt;
    font-family: Comic Sans MS;
    color: black;
}

    .TableForm1 td {
        padding-left: 10px;
    }

.AllForm {
    width: 100%;
    font-size: 9pt;
    background-color: White;
    border: thin solid Gray;
}

.BrowsePhoto {
    margin: 10px 0px 0px 20px;
}

.photo {
    height: 90px;
    width: 70px;
    border: thin solid black;
    margin: -60px 0px 0px 815px;
    float: left;
}

.FormHead {
    margin: 10px 0px 0px 0px;
    text-align: center;
    font: bold 13pt Verdana;
}

.Heading {
    font: bold 17pt Verdana;
    color: red;
    margin: 15px 0px 0px 410px;
    text-align: center;
    position: absolute;
}

.Heading1 {
    font: bold 9pt Verdana;
    margin: 50px 0px 0px 440px;
    text-align: center;
    position: absolute;
}

.All {
    position: relative;
    margin: 0% 0% 0% 0%;
    border: thin solid #C8C8C8;
    background-color: White;
}

.AllHistory {
    overflow: scroll;
    overflow-x: hidden;
    border: thin solid #C8C8C8;
    background-color: White;
    width: 100%;
}

.AllShowMemoBox {
    overflow: scroll;
    overflow-x: hidden;
    margin: -1% 0% 0% 0%;
    max-height: 350px;
}

.fixedHeader {
    font-weight: bold;
    position: relative;
    background-color: #006699;
    color: #ffffff;
    height: 25px;
}

.LogoOut {
    width: 100%;
    height: 80px;
}

.logo {
    float: left;
    margin: 9.5px 20px 10px 100px;
    height: 65px;
    width: 65px;
    position: absolute;
}
/*dashboard*/
.Followmainheader {
    border: none;
    opacity: 20;
    font-size: 14pt;
    color: White;
    font-family: Comic Sans MS;
    background: none;
    cursor: pointer;
}

    .Followmainheader: hover {
        color: Blue;
    }

.Mainheader {
}


.TranperentGridMadium {
    background: rgba(0,255,0,0.3);
}

.TranperentGridLow {
    background: rgba(0,0,255,0.3);
}

.tabMenuItemSelected {
    background-color: #F5F5F5;
    border-bottom: solid 1px whitesmoke;
    color: black;
    font: bold 9pt verdana;
    background: url("Images/bg_ft.png");
}

.tabMenuSearch {
    border-bottom: solid 1px whitesmoke;
    color: black;
    font: bold 9pt verdana;
    background: url("Images/MenuBackgroundWhite.png");
}

.HeaderMaster {
    background: #0E9EB0;
    background: -moz-linear-gradient(top, #0E9EB0 0%, #10B5C9 73%, #12C9E0 100%);
    background: -webkit-linear-gradient(top, #0E9EB0 0%, #10B5C9 73%, #12C9E0 100%);
    background: linear-gradient(to bottom, #0E9EB0 0%, #10B5C9 73%, #12C9E0 100%);
}

#mydiv {
    position: absolute;
    z-index: 9;
    background-color: #f1f1f1;
    text-align: center;
    border: 1px solid #d3d3d3;
    width: 300px;
    height: 200px;
}

#mydivheader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: #2196F3;
    color: #fff;
}


.accordionHeader {
    color: white;
    background-color: #16a085;
    font: bold 11px auto "Trebuchet MS", Verdana;
    font-size: 12px;
    cursor: pointer;
    padding: 4px;
    margin-top: 3px;
    text-align: left;
}

.accordionContent {
    /*background-color: #DCE4F9;*/
    font: normal 10px auto Verdana, Arial;
    border: 1px gray;
}


.TranperentGridHigh2 {
    background: #FFCCCC;
}

.TranperentGridHigh {
    /*background: rgba(255, 0, 0, 0.38);*/
    background: #FF000078;
}

.TranperentGridDoIt {
    background: #519EEAAB;
}

.TranperentGridDoItLow {
    background: #A5D2FFAB;
}

.TranperentGridHold {
    /*background: rgba(255, 0, 167, 0.3);*/
    background: #D3D3D3;
}

.btnStartTask {
    border: 1px solid #8bcf54;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #a9db80;
    background-image: linear-gradient(to bottom, #a9db80, #96c56f);
    }

    .btnStartTask:hover {
        border: 1px solid #74bf36;
        background-color: #8ed058;
        background-image: linear-gradient(to bottom, #8ed058, #7bb64b);
        }

.btnEndtask {
    border: 1px solid #df0909;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #f62b2b;
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);
    }

    .btnEndtask:hover {
        border: 1px solid #b30808;
        background-color: #e40a0a;
        background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
        }

    .buttonShowRed {
    border: 4px solid #9E2626;
    -webkit-box-shadow: #878787 0px 2px 2px;
    -moz-box-shadow: #878787 0px 2px 2px;
    box-shadow: #878787 0px 2px 2px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #C73030;
    background-image: linear-gradient(to bottom, #C73030, #851C1C);
}
