/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Copyright (C) 2008 JoomlAxe. 
# @license - GPU/GPL
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# This file may be redistributed or editted in whole or significant part..
--------------------------------http://localhost/site/administrator/index.php-----------------------------------------*/
html, body, form, fieldset {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
} 

body {
background-image:url(../images/nothing.jpg);
background-repeat:no-repeat;
background: #FFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}

p.vacancies {
line-height: 200%;
}

/* Normal link */
a:link, a:visited {
  color: #345AA4;
  font-size: 12px;
  text-decoration: none;
}

a:hover, a:active {
  color: #00ADE7;
  text-decoration: none;
}

a img {
  border: none;
}

/* Heading */
h1 {font-size: 100%;}
h2 {font-size: 100%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
  margin: 2px 0;
  padding: 0;
}

ul {
  list-style: none;
}

ul li {
  padding-left: 0px;
}

ol li {
  margin-left: 35px;
}

th {
    padding: 0px;
  text-align: left;
}

fieldset {
  padding: 5px 5px;
  border: none;
}

fieldset a {
  font-weight: bold;
}

fieldset.input {
  padding: 0;
  background: none;
}

textarea{
  width: 700px;
  border: none;
  background-color: #EEE;
  padding: 5px;

}
hr {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #EEEEEE;
  height: 1px;
}

br {
  height: 1px;
  font-size: 1px;
}

td, th {
  font-size: 100%;
  text-align: left;
}

.containerheader{
  width: 967px;
  margin: 0 auto;
}

.container{
  width: 967px;
        z-index: 80;
  margin: 0 auto;
  overflow: hidden;
        position: relative;
}

/*==========SOME BLOCKQUOTE STYLING FROM N VARNEY =================*/

blockquote {
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -7px;
top: -20px;
color: #93324a;
}


blockquote cite {
color: #999999;
font-size: 13px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}


.blockquotewisdom {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
width: 250px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

.blockquotewisdom:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -20px;
color: #93324a;
}


.blockquotewisdom cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
.blockquotewisdom cite:before {
content: "\2014 \2009";
}

.linestyle {
   font: 14px/22px normal helvetica, sans-serif;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 50px;
   padding-left: 20px;
   border-left: 3px dotted #93324a;
 }  

/*================================ HEADER ============================*/
.headerstrip{
  width: 100%;
  margin-top: 0px;
        }

.headerverytop{
  width: 180px;
  padding-left: 770px;
  height: 20px;
}

.headerlogostrip{
  width : 950px;
  height: 80px;
}

.headermainmenu{
  width : 950px;
  height: 40px;
}

.headerbgnew{
  width : 950px;
  height: 10px;
}

.headerlogo{
  width: 300px;
  float: left;
  height: 93px;
}

.headerlogo img {
max-width: 380px;
}

.headerbg22{
  width: 650px;
  padding-top: 10px;
  float: left;
}



/*============================ ROUNDED SEPARATOR SYSMAN_MK=======================*/
.roundedmodulebg_blank{
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.roundedmodule1{
  width: 950px;
  background-color: #ffffff;
  background-image: url(../images/roundedkiriatas.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #EEE;
}

/*================================ MAINBODY ============================*/
.mainbodybg{
  margin-top: 20px;
}
/*Left*/
.columnkiri{
  width: 300px;
  float: left;
}

.columnkiri nav{
margin-bottom: 10px;
}

/*Center*/
.columntengah{
  width: 625px;
         float: left;
         margin-left: 20px;
}

#pathway{
  margin-bottom: 0px;
}

/*Right*/
.columnkanan{
  width: 0px;
  float: right;
  margin-left: 0px;
  
}
/*================================ FOOTER ============================*/
.footerbg1{
  width: 100%;
  color: #000000;
  border-top: 3px solid #EEE;
  padding-top: 10px;
  margin-top: 10px;
  height: 100px;
}
/*============================== COPYRIGHT ============================*/
.copyrightbg{
  width: 100%;
  padding: 0px 0px 10px 0px;
}

.copyright{
  text-align: right
}

.copyright span{
  color: #345aa4;
}


/*================================ HIGHSLIDE ADDED BY SYSMAN_MK ============================*/


.highslide {
  cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
  visibility: hidden;
}
.highslide img {
  border: 1px solid #E7E8E6;
  padding: 3px;
  margin: 5px;
}
.highslide:hover img {
  border: 1px solid #E7E8E6;
  padding: 3px;
  margin: 5px;
}
.highslide-wrapper {
  background: white;
}
.highslide-image {
  border: 5px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
  color: black;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
    text-decoration: none;
  padding: 2px;
  border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
  font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
  background: url(highslide/graphics/fullexpand.gif) no-repeat;
  display: block;
  margin: 0 10px 10px 0;
  width: 34px;
  height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/*================================ GREYBOX ADDED BY SYSMAN_MK ============================*/


/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #fff;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; 
}

/*for nonumber tabs to hide headings - currently off

.nn_tabs-title {
	display: none;
}
*/

/* Adjusting size of DPCal title above the calendar */
.dp-container h2 {
    font-size: 21.5px;
} 

.dp-container label {
  font-size: 14px;
}

/* Changing search box to rectangular */
input.search-query {
border-radius: 0px;
}


/* Increased margin under Attachments list container */
#main div.attachmentsContainer,
div.attachmentsContainer {
    clear: both;
    margin: 0 0 1.8em 0;
    background: transparent;
}

/*Decreasing space between JaggyBlog v3.5 latest post links in latest post module. Default margin-bottom was 15px */
.jb_latestposts .item {
    list-style: none;
	margin-bottom: 1px;
    }

/*Adding extra line height in Breezing Form labels */
.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label {
  line-height: 16px;
}

/*Centering the BF form submit form button at the foot of the form */
 
.bfQuickMode .bfSubmitButton
{
     float: none;
     margin-left: 45%;
  	 padding: 10px 14px;
     border: 1px solid #036790;
     font-size: 18px;     
     margin-bottom: 30px;
     margin-top:	10px;
}


/* Resizing the GDPR placeholder text for blocked cookie content */
div.gdprlock-placeholder-text {
    font-size: 20px;
}

/* CSS changes for DP Calendar V7 2019 */
.fc-title, .fc-time {
  color: #fff;
}

.tippy-tooltip {
    background-color: #fff;
   border: 1px solid #27485E;
}

.tippy-tooltip a {
  color: #27485E;
  font-weight: 600;
}


.mod-dpcalendar-upcoming-default__date {
    font-style: normal;
}

.mod-dpcalendar-upcoming-default .dp-icon_clock { 
   display: none 
}

.mod-dpcalendar-upcoming-default__information {
    min-height: 2.7em;
}

/*Increase size of Twitter text on Social Media Stream wall */
.sboard .sb-item .sb-inner .sb-info, .sboard .sb-item .sb-inner .sb-text {
       font-size: 12px;
}

/*To change the text size of the eteach widget introduced in Nov 2021*/
job-card .job-card 
{background: #fafafa !important;} 

.job-card 
{background: #fafafa !important;} 

/*font size revision Dec 2021. Note the #topmenu fontsize for the nav bar was changed directly in suffix.css */
body {
  font-size: 13px;
}

a:link {
 font-size: 13px; 
}

/* css changes for DPCalendar v8.2.2 Jan 2022 */
.mod-dpcalendar-upcoming-default .dp-link {
    margin-bottom: 0;
}

.com-dpcalendar-calendar { 
background-color: white; 
}