<style type="text/css">
<!--
A:hover
{
	COLOR: #000099; TEXT-DECORATION: underline;
}
A:link
{
	COLOR: #0000ff; TEXT-DECORATION: none;
}
A:visited
{
	COLOR: #0000ff; TEXT-DECORATION: none;
}
A:active
{
	COLOR: #800080; TEXT-DECORATION: none;
}
.body-class{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}
.defaultBkgrd { BACKGROUND: #DFE0F1 }
/* This is for showing the component top bar  for narrow view */

.component-top-bar-narrow-left { padding-left: 05; border: none;  height:29px; background-color:#dfc595  }
.component-top-bar-narrow-middle {border : none; height:29px; background-color:#dfc595}
.component-top-bar-narrow-right {border: none; height : 29px; width : 100px; background-color:#dfc595 }

/* This is for showing the component top bar  for wide view */

.component-top-bar-wide-left { padding-left: 05; border: none; height:29px; background-color:#dfc595 }
.component-top-bar-wide-middle {border : none; height:29px; background-color:#dfc595}
.component-top-bar-wide-right {border: none; height : 29px; width : 100px; background-color:#dfc595}
          
/* This is for displaying the left bar */
.component-left-bar {border: none; padding-left: 0;padding-right: 1; background-color:#dfc595}
.component-left-bar1 {border: none; padding-left: 0;padding-right: 1; background-color:#FFFFFF}

/* This is for displaying the right bar */
.component-right-bar {border-spacing:1px;border: none; padding-left: 0;padding-right: 1; background-color:#dfc595}

/* This is for displaying the bottom bar for narrow view */

.component-bottom-bar-narrow-left  { border: none; width :45px; height:2px; background-color:#dfc595}
.component-bottom-bar-narrow-middle {border : none; height:2px; background-color:#dfc595 }
.component-bottom-bar-narrow-right {border: none; height : 2px; width : 45px; background-color:#dfc595}

/* This is for displaying the bottom bar for wide view */

.component-bottom-bar-wide-left { border: none;width :45px; height:2px; background-color:#dfc595}
.component-bottom-bar-wide-middle {border : none; height:2px; background-color:#dfc595}
.component-bottom-bar-wide-right {border: none; height : 2px; width : 45px; background-color:#dfc595 }

/* For displaying the text 'loading'*/
.load-text {color : #707070;  font-family : Arial, Helvetica, sans-serif; font-size :12px}

/* height between components '*/
.width-components {border: none; width :45px; height:0px;}


.page-area { border: #99CCCC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.tab-heading { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFAA ;  text-align: center; vertical-align: middle}


.tab-active-bkgnd{ border: none;width :85px; height:23px; background-image: url("/templates/template4/tab.gif") }
.tab-normal-bkgnd{ border: none;width :85px; height:23px; background-image: url("/templates/template4/over_tab.gif")}
.left-padding {padding-left:5px; padding-right:5px;}

/* For displaying the text 'loading'*/
.load-text {color : #DFDFDF;  font-family : Arial, Helvetica, sans-serif; font-size :12px}
/* For displaying the text 'loading'*/
.width-components {border: none; width :45px; height:0px;}

/********* For personalisation of desk top ********/



.personalise-button{
background-image:url("/templates/template4/btn_bg.gif");
border:1px solid black;background-color:#dfc595; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFAA;}
.personalise-border-table {border-collapse: collapse; border: 2px solid #FFFFFF;  }



/********* text style ***********/
.heading-text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;  text-align: center; vertical-align: middle}
.bold-text { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000000; }
.normal-text { font-family: Arial, Helvetica, sans-serif; font-size:9pt; font-color: #000000;}
.small-text { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-color: #000000}
 .main-heading-text { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #000000 ; text-align: center; vertical-align: middle}
.narrow-heading-text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;  text-align: left; vertical-align: middle}
.narrow-subheading-text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000;  text-align: center; vertical-align: middle}
.narrow-main-text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000}
.wide-heading-text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000;  text-align: center; vertical-align: middle}
.wide-subheading-text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #EEEEEE;  text-align: center; vertical-align: middle}
.wide-main-text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000}
.red-text { font-family: Arial, Helvetica, sans-serif; font-size:9pt; font-color: red;}

.wide-main-box { height: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
 .narrow-main-box { height: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.component-class {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;color: #000000; }
 .component-bold-text {font-family: Arial, Helvetica, sans-serif; font-size:9pt; font-color: #000000;}
 
/*************#f7e7d6******/
.background-color{background-color:#FDFBF4}
.borderleft{border-left:1px solid #dfc595; background-image:url("/templates/template4/comp_mid.gif")}
.top-bar-left { border-left:1px solid #dfc595; border-top:1px solid #dfe0f1; width :20px; height:29px; background-color:#dfc595 }
.top-bar-middle{border-top:1px solid #dfc595; height:29px; background-color:#dfc595}
.top-bar-right { border-right:1px solid #dfc595; border-top:1px solid #dfe0f1; height : 29px; width : 100px;background-color:#dfc595}

.button{background-image:url("/templates/template4/btn_bg.gif");
background-color:#F3EADF;
width: 100px;
height: 20px;
font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  
background-position: top ;
 font-weight:bold;
 border:1px solid black;
 cursor:hand;
}

BODY,DIV,P,TABLE,TD,TR,DIV,OL,LI{
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;
}
 .border-class{border: 1px solid #9b9b9b }
.narrow-button{

background-image:url("/templates/template4/btn_bg.gif");
background-color:#d1dacd;
width: 40px;
height: 18px;
background-position: top ;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;  
font-weight:bold;
border:1px solid black;
cursor:hand;

}
.small-button{
background-image:url("/templates/template4/btn_bg.gif");
background-color:#F7F2EB;
width: 50px;
height: 20px;
background-position: top ;
 font-family: Arial, Helvetica, sans-serif; font-size: 9pt; 
 font-weight:bold;
 border:1px solid black;
 cursor:hand;
}
.small-narrowbutton{
background-image:url("/templates/template4/btn_bg.gif");
background-color:#d1dacd;
width: 50px;
height: 15px;
 font-weight:bold;
background-position: top ;
 font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; 
 font-weight:bold;
 border:1px solid black;
 cursor:hand;
}
.big-button{
background-image:url("/templates/template4/btn_bg.gif");
background-color:#F1E6CF;
width: 140px;
height: 20px;
background-position: top ;
border:1px solid black;
 font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  
 font-weight:bold;
 cursor:hand;
}
.wide-button{
background-image:url("/templates/template4/btn_bg.gif");
background-color:#F1E6CF;
width: 180px;
height: 20px;
background-position: top ;
border:1px solid black;
 font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  
 font-weight:bold;
 cursor:hand;
}
.extrawide-button{
background-image:url("/templates/template4/btn_bg.gif");
background-color:#F1E6CF;
width: 280px;
height: 20px;
background-position: top ;
border:1px solid black;
 font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  
 font-weight:bold;
 cursor:hand;
}
.title{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#808080;}
.tooltip-color{
	                background-color:#ffffe1;
			                        font-family:Arial,Helvetica,sans-serif;
						                                font-size:12px;}
.webspace-button-upload{ width: 25px ; height: 25px ; cursor:hand ;  
	background-image:url("/templates/template4/w_upload.gif"); background-color:#f7f7ff;}
.webspace-button-upload-disabled{ width: 25px;height: 25px; cursor:hand;
	background-image:url("/templates/template4/w_upload_o.gif"); padding:0 ;}

.webspace-button-create{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_create.gif"); background-color:#f7f7ff;}
.webspace-button-create-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_create_o.gif")}

.webspace-button-folder{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_directory.gif"); background-color:#f7f7ff;}
.webspace-button-folder-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_directory_o.gif")}

.webspace-button-cut{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_cut.gif"); background-color:#f7f7ff;}
.webspace-button-cut-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_cut_o.gif")}

.webspace-button-paste{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_paste.gif"); background-color:#f7f7ff;}
.webspace-button-paste-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_paste_o.gif")}

.webspace-button-rename{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_rename.gif"); background-color:#f7f7ff;}
.webspace-button-rename-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_rename_o.gif")}

.webspace-button-edit{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_edit.gif"); background-color:#f7f7ff;}
.webspace-button-edit-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_edit_o.gif")}

.webspace-button-delete{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_delete.gif"); background-color:#f7f7ff;}
.webspace-button-delete-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_delete_o.gif")}

.webspace-button-unzip{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_zip.gif"); background-color:#f7f7ff;}
.webspace-button-unzip-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_zip_o.gif")}

.webspace-button-copy{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_copy.gif"); background-color:#f7f7ff;}
.webspace-button-copy-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_copy_o.gif")}

.webspace-button-rich{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_w.gif"); background-color:#f7f7ff;}
.webspace-button-rich-disabled{ width: 25px;height: 25px; cursor:hand;  background-image:url("/templates/template4/w_w_o.gif");}

.side-bar {border-right: none; padding-left:1px;padding-right:1px; background-color:#EDE3C2;width:1px}

.bottom-bar{border : none; height:0px;background-color:#EDE3C2;padding-bottom:1px}
/******** TextBox  and text area *********/
 .textbox-narrow{border:1px solid #9b9b9b ;width:80px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .textbox-wide{border:1px solid #9b9b9b ;width:200px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .textbox-big{border:1px solid #9b9b9b ;width:350px background-color:white;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
.textbox-date{border:1px solid #9b9b9b ;width:75px;
font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
.textbox-sch{border:1px solid #9b9b9b ;width:100px;
font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .line-textarea{border:1px solid #9b9b9b ; cols="50";rows="50";
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .listbox{border:1px solid black; width:250px;height:125px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .listbox-big{border:1px solid black; width:175px;height:125px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .listbox-narrow{border:0px solid black; width:100px;height:125px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-color: #000000;}
 .listbox-small{border:0px solid black; height:125px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
 font-color: #000000;}
 .dropdown{ width:100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
 font-color: #000000;}
 
 .kcore-top-ll{width:150;   background-image:url("/templates/template4/comp_left.gif")}
  .kcore-top-lm{width:22%;    background-image:url("/templates/template4/comp_mid.gif")}
  .kcore-top-mm{background-image:url("/templates/template4/comp_mid.gif")}
  .kcore-top-lmn{ background-image:url("/templates/template4/comp_mid.gif")}
  .kcore-top-lme{width:81%;   background-image:url("/templates/template4/comp_mid.gif")}
 .kcore-top-lm2{width:75%;   background-image:url("/templates/template4/comp_mid.gif")}
.kcore-top-left-bar{width:42;  height:20; background-image:url("/templates/template4/image_left.gif")}
.kcore-top-mid-bar{width:90%;   height:20; background-image:url("/templates/template4/image_mid.gif" )}
.kcore-main-mid{width:85%;   height:20; background-image:url("/templates/template4/image_mid.gif" )}
.kcore-main-mid-bar{width:60%;   height:20; background-image:url("/templates/template4/image_mid.gif" )}
.kcore-top-right-bar{width:42;  height:20; background-image:url("/templates/template4/image_right.gif")}
.kcore-tlbar{ height:20; background-image:url("/templates/template4/image_left.gif")}
.kcore-tmbar{ height:20; background-image:url("/templates/template4/image_mid.gif" )}
.kcore-trbar{ height:20; background-image:url("/templates/template4/image_right.gif")}
.kcore-bordercolor{border:2px solid black}
.kcoretopimage{height:20;  }
.kcore-bottom-bar{width:100%; align:right; height:20; background-image:url("/templates/template4/image_mid.gif")}

.dark-background { background-color: #ECD3B2 }
.light-background { background-color: #EEDCC4 }
.white-background { background-color: #FFFFFF }
 .greyborder {border:solid #eccba6 1px}
.bottom-background{background-image:url("/templates/template4/bkgnd3.gif");
.component-background{background-color:RED }
.sch-time-highlight {font-weight:bold }
.sch-time-select {color: #000000  }
.sch-links{color: #EB5000 }
}

.sch_today {
	   border:1px solid red;
	   height: 1.1em;
}
.sch_hasschedule{
	   font-weight:bold;
}
.sch_holiday{
          color:#888888;
}
.sch_selecteddate{
	  color:red;
}
.upload-button{height:22px }
.tyny-button{
background-image:url("/templates/template4/btn_bg.gif");
background-color:#F1E6CF;
width: 23px;
height: 20px;
background-position: top ;
 font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; 
 font-weight:bold;
 border:1px solid black;
 cursor:hand;
}

.ten-bottom-background{background-image:url("/templates/template4/ten.gif");}
.group-right{border-right: 2px solid #EDE3C2}

/* Start the css for calender*/

div.calendar { position: relative; }

.calendar, .calendar table {
  width:230;
  height:100;
  border: 1px solid #655;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #ffd;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #654;
  color: #fed;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #edc;
  color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #faa;
  color: #000;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
  background: #ddf;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #840;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: smaller;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #fc8;
}

.combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}


/* end the css for calender*/


-->
</style>


