﻿a.login {
	color:#FFFFFF;
	text-decoration:none;
}

a.login:hover{
	color:#0000CC
}

.note {
	font-size:10px
}


/* common table  ----------------------------------- */

table.form {
	font-size:11px;
	border:0px solid #FFFFFF;
	width:auto;
	margin-bottom:20px;
}

table.form th{
	font-variant:small-caps;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	line-height:30px;	
}

table.form td{
	padding:5px;
	vertical-align:top;
}

table.form div.note{
	font-size:9px;	
}



table.data {
	font-size:11px;
	width:100%;
	margin-bottom:10px;
	border-bottom: solid 1px #CCCCCC;
}

table.data td{
	padding:5px;
}

table.data tr:hover{
	background-color:#CCCCCC
}

table.data th{
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#CCCCCC;
	padding-left:5px;
}




/* facility list page styles -----------------------------------------------------------*/

div.facilitylist 
{
    width: 625px;
    padding: 5px;
    margin:10px;    
    height:175px;
}

div.facilitylist div.title1
{
    width: 605px;
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(../images/background_al.gif);
	font-size:18px;
	font-weight:bold;
	height:23px;
	margin-bottom:20px;
	padding: 0 0 0 20px
}


div.facilitylist div.title2
{
    width: 605px;
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(../images/background_cor.gif);
	font-size:18px;
	font-weight:bold;
	height:23px;
	margin-bottom:20px;
	padding: 0 0 0 20px
}


div.facilitylist div.title3
{
    width: 605px;
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(../images/background_yar.gif);
	font-size:18px;
	font-weight:bold;
	height:23px;
	margin-bottom:20px;
	padding: 0 0 0 20px
}


div.facilitylist div.title4
{
    width: 605px;
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(../images/background_main.gif);
	font-size:18px;
	font-weight:bold;
	height:23px;
	margin-bottom:20px;
	padding: 0 0 0 20px
}

div.facilitylist div.image
{
    width:152px;
    float:left;
    text-align:center 
}

div.facilitylist div.desc
{
    width:473px;
    float:right 
}



/* facility detail and about us page styles -----------------------------------------------------------*/


div.detail 
{
    width:449px;
    float:left;
    padding: 0px 20px 20px 20px;
    
}

div.detail h1
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold
}


div.flash 
{
    width:479px;
    float:right;
    height:500px;
}

div.flash div.print
{
    height:30px;
    float:right 
}


div.flash div.iframe
{
    height:400px;
    clear:both ;
}

div.flash div.enlarge
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#146b6e;
	padding:5px;
	font-size:12px;
	clear:both;
}



table.contact 
{
    width:400px;
    padding:0px;
}

table.contact th
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#045495;
	vertical-align:top;
	width:168px;
	font-weight:normal 
}

div.enquires
{
    color:#045495;
	vertical-align:top;
	width:400px;
	font-weight:normal;
	text-align:center;
	border-bottom: solid 1px #045495;
	border-top: solid 1px #045495;
	line-height: 30px;
	height:30px;
	padding:5px;
	margin:20px 0px 20px 0px;
}


/* faq page styles -----------------------------------------------------------*/

div.faq 
{
    width:800px;
    margin:20px;
    padding:5px;
}

div.faq .question
{
    font-size:16px;
	color:#6b98bf;
	font-weight:bold;
}

div.faq .answer
{
    margin: 10px 10px 10px 20px
}


/* links page styles -----------------------------------------------------------*/


div.links 
{
    border-bottom: solid 1px #6b98bf;
    height:50px;
    margin:0px 0px 0px 50px;
    width:650px
}


div.links .name
{
    width:250px;
    float:left;
    height:50px;
    line-height:50px
}

div.links .linkname
{
    width:300px;
    float:left;
    height:50px;
    line-height:50px;
    font-style:italic;
}

div.links .button
{
    width:100px;
    float:left;
    margin-top:11px;
}


/*contact us styles ---------------------------------------*/

div.contact 
{
    width:300px;
    float:left;
    height:150px;
}

div.contact h1 
{
    font-size:16px;
	color:#6b98bf;
	font-weight:bold;
}



/*employment us styles ---------------------------------------*/

div.emppic
{
    width:250px;
    float: left;
    text-align:right;
}

div.empdesc
{
    float:left;
    width:600px;
    padding:0px 20px 0px 20px;
}

div.empdesc h1
{  
    font-size:14px;
}


/*news styles ---------------------------------------*/

div.news
{
    width:600px;
    border-bottom: solid 1px black;
    padding:20px;
}

div.news .date
{
    font-weight: bold;
    background-color: #12615f;
    color:White;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
}



/*admin styles ---------------------*/

div.adminmenu {
	border-top: 1px solid #006666;
	border-left: 1px solid #006666;
	border-right: 1px solid #006666;
	text-align:center;
	font-size:12px;
	background-color:#dddddd;
	width:500px;
	padding:5px;
	margin:auto;
}

div.adminmenu a{
	color:#135352
}

div.adminmenu a:hover{
	color:#e0ac2d
}

.notification 
{
    color : Red
}



table.form {
	font-size:11px;
	border:0px solid #FFFFFF;
	width:auto;
	margin-bottom:20px;
}

table.form th{
	font-variant:small-caps;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	line-height:30px;	
}

table.form td{
	padding:5px;
	vertical-align:top;
}

table.form div.note{
	font-size:9px;	
}




table.data {
	font-size:11px;
	width:100%;
	margin-bottom:10px;
	border-bottom: solid 1px #CCCCCC;
}

table.data td{
	padding:5px;
	vertical-align:top 
}

table.data tr:hover{
	background-color:#CCCCCC
}

table.data th{
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#CCCCCC;
	padding-left:5px;
}


table.data div.note{
	font-size:10px;
}


/*AJAX related styles ------------------------------*/

.tablenav
{
    height: 30px
}

.tablenext 
{
    float:right; 
    margin-right:10px; 
    width:50px;
    text-align:right; 
    margin-bottom: 10px
}

.tableprev
{
    float:left; 
    margin-left:10px; 
    width:50px;
    margin-bottom: 10px
}



.modalBackground {
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.7;
}

.modalpopupwindow 
{
    width:300px; 
    background-color:White; 
    border-width:2px; 
    border-color:Black; 
    border-style:solid; 
    padding:20px
}

#progressBackgroundFilter { 
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=60); 
    opacity:0.6; 
    z-index:1000;  
    
    display:none 
}

#processMessage {  
  position:fixed;  
  top:30%;  
  left:43%; 
  padding:10px; 
  width:250px; 
  z-index:1001; 
  border: 1px solid #f7c02c;
  background-color:#ffffdb;
  color: #23729d;
  text-align:center;
  
  display:none 
} 

.cal_Theme1 .ajax__calendar_container {background-color: #e2e2e2;width:182px;border:solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;}
.cal_Theme1 .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev{color: #004080; padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body{background-color: #e9e9e9; border: solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;}
.cal_Theme1 .ajax__calendar_day{text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,.cal_Theme1 .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff;} 
.cal_Theme1 .ajax__calendar_today{font-weight:bold;} 
.cal_Theme1 .ajax__calendar_other,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;}




