*{margin:0;}
#body{min-height: 100vh;}
#body{width:100%;background-color:#092A5F;}
#body1{font-family:verdana;font-size:0.9em;width:1024px;margin-left:auto;margin-right:auto;background-color:#DCEFFE;color:black;box-shadow:0px 0px 20px 4px #fff;}
.count
{
  font-size:3rem;
}
a:link,
a:visited{color:#092A5F;text-decoration:underline;}
a:active,
a:hover{color:#092A5F;font-weight:bold;text-decoration:underline;}
#header{width:100%;height:98px;background:url(../tfv/images/header.png) no-repeat left;}
#logo{width:98%;height:98px;margin:0px 0px 0px 10px;background:url(../tfv/images/1.png) no-repeat left;}
#plogo{padding-top:40px;padding-right:10px;padding-bottom:50px;padding-left:80px;}
#logo a{font-size:1.2em;font-weight:bold;color:#000;}
#wrap{width:100%;height:76px;position:relative;background-color:#092A5F;}
.navbar{margin:15px 50px 10px 20px;height:76px;position:absolute; z-index: 1000; /* Ensures the navbar is above most other elements */}
.navbar li{height:auto;width:180px;float:left;text-align:center;list-style:none;font:normal bold 18px Verdana;padding:0;margin:0;background-color:#092A5F;}
.navbar a{padding:10px 0;border-left:1px solid #092A5F;border-right:1px solid #092A5F;color:white;display:block;}
.navbar li ul{display:none;height:auto;margin:0;padding:0;}
.navbar li:hover ul{display:block;}
.navbar li ul li{background-color:#092A5F;}
.navbar li ul li a{border-left:1px solid #092A5F;border-right:1px solid #092A5F;border-top:1px solid #092A5F;border-bottom:1px solid #092A5F;}
.navbar li ul li a:hover{background-color:#0094FF;}
#acimage{width:100%;height:300px;margin:0px 0px 10px 0px;}
h1{font-size:150%;text-align:center;width:100%;}
h2{font-size:115%;color:#092A5F;text-align:center;width:100%;}
h3{background:url(../tfv/images/h3.png) no-repeat left;height:28px;padding-left:40px;margin-bottom:10px;font-size:110%;color:#092A5F;}
h4{background:url(../tfv/images/h3.png) no-repeat left;height:28px;padding-left:40px;margin-bottom:10px;font-size:110%;color:#092A5F;}
p{font-size:100%;}
#fullpage{width:1000px;background-color:#DCEFFE;float:left;margin:10px 0px 10px 10px;}
#aside{width:300px;background-color:#DCEFFE;float:left;}
#section{width:98%;background-color:#DCEFFE;float:left;}
#reg{width:680px;background-color:#DCEFFE;float:left;margin:20px 0px 50px 140px;}
div.boxsmall{position:relitive;background-color:#459CDF;border:3px;border-style:solid;border-color:#092A5F;width:215px;padding:5px;margin:10px 0px 0px 10px;}
div.boxsmall a{color:#ffffff}
div.boxlarge{float:right;background-color:#459CDF;border:3px;border-style:solid;border-color:#092A5F;width:95%;padding:5px;margin:10px 10px 10px 0px;}
input[placeholder]{font-weight:bold;border-color:white;color:white;}
div.login{color:#fff;font-size:1.3em;background-color:#092A5F;width:700px;padding:20px;border:0px;margin:10px 0px 10px 120px;}
input[type=text]{background-color:#459CDF;color:black;}
input[type=password]{background-color:#459CDF;color:black;}
div.login a{color:#fff;}
#footer{width:100%;font-size:0.7em;padding:200px 0px 30px 0px;}
#footer a{color:#000;}
th{background:#459CDF;text-align:center;color:#fff;}
table{border-collapse:collapse}
#notyou{background:#459CDF;border:1px solid #4C4C4C;padding:18px 0px 14px 0px;}
#notyou a{color:#ffffff;}
.schedulebutton{background-color:#0094FF;border:none;padding:15px 32px;text-align:center;text-decoration:underline;display:inline-block;font-size:16px;}
.adminbutton{background-color:#fff;border:1px solid #ff0000;text-align:center;display:inline-block;font-size:16px;}
.newsbar{background-color:#092A5F;text-align:center;display:inline-block;color:white;font-size:14px;}
#success{background:#D8FFCC;border:1px solid #008020}
#error,#resigned{background:#FFCCDA;border:1px solid red}
#pending{background:#FFED4C;border:1px solid #f61}
#holiday{background:#91BBFF;border:1px solid #0026FF}
#acc,#pend,#rej{text-align:center;font-weight:700}
#acc{color:#00a300}
#rej{color:red}
#pend{color:#F60}
#tickgreen{width:25px;height:25px;background-image:url(../tfv/images/tickgreen.png);}
#tickamber{width:25px;height:25px;background-image:url(../tfv/images/tickamber.png);}
#tickred{width:25px;height:25px;background-image:url(../tfv/images/tickred.png);}
table.tablesorter{background-color:#B6CDE1;margin:5px 0;text-align:left;width:100%}
table.tablesorter tfoot tr th,table.tablesorter thead tr th{background-color:#092A5F;border:1px solid #FFF;padding:2px}
table.tablesorter thead tr .header{cursor:pointer}
table.tablesorter tbody td{background-color:#FFF;color:#000;padding:2px}
ul.tabs,ul.tabs li{float:left;padding:0}
table.tablesorter {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 15px; /* Larger text */
    border: 1px solid #ccc;
    border-radius: 15px; /* Rounded corners */
    overflow: hidden;
}

table.tablesorter thead {
    background-color: #459CDF;
    color: #FFF;
    text-align: left;
}

table.tablesorter thead tr th {
    padding: 10px 15px;
    font-weight: bold;
}

table.tablesorter tbody tr {
    transition: background-color 0.3s;
}

table.tablesorter tbody tr:nth-child(odd) {
    background-color: #F0F0F0;
}

table.tablesorter tbody tr:nth-child(even) {
    background-color: #FFF;
}

table.tablesorter tbody tr:hover {
    background-color: #e6f2ff; /* Highlight on hover */
}

table.tablesorter td {
    padding: 10px 15px; /* Adjust padding for better spacing */
    border-bottom: 1px solid #ccc;
}

table.tablesorter tbody tr:last-child td {
    border-bottom: none;
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
    background-color: #459CDF;
    color: #FFF;
}
ul.tabs{border-bottom:1px solid #999;border-left:1px solid #999;height:27px;list-style:none;margin:0;width:100%}
ul.tabs li{background:#459CDF;border-color:#999;border-style:solid solid solid none;border-width:1px 1px 1px medium;height:26px;line-height:27px;margin:0 0 -1px;overflow:hidden;position:relative}
ul.tabs li a{border:1px solid #FFF;display:block;color:#fff;font-size:1.1em;font-weight:700;outline:0;padding:0 20px}
ul.tabs li a:hover{background:#092A5F;color:#FFF;text-decoration:underline}
html ul.tabs li.active,html ul.tabs li.active a:hover{color:#FFF;background:#092A5F;border-bottom:1px solid #FFF}
.tab_container{background:#ffffff;border-color:#999;border-right:1px solid #999;border-style:none solid solid;border-width:medium 1px 1px;overflow:hidden;width:100%}
.tab_content{font-size:1.1em;padding:5px}