/*font*/
@font-face {
  font-family: testFont;
  src: url(../fonts/Special/COMICATE.TTF);
}
@font-face{
    font-family: commonFont;
    src: url('../fonts/DB Helvethaica X v3.2.ttf')
}
    /*common*/
   a{
       color:#336699;
   }

   input{
       border-style:solid;
       border-color:lightgray;
       border-width:1px;
       border-radius:6px;
   }
    input:hover {
        border-style: solid;
        border-color: gray;
        border-width: 1px;
        border-radius: 6px;
    }

   textarea{
       border-style:solid;
       border-color:lightgray;
       border-width:1px;
       border-radius:6px;
   }
   textarea:hover{
       border-style:solid;
       border-color:gray;
       border-width:1px;
       border-radius:6px;
   }

  select{
       border-style:solid;
       border-color:lightgray;
       border-width:1px;
       border-radius:6px;
   }
   select:hover{
       border-style:solid;
       border-color:lightgray;
       border-width:1px;
       border-radius:6px;
   }   



   /*Link*/
   /*buttonLink[Color]
       normal: text = color
       hover : depends
   */
   .buttonLinkBlue{
         background-color:transparent;
         color:#336699;
         text-decoration:underline;
         border-style:none;
         font-family: 'DB Helvethaica X';
         font-size:20px;
         cursor:pointer;
   }

   .buttonLinkWhite{
         background-color:none;
         color:#FFFFFF;
         text-decoration:underline;
         border-style:none;
         font-family: 'DB Helvethaica X';
         font-size:20px;
         cursor:pointer;
   }
   .buttonLinkWhite:hover{
         background-color:none;
         color:#EAAE54;
         text-decoration:underline;
         border-style:none;
         font-family: 'DB Helvethaica X';
         font-size:20px;
         cursor:pointer;
   }

   /*Rounded Button*/
   /*button[Color1][Color2]
       normal: background = color1, border = color1,text = color2
       hover: opposite
   */

   /*blue vs white*/
    .buttonBlueWhite {
         background-color: #336699;
         color: #FFFFFF;
         text-decoration:none;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         cursor: pointer;
    }
    .buttonBlueWhite:hover {
        background-color: #FFFFFF;
        color: #336699;
        text-decoration:none;
        border-style:solid;
        border-color:#FFFFFF;
        border-width:1px;
        border-radius:12px;
        font-family: 'DB Helvethaica X';
        font-size: 20px;
        cursor: pointer;
    }

   /*white vs blue*/
    .buttonWhiteBlue {
        background-color: #FFFFFF;
        color: #336699;
        text-decoration:none;
        border-style:solid;
        border-color:#336699;
        border-width:1px;
        border-radius:12px;
        font-family: 'DB Helvethaica X';
        font-size: 20px;
        cursor: pointer;
    }
    .buttonWhiteBlue:hover {
            background-color: #336699;
            color: #FFFFFF;
            text-decoration:none;
            border-style:solid;
            border-color:#336699;
            border-width:1px;
            border-radius:12px;
            font-family: 'DB Helvethaica X';
            font-size: 20px;
            cursor: pointer;
       }

   /*white vs blue*/
    .buttonWhiteBlueMobile {
        background-color: #FFFFFF;
        color: #336699;
        text-decoration:none;
        border-style:solid;
        border-color:#336699;
        border-width:1px;
        border-radius:12px;
        font-family: 'Cordia New';
        font-size: 20px;
        cursor: pointer;
    }
    .buttonWhiteBlueMobile:hover {
            background-color: #336699;
            color: #FFFFFF;
            text-decoration:none;
            border-style:solid;
            border-color:#336699;
            border-width:1px;
            border-radius:12px;
            font-family: 'Cordia New';
            font-size: 20px;
            cursor: pointer;
       }

   /*white vs red*/
    .buttonWhiteRed {
        background-color: #FFFFFF;
        color: #BF381A;
        text-decoration:none;
        border-style:solid;
        border-color:#BF381A;
        border-width:1px;
        border-radius:12px;
        font-family: 'DB Helvethaica X';
        font-size: 20px;
        cursor: pointer;
    }
    .buttonWhiteRed:hover {
            background-color: #BF381A;
            color: #FFFFFF;
            text-decoration:none;
            border-style:solid;
            border-color:#BF381A;
            border-width:1px;
            border-radius:12px;
            font-family: 'DB Helvethaica X';
            font-size: 20px;
            cursor: pointer;
       }

    /*Main Menu Buttons*/

    /*---Organization Admin---*/
        .buttonMenuOrganizationAdmin{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-org-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#000000;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuOrganizationAdmin:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-org-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:gray;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*****/
        /***Position Admin***/
        .buttonMenuPositionAdmin{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-job-unit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#000000;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuPositionAdmin:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-job-unit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:gray;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*------*/
        /*---PersonAdmin---*/
        .buttonMenuPersonAdmin{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-person-unit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#000000;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuPersonAdmin:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-person-unit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:gray;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /******/
        /*---UnitAdmin---*/
        .buttonMenuOrgUnitAdmin{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-orgUnit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#000000;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuOrgUnitAdmin:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-orgUnit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:gray;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /******/

        /*---ShiftAdmin---*/
        .buttonMenuShiftAdmin{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-shift-unit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#000000;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuShiftAdmin:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-shift-unit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:gray;
         border-width:4px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /******/

        /*---Position---*/
        .buttonMenuPosition{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-job-unit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuPosition:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-job-unit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*------*/
        /*---Person---*/
        .buttonMenuPerson{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-person-unit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuPerson:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-person-unit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*------*/
        /*---Shift---*/
        .buttonMenuShift{
         background-color: #EAAE54;
         background-image:url("/images/icons/banner-shift-unit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuShift:hover{
         background-color: #F7DCB4;
         background-image:url("/images/icons/banner-shift-unit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*------*/
        /*---Limit---*/
        .buttonMenuLimit{
         background-color: #EAAE54;
         background-image:url("/Images/Icons/banner-limit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuLimit:hover{
         background-color: #F7DCB4;
         background-image:url("/Images/Icons/banner-limit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #000000;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*------*/
        /*----requirement----*/
        .buttonMenuRequirement{
         background-color: #0C736C;
         background-image:url("/Images/Icons/banner-requirement-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuRequirement:hover{
         background-color: #9C9F84;
         background-image:url("/Images/Icons/banner-requirement-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*------*/
        /*--- Duty ---*/
        .buttonMenuDuty{
         background-color: #0C736C;
         background-image:url("/Images/Icons/banner-duty-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }

       .buttonMenuDuty:hover{
         background-color: #9C9F84;
         background-image:url("/Images/Icons/banner-duty-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*-------*/
        .buttonMenuProhibit{
         background-color: #0C736C;
         background-image:url("/Images/Icons/banner-prohibit-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuProhibit:hover{
         background-color: #9C9F84;
         background-image:url("/Images/Icons/banner-prohibit-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /*-------*/
        .buttonMenuPeriod{
         background-color: #336699;
         background-image:url("/Images/Icons/banner-period-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }

        .buttonMenuPeriod:hover{
         background-color: #96C0CE;
         background-image:url("/Images/Icons/banner-period-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /******/
        /***Off***/
        .buttonMenuOff{
         background-color: #336699;
         background-image:url("/Images/Icons/banner-off-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        .buttonMenuOff:hover{
         background-color: #96C0CE;
         background-image:url("/Images/Icons/banner-off-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }
        /****/
        /***Off Approve***/
        .buttonMenuOffApprove{
         background-color: #336699;
         background-image:url("/Images/Icons/banner-approve-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }      

        .buttonMenuOffApprove:hover{
         background-color: #96C0CE;
         background-image:url("/Images/Icons/banner-approve-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }      
        /******/
        /***Do Arrangement***/
        .buttonMenuDoArrangement{
         background-color: #336699;
         background-image:url("/Images/Icons/banner-do-arrangement-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }    
        .buttonMenuDoArrangement:hover{
         background-color: #96C0CE;
         background-image:url("/Images/Icons/banner-do-arrangement-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }  
        /******/

        /*---Edit Arrangement---*/
        .buttonMenuEditArrangement{
         background-color: #336699;
         background-image:url("/Images/Icons/banner-edit-arrangement-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }          

        .buttonMenuEditArrangement:hover{
         background-color: #96C0CE;
         background-image:url("/Images/Icons/banner-edit-arrangement-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }     
        /*------*/
                
        /*---View Arrangement---*/
        .buttonMenuViewArrangement{
         background-color: #336699;
         background-image:url("/Images/Icons/banner-arrangement-icon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }            
        
        .buttonMenuViewArrangement:hover{
         background-color: #96C0CE;
         background-image:url("/Images/Icons/banner-arrangement-hovericon.png");
         background-size:60px;
         background-position-x:center;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:12px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }                    
        /*------*/ 

        /*---View Arrangement---*/
        .buttonMenuEnter{
         background-color: #336699;
         background-image:url("/Images/Icons/enter-icon.png");
         background-size:60px;
         background-position-x:right;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #FFFFFF;
         text-decoration:double;
         border-style:solid;
         border-color:#FFFFFF;
         border-width:1px;
         border-radius:20px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }    
       .buttonMenuEnter:hover{
         background-color: #FFFFFF;
         background-image:url("/Images/Icons/enter-hovericon.png");
         background-size:60px;
         background-position-x:right;
         background-position-y:top;
         background-repeat:no-repeat;
         color: #336699;
         text-decoration:double;
         border-style:solid;
         border-color:#336699;
         border-width:1px;
         border-radius:20px;
         font-family: 'DB Helvethaica X';
         font-size: 20px;
         font-weight:normal;
         cursor: pointer;
       }                    
        /*------*/ 
        
                /*-------------------------------------------------*/
     
    .thYellow {
        background-color: #EAAE54;
        color: #000000;
        text-decoration:none;
        font-family: 'DB Helvethaica X';
        font-size:20px;
        text-align:center;
    }

    .thGreen {
        background-color: #0C736C;
        color: #FFFFFF;
        text-decoration:none;
        font-family: 'DB Helvethaica X';
        font-size:20px;
        text-align:center;
    }

    .thBlue {
        background-color: #336699;
        color: #FFFFFF;
        text-decoration:none;
        font-family: 'DB Helvethaica X';
        font-size:20px;
        text-align:center;
    } 


    /*Obsolete*/


    .buttonWhite {
        color: #FFFFFF;
        text-decoration: underline;
    }

    .button1 {
        background-color: transparent;
        color: #005FB5;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        border-color:#005FB5;
        border-style:solid;
        border-width:1px;
    }

        .button1:hover {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#005FB5;
        border-color:#005FB5;
        border-style:solid;
        border-width:1px;
    }

    .button2 {
        background-color: transparent;
        color: #0C736C;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        border-color:#0C736C;
        border-style:solid;
        border-width:1px;
    }

        .button2:hover {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#0C736C;
        border-color:#0C736C;
        border-style:solid;
        border-width:1px;
    }

    .button3 {
        background-color: #EAAE54!important;
        color: #000000;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        border-color:#0C736C;
        border-style:solid;
        border-width:1px;
    }


    .button2:hover {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#0C736C;
        border-color:#0C736C;
        border-style:solid;
        border-width:1px;
    }
     .button1Disabled {
        clear:left;
        color: gray;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:transparent!important;
        border-color:lightgray;
        border-style:solid;
        border-width:1px;
        cursor:none;
    }

     .button1DisabledHard {
        clear:left;
        color: gray;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#F2F2F2;
        border-color:#F2F2F2;
        border-style:solid;
        border-width:1px;
        cursor:none;
    }

     .button1DisabledLight {
        clear:left;
        color: gray;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#E6E6DC;
        border-color:#E6E6DC;
        border-style:solid;
        border-width:1px;
        cursor:none;
    }
    .button1DisabledHighlight {
        color: #000000;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#808080;
        border-color:gray;
        border-style:solid;
        border-width:1px;
        cursor:none;
    }


     .buttonLinkSmaller{
         color:#005FB5;
         text-decoration:underline;
         font-size:18px;
         border-style:none;
         font-family:DB Helvethaica X;
         background-color:transparent;
         cursor:pointer;
     }


     .buttonLinkFocus{
         color:#336699;
         text-decoration:none;
         font-size:20px;
         border-style:none;
         font-family:DB Helvethaica X;
         background-color:transparent;
     } 

     .buttonLink2{
         color:#FFFFFF;
         text-decoration:underline;
         font-size:20px;
         border-style:none;
         font-family:DB Helvethaica X;
         background-color:#336699;
         cursor:pointer;
     }

     .buttonLink2Focus{
         color:#FFFFFF;
         text-decoration:none;
         font-size:20px;
         border-style:none;
         font-family:DB Helvethaica X;
         background-color:#336699;
     } 

     .buttonBlue {
        background-color: transparent;
        color: #FFFFFF;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        border-color:#FFFFFF;
        border-style:solid;
        border-width:1px;
    }
                   
     .buttonRed {
        background-color: transparent;
        color: #BF381A;
        border: none;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        border-color:#BF381A;
        border-style:solid;
        border-width:1px;
    }

    .buttonRed:hover {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'DB Helvethaica X';
        font-size:20px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#BF381A;
        border-color:#BF381A;
        border-style:solid;
        border-width:1px;
    } 
    /*for mobile*/
    .buttonYellowLeftward {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'Cordia New';
        font-size:18px;
        cursor:pointer;
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
        border-top-right-radius:8px;
        border-bottom-right-radius:8px;
        background-color:#EAAE54;
        border-color:#EAAE54;
        border-style:solid;
        border-width:1px;
    } 
     .buttonYellowLeftward:hover {
        background-color: #FFFFFF;
        color: #336699;
        font-family:'Cordia New';
        font-size:18px;
        cursor:pointer;
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
        border-top-right-radius:8px;
        border-bottom-right-radius:8px;
        background-color:#FFFFFF;
        border-color:#EAAE54;
        border-style:solid;
        border-width:1px;
    }

         .buttonYellowRightward {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'Cordia New';
        font-size:18px;
        cursor:pointer;
        border-top-left-radius:8px;
        border-bottom-left-radius:8px;
        border-top-right-radius:20px;
        border-bottom-right-radius:20px;
        background-color:#EAAE54;
        border-color:#EAAE54;
        border-style:solid;
        border-width:1px;
    } 
     .buttonYellowRightward:hover {
        background-color: #FFFFFF;
        color: #336699;
        font-family:'Cordia New';
        font-size:18px;
        cursor:pointer;
        border-top-left-radius:8px;
        border-bottom-left-radius:8px;
        border-top-right-radius:20px;
        border-bottom-right-radius:20px;
        background-color:#FFFFFF;
        border-color:#EAAE54;
        border-style:solid;
        border-width:1px;
    }


     .buttonWhite:hover {
        background-color: #FFFFFF;
        color: #336699;
        font-family:'Cordia New';
        font-size:18px;
        cursor:pointer;
        border-radius: 4px;
        border-color:#336699;
        border-style:solid;
        border-width:1px;
    }

    .buttonWhite {
        background-color: transparent;
        color: #FFFFFF;
        font-family:'Cordia New';
        font-size:18px;
        cursor:pointer;
        border-radius: 4px;
        background-color:#336699;
        border-color:#336699;
        border-style:solid;
        border-width:1px;
    } 
    .td1{

    }
    .td1:hover{
        background-Image:url('/images/bg/tdHover.png');
        background-position-x:right;
        background-position-y:bottom;
        background-repeat:no-repeat;
    }
    
    .tdTopic{
        font-family: 'DB Helvethaica X';
        font-size:22px;
    }       

    .tdSubTopic{
        font-family: 'DB Helvethaica X';
        font-size:21px;
    }  


    .img{
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding: 11px;
    padding-bottom:0px;
}
.txt{
   font-family: 'DB Helvethaica X';
    text-align: center;
    width: 85px;
    color: blue;
    padding-left: 34px;
    font-size: 20px;
}
.btn{
    background-color: white;
}