/********************************************************** General Format Defaults ********************************************************************/



body

    {

    background: #CC9845;

    font-family: Arial, Helvetica, sans-serif;

    }



/* Headings */

h1 { font-weight: bold;   margin: 5px  0 14px; color: #002060; font-size:  25pt; }

h2 { font-weight: bold;   margin: 30px 0 12px; color: #002060; font-size:  10pt;}

h3 { font-weight: normal; margin: 30px 0 12px; color: white;   font-size:  10pt; }

h4 { font-weight: bold;   margin: 25px 0 12px; color: white;   font-size:  10pt; }

h5 { font-weight: bold;   margin: 25px 0 12px; color: white;   font-size:  10pt; }

h6 { font-weight: bold;   margin: 12px;        color: khaki;   font-size:  20pt; text-align: center;}





/***************************************************************** Forms ********************************************************************/





/* ---------------------------------------- Main Response Pages --------------------------------*/



#TATEHAMainAvatorBoxHalfPage

    {

    border-color:       #91723F;            /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              45%;

    height:             95%;

    margin:             0%;

    padding:            0%;

    background-color:   #CC9845;

    vertical-align:     auto;

    text-align:         center;

    font-size:          large;

    font-weight:        bold;

    color:              black;

    float:              left;

    }



#TATEHAMainAvatorBoxFullPage

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              100%;

    height:             100%;

    margin:             0px;

    padding:            0px;

    background-color:   #CC9845;                    /* Light Brown */

    vertical-align:     auto;

    text-align:         center;

    font-size:          large;

    font-weight:        bold;

    color:              black;

    float:              left;

    }



#TATEHAMainQuestionBoxHalfPage

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              45%;

    height:             95%;

    margin:             0%;

    padding:            0%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    font-size:          x-large;

    font-weight:        normal;

    color:              black;

    float:              right;

    }



#TATEHAResponseButtons

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              45%;

    height:             30%;

    margin:             0%;

    padding:            0%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    font-size:          x-large;

    font-weight:        normal;

    color:              black;

    float:              right;

    }





#UserResponseYes

    {

    width:              45%;

    height:             90%;

    font-size:          larger;

    color:              white;

    padding-top:        0%;

    padding-bottom:     0%;

    background:         black ;

    border:             0px;

    border-color:       #CC9845;

    margin-top:         2%;

    margin-right:       1%; 

    margin-left:        1%;   

    margin-bottom:      2%;

    float:              left;

    }



#UserResponseNo

    {

    width:              45%;

    height:             90%;

    font-size:          larger;

    color:              white;

    padding-top:        0%;

    padding-bottom:     0%;

    background:         black ;

    border:             0px;

    border-color:       #CC9845;

    margin-top:         2%;

    margin-right:       1%; 

    margin-left:        1%;   

    margin-bottom:      2%; 

    float:              right;  

    }



#UserResponseOK

    {

    width:          95%;

    height:         90%;

    font-size:      larger;

    color:          white;

    padding-top:    0%;

    padding-bottom: 0%;

    background:     black ;

    border:         0px;

    border-color:   #CC9845;

    margin-top:     2%;

    margin-right:   1%; 

    margin-left:    1%;   

    margin-bottom:  2%; 

    }



/* -------------------  LogIn Formatting -------------------- */



.LogInHdr1 { font-weight: bold; margin-left: 2%;  margin-bottom: 0%; margin-top:    0%; padding: 0%; display: inline-block; color: #91723F; font-size: 90%; }

.LogInHdr2 { font-weight: bold; margin-left: 2%;  margin-bottom: 2%; margin-top:    0%; padding: 0%; display: inline-block; color: #CC9845; font-size: 45%; }

.LogInHdr3 { font-weight: bold; margin-left: 2%;  margin-bottom: 0%; margin-top:    0%; padding: 0%; display: inline-block; color: black;   font-size: 25%; }

.LogInHdr4 { font-weight: bold; margin-left: 2%;  margin-bottom: 0%; margin-top:    0%; padding: 0%; display: inline-block; color: grey;    font-size: 18%; }



#TATEHALogInBody

    {

    background-color:   whitesmoke;

    }

 

#TATEHALogInHeader

    {

    width:              60%;

    height:             20%;

    padding:            0%;

    margin-left:             2%;

    margin-top:         0%;

    margin-bottom:      0%;

    font-size:          600%;

    background-color:   white;

    float: left;    

    }   

    

#TATEHALogInProductDescription

    {

    width:              80%;

    height:             30%;

    padding:            0%;

    margin-left:             2%;

    margin-top:         0%;

    margin-bottom:      0%;

    background-color:   white;

    float: left;    

    }   



#TATEHALogIn

    {

    border-color:       #91723F;            /* Dark Brown */

    border-style:       double;

    border-width:       5px;

    width:              30%;

    height:             50%;

    margin-top:         0%;

    margin-right:       2%;

    padding:            1%;

    background-color:   #CC9845;

    text-align:         left;

    font-size:          x-large;

    font-weight:        bold;

    color:              whitesmoke;

    float:              right;

    }

    

#TATEHALoginUserName, #TATEHALoginPassword

{

    width:              90%;

    height:             10%;

    font-size:          medium;

    color:              whitesmoke;

    font-weight:        bold;

    padding-top:        1%;

    padding-bottom:     1%;

    padding-left:       1%;

    padding-right:      1%;

    background:         whitesmoke;

    border:             5px;

    border-color:       #91723F;

    margin-top:         5%;

    margin-right:       5%; 

    margin-left:        6%;   

    margin-bottom:      5%;

    float:              left;

}

#TATEHALoginOKButton, #TATEHALoginCancelButton

{

    width:              30%;

    height:             5%;

    font-size:          medium;

    color:              whitesmoke;

    font-weight:        bold;

    padding:            5%;

    margin:             10%;

    background:         #91723F;  

    border:             1px;

    border-color:       #91723F;

    float:              left;

}

/* ----------------  Main Admin Page -------------------- */

    

#TATEHA_MainAdminPage {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 400pt;

    height: 300pt;

    float: inside;

    margin: auto;

    padding: 25px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



/* -------------------  Message Editor Page -------------------- */



#TATEHA_MsgEditor_Main {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 810pt;

    height: 550pt;

    margin: auto;

    padding: 5px;

    background: #AFC2DA; 

    font-size: 30pt;

    font-weight: bold;

    color: #002060;

}



   

#TATEHA_MsgEditor_Heading{

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 806pt;

    height:  100pt;

    float: left;

    margin: auto;

    padding: 0px;

    background: #AFC2DA; 

    font-size: 30pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgEditor_Entry{

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 500pt;

    height:  340pt;

    float: left;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgEditor_Options {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 270pt;

    height:  340pt;

    float: right;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgEditor_Button {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 780pt;

    height:  75pt;

    float: left;

    margin: auto;

    padding: 15px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



/* -------------------  Message Control Page -------------------- */



#TATEHA_MsgCtrl {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 550px;

    height: 400pt;

    margin: auto;

    padding: 25px;

    float: inside;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;      

}



#TATEHA_MsgCtrl_Heading {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 300pt;

    height: 50pt;

    float: left;

    margin: auto;

    padding: 5px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;      

}



#TATEHA_MsgCtrl_StartDisableDate {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 400pt;

    height:  122pt;

    float: left;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;      

}



#TATEHA_MsgCtrl_EnableDisable {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 400pt;

    height:  120pt;

    float: left;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;      

}



#TATEHA_MsgCtrl_SaveResetCancel {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 400pt;

    height:  50pt;

    float: left;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;      

}



/* --------------  MsgSched -------------------- */

    

#TATEHA_MsgSched {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 600pt;

    height:  1700pt;

    float: inside;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;  

    

}



/* --------------  MsgUser -------------------- */

    

#TATEHA_MsgUsers {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 600pt;

    height:  400pt;

    float: inside;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;  

    

}



/* --------------  MsgLinks -------------------- */

    

#TATEHA_MsgLinks {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 750pt;

    height:  350pt;

    float: inside;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;  

}



/* --------------  Find Message ------------- */

    

#TATEHA_FindMessage {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 750pt;

    height:  800pt;

    float: inside;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;  

   

}



/* -------------------  Message Find Page -------------------- */



#TATEHA_MsgFind_Main {

    border-color: #002060;

    border-style:  solid;

    border-width: 5px;

    width: 520pt;

    height: 685pt;

    margin: auto;

    padding: 5px;

    background: #AFC2DA; 

    font-size: 30pt;

    font-weight: bold;

    color: #002060;

}

   

#TATEHA_MsgFind_Heading{

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 190pt;

    height: 50pt;

    margin: auto;

    float: left;

    padding: 0px;

    background: #AFC2DA; 

    font-size: 20pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgFind_Paging1 {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 120pt;

    height:  50pt;

    float: left;

    margin: auto;

    padding: 0px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgFind_Paging2 {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 100pt;

    height:  50pt;

    float: right;

    margin: auto;

    padding: 0px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgFind_Filter1 {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 200pt;

    height:  100pt;

    float: left;

    margin: auto;

    padding-top: 0px;

    padding-right: 25px;

    padding-left: 25px;

    padding-bottom: 0px;

    background: #AFC2DA; 

    font-size: 10pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgFind_Filter2 {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 200pt;

    height:  100pt;

    float: left;

    margin: auto;

    padding-top: 0px;

    padding-right: 25px;

    padding-left: 10px;

    padding-bottom: 0px;

    background: #AFC2DA; 

    font-size: 10pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgFind_Entry{

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 500pt;

    height:  450pt;

    float: left;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



#TATEHA_MsgFind_Button {

    border-color: #002060;

    border-style:  solid;

    border-width: 0px;

    width: 475pt;

    height: 50pt;

    float: left;

    margin: auto;

    padding: 10px;

    background: #AFC2DA; 

    font-size: 15pt;

    font-weight: bold;

    color: #002060;

}



/* -------------------  Main Menu:  Left Half Screen: 4 Options -------------------- */



#Menu_Left_1, #Menu_Left_2, #Menu_Left_3, #Menu_Left_4, #Menu_Left_5, #Menu_Left_6

{

    width:              90%;

    height:             15%;

    font-size:          x-large;

    color:              whitesmoke;

    font-weight:        bold;

    padding-top:        2%;

    padding-left:       2%;

    padding-right:      2%;

    padding-bottom:     2%;

    background:         chocolate;

    border:             5px;

    border-color:       white;

    margin-top:         3%;

    margin-right:       1%; 

    margin-left:        6%;   

    margin-bottom:      3%;

    float:              none;

}

/* -------------------  Functions List: Right Hand Screen:  5 Options -------------------- */



#Menu_Right_1, #Menu_Right_2, #Menu_Right_3, #Menu_Right_4, #Menu_Right_5, #Menu_Right_6

{

    width:              90%;

    height:             15%;

    font-size:          x-large;

    color:              whitesmoke;

    font-weight:        bold;

    padding-top:        2%;

    padding-bottom:     2%;

    padding-left:       2%;

    padding-right:      2%;

    background:         darkred;

    border:             5px;

    border-color:       #91723F;

    margin-top:         3%;

    margin-right:       1%; 

    margin-left:        6%;   

    margin-bottom:      3%;

}



#Reminder_Details

{

    width:              20%;

    height:             10%;

    font-size:          x-large;

    color:              whitesmoke;

    background:         chocolate;

    font-weight:        bold;

    padding-top:        2%;

    padding-bottom:     2%;

    padding-left:       0%;

    padding-right:      0%;

    border:             5px;

    border-color:       #91723F;

    margin-top:         1%;

    margin-right:       6%; 

    margin-left:        0%;   

    margin-bottom:      1%;

    float:              right;

}





#TATEHAHeader

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              100%;

    height:             5%;

    margin:             1%;

    padding:            1%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         center;

    font-size:          8%;

    font-weight:        normal;

    color:              black;

    float:              left;

    }



#TATEHAMenuHalfPageLeft

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              45%;

    height:             90%;

    margin:             1%;

    padding:            0%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         center;

    font-size:          x-large;

    font-weight:        normal;

    color:              black;

    float:              left;

    }

#TATEHAMenuHalfPageRight

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              45%;

    height:             90%;

    margin:             1%; 

    padding:            0%;

    background:         #CC9845;                    /* Light Brown */

/*    text-align:         center; */

    font-size:          x-large;

    font-weight:        normal;

    color:              black;

    float:              right;

    }



#sticky_TEXT

    {

    height:             60%;

    width:              35%;

    margin-top:         1%;

    margin-left:        5%;

    margin-right:       5%;

    margin-bottom:      1%;

    padding-top:        1%;

    padding-left:       1%;

    padding-right:      1%;

    padding-bottom:     1%;

    background:         orange;

    color:              black;

    font-size:          150%;

    font-family:        Arial; 

    overflow:           auto;

    }

    

        

    #sticky_TITLE

    {

    height:             8%;

    width:              35%;

    margin-top:         1%;

    margin-left:        5%;

    margin-right:       5%;

    margin-bottom:      1%;

    padding-top:        1%;

    padding-left:       1%;

    padding-right:      1%;

    padding-bottom:     1%;

    background:         orange;

    color:              black;

    font-size:          150%;

    font-family:        Arial; 

    overflow:           auto;

    }

    

    

    #Sticky_MessageID

    {

    height:             8%;

    width:              20%;

    margin-top:         1%;

    margin-left:        5%;

    margin-right:       0%;

    margin-bottom:      1%;

    padding-top:        1%;

    padding-left:       1%;

    padding-right:      0%;

    padding-bottom:     1%;

    background:         orange;

    color:              black;

    font-size:          100%;

    font-family:        Arial; 

    overflow:           auto;

    float:              left;

    }

    

   

    #TATEHAMenuFooter1

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              30%;

    height:             5%;

    margin-left:        1%;

    margin-top:         0%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     1%;

    padding-left:       1%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    font-weight:        normal;

    font-size:          medium;

    font-weight:        bolder;

    font-weight:        bolder;

    color:              Brown;

    float:              left;

    }



  

    #TATEHAMenuFooter2

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              30%;

    height:             5%;

    margin-left:        1%;

    margin-top:         0%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     1%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         center;

    font-size:          small;

    font-weight:        bold;

    font-weight:        normal;

    color:              black;

    float:              left;

    }



  

  #TATEHAMenuFooter3

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       5px;

    width:              30%;

    height:             5%;

    margin-left:        1%;

    margin-top:         0%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     1%;

    padding-left:       1%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    vertical-align:     middle;

    font-size:          medium;

    font-weight:        bolder;

    color:              brown;

    float:              left;

    }

    

  

  #UserMonth, #UserDay, #UserHour, #UserMinute, #UserAMPM, #MsgWeekDays, #MsgMonths, #MsgWeekOfMonth, #MsgDaysOfMonth, #MsgDaysOfMonth2, #MsgDaysOfMonth3, #MsgYears, #MsgRepeat, #MsgRepeatInterval, #MsgLabel, #MsgLink, #MsgFunction, #SpecialFeaturesLabel, #MsgResp0, #MsgResp1, #MsgResp2, #MsgResp3, #MsgResp4, #MsgResp5, #MsgRepeat, #MsgRepeatInterval

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              12%;

    height:             10%;

    margin-left:        0%;

    margin-top:         10%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     0%;

    padding-left:       0%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    vertical-align:     middle;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    float:              left;

    }



  #UserYear, #UserSingleValue

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              25%;

    height:             10%;

    margin-left:        0%;

    margin-top:         10%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     0%;

    padding-left:       0%;

    padding-right:      2%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    vertical-align:     middle;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    float:              left;

    }





  #UserDateLabel, #UserTimeLabel, #UserSingleValueLabel

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              18%;

    height:             10%;

    margin-left:        0%;

    margin-top:         10%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     0%;

    padding-left:       0%;

    padding-right:      10%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    vertical-align:     middle;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    float:              left;

    }



  #UserDateSlash1, #UserDateSlash2, #UserTimeColon1

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              8%;

    height:             10%;

    margin-left:        0%;

    margin-top:         10%;

    margin-bottom:      0%;

    padding:            0%;

    padding-bottom:     0%;

    padding-left:       0%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         left;

    vertical-align:     middle;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    float:              left;

    }

    



  #MsgStartTime, #MsgEndTime, #MsgStartDate, #MsgEndDate, #MsgType

    {

    border-color:       #91723F;             

    border-style:       solid;

    border-width:       0px;

    width:              100%;

    height:             10%;

    margin-left:        1%;

    margin-right:       1%;

    margin-top:         0%;

    margin-bottom:      0%;

    padding-top:        1%;

    padding-bottom:     1%;

    padding-left:       1%;

    padding-right:      1%;

    background:         #CC9845;                

    text-align:         left;

    vertical-align:     bottom;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    float:              left;

    }

  

    

  #RD_MsgStartTime, #RD_MsgEndTime, #RD_MsgStartDate, #RD_MsgEndDate, #RD_MsgType, #RD_MsgWeekDays, #RD_MsgMonths, #RD_Weeks, #RD_Days, #RD_Days2, #RD_Days3, #RD_Years, #RD_MsgRepeat, #RD_MsgRepeatInterval, #RD_MsgLabelNoResp, #RD_MsgLabelOK, #RD_MsgLabelYES, #RD_MsgLabelNO, #RD_MsgLinkNoResp, #RD_MsgLinkOK, #RD_MsgLinkYES, #RD_MsgLinkNO, #RD_MsgLinknoscript, #RD_MsgFunctionNoResp, #RD_MsgFunctionOK, #RD_MsgFunctionYES, #RD_MsgFunctionNO, #SpecialFeatures_Detail, #RD_RespLabel0, #RD_RespLabel1, #RD_RespLabel2, #RD_RespLabel3, #RD_RespLabel4, #RD_RespLabel5

    {

    border-color:       #91723F;            

    border-style:       solid;

    border-width:       0px;

    width:              100%;

    height:             100%;

    margin-left:         0%;

    margin-right:        0%;

    margin-top:          1%;

    margin-bottom:       0%;

    padding-top:         0%;

    padding-bottom:      0%;

    padding-left:        1%;

    padding-right:       1%;

    background:         #CC9845;              

    text-align:         left;

    vertical-align:     bottom;

    font-size:          100%;

    font-weight:        bolder;

    font-weight:        bolder;

    color:              brown;

    float:              right;

    }



       

  #MsgDetailTable, #MsgDetailTable2

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       0px;

    width:              100%;

    height:              50%;

    margin-left:         0%;

    margin-right:        0%;

    margin-top:          0%;

    margin-bottom:       0%;

    padding-top:         0%;

    padding-bottom:      0%;

    padding-left:        0%;

    padding-right:       0%;

    background:         #CC9845;                    /* Light Brown */

    text-align:         center;

    vertical-align:     bottom;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    /* float:              left; */

    }

    

    

  #MsgDetailTable3, #MsgDetailTable4

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       2px;

    width:              90%;

    height:             15%;

    margin-left:         5%;

    margin-right:        0%;

    margin-top:          5%;

    margin-bottom:       1%;

    padding-top:         1%;

    padding-bottom:      1%;

    padding-left:        0%;

    padding-right:       0%;

    background:          black;

    /* background:         #CC9845;                    Light Brown */

    text-align:         center;

    vertical-align:     bottom;

    font-size:          100%;

    font-weight:        bolder;

    color:              brown;

    }

    

    

  #Table3Header

    {

    border-color:       #91723F;            

    border-style:       solid;

    border-width:       0px;

    width:              100%;

    height:             100%;

    margin-left:         0%;

    margin-right:        0%;

    margin-top:          7%;

    margin-bottom:       0%;

    padding-top:         1%;

    padding-bottom:      1%;

    padding-left:        1%;

    padding-right:       1%;

    background:           black;

    /* background:         #CC9845;     */         

    text-align:         left;

    vertical-align:     bottom;

    font-size:          100%;

    font-weight:        bolder;

    font-weight:        bolder;

    color:              white;

    }



    

  #RD_RespLabel0, #RD_RespLabel1, #RD_RespLabel2, #RD_RespLabel3, #RD_RespLabel4, #RD_RespLabel5, #MsgResp0, #MsgResp1, #MsgResp2, #MsgResp3, #MsgResp4, #MsgResp5

    {

    border-color:       #91723F;            

    border-style:       solid;

    border-width:       0px;

    width:              100%;

    height:             100%;

    margin-left:         0%;

    margin-right:        0%;

    margin-top:          0%;

    margin-bottom:       0%;

    padding-top:         0%;

    padding-bottom:      1%;

    padding-left:        1%;

    padding-right:       1%;

    background:          black;

    /* background:         #CC9845;     */         

    text-align:         left;

    vertical-align:     bottom;

    font-size:          100%;

    font-weight:        bolder;

    font-weight:        bolder;

    color:              white;

    }     

    

  

    

    

#TATEHAMsgFinderMessages, #TATEHAMsgFinderCommit, #TATEHAMsgFinderHeader

    {

    border-color:       #91723F;                  /* Dark Brown */

    border-style:       solid;

    border-width:       thick;

    width:              96%;

    margin:             .5%;

    padding:            .5%;

    background-color:   #CC9845;                    /* Light Brown */

    vertical-align:     auto;

    text-align:         center;

    font-size:          medium;

    font-weight:        bold;

    color:              black;

    float:              left;

    }





.MsgButton

{

    width:              19%;

    height:             8%;

    font-size:          medium;

    color:              whitesmoke;

    font-weight:        bold;

    padding:            .5%;

    margin:             .5%;

    background:         chocolate;

    border:             5px;

    border-color:       white;

    margin-top:         .5%;

    float:              left;

}





.MsgFinderResp

{

    width:              18%;

    height:             8%;

    font-size:          medium;

    color:              whitesmoke;

    font-weight:        bold;

    padding-top:        1%;

    padding-left:       1%;

    padding-right:      1%;

    padding-bottom:     1%;

    background:         chocolate;

    border:             5px;

    border-color:       white;

    margin-top:         1%;

    margin-right:       1%; 

    margin-left:        1%;   

    margin-bottom:      1%;

}

.alert07 {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}