﻿@charset "utf-8";

/* RESET */
html
{color:#000;background:#FFF;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border-style: none;
    border-color: inherit;
    border-width: 0;
    height: auto;
    width: auto;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}



/* General styles */
body 
{
    margin:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	text-align:center;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
	font: 12px/18px tahoma, Geneva, sans-serif;
	background-color: #fff;
	color: #333;
}
#fixed {
   margin:0 auto;
   width:950px;   /* you can use px, em or % */
   text-align:left;
}
a {
	color:#369;
}
a:hover {
	color:#BEDCFE;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold;
}
h2 {
    color:#0E70B8;
    font-size:13px;
}
p {
	margin:.4em .4em .8em 0;
	padding:0;
    /*width: 546px;*/
}
/**/


/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	/*border-bottom:1px solid #000;*/
}
#header_image 
{
    background: url("Header.jpg") no-repeat;
    height:105px;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}


/* Header Menu */
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	background-color: #eee;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0;
	padding:3px 10px;
	text-align:center;
	background:#0E70B8;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	left:0px;
	line-height:1.5em;
	border-right: 1px solid #eee;
}
#header ul li a:hover {
	background:#eee;
	/*color:#fff;*/
}
#header.Home ul li#Home a,
#header.Consultants ul li#Consultants a,
#header.Postgraduates ul li#Postgraduates a,
#header.Foundation ul li#Foundation a,
#header.Undergraduates ul li#Undergraduates a,
#header.Specialty_Doctors ul li#Specialty_Doctors a,
#header.Courses ul li#Courses a,
#header.CSB ul li#CSB a,
#header.eInduction ul li#eInduction a,
#header.WMS ul li#WMS a,
#header.Srch ul li#Srch a
/*#header ul li a.active:hover*/ {
	/*color:#fff;*/
	background:#eee;
	/*font-weight:bold;*/
}
#header ul li a span {
	display:block;
}
/**/


/* breadcrumb */
#breadcrumb {
	clear:both;
	background:#eee;
	/*border-top:1px solid #000;*/
	margin:0;
	padding:1px 10px !important;
	text-align:left;
}
/**/
/* Header end*/


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* w= idth of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#eee;
/* right column background colour */
}
.threecol .colmid {
	right:20%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:80%;			/* width of the middle column */
	background:#eee;	/* left column background colour */
    /*border:1px solid #000;*/
}
.threecol .col1 {
	width:78%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
    /*border:1px solid #000;*/
}
.threecol .col2 {
	width:18%;			/* Width of left column content (column width minus padding on either side) */
	left:23%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:18%;			/* Width of right column content (column width minus padding on either side) */
	left:103%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    /*border:1px solid #000;*/
}


/* Footer styles */
#footer 
{
    background-image: url('Footer.gif');
    background-position: bottom;
    background-color:#fff;
    clear:both;
	float:left;
	width:100%;
	height: 100px;
	font-size:smaller;
	/*border-top:0px solid #BEDCFE;*/
	margin-top: 5px;
}
#footer p {
	padding:0;
	margin:0;
}
#footer img {
    margin:0;
}


/*Textbox Watermark*/
.unwatermarked {
	/*height:18px;
	width:150px;*/
}

.watermarked {
	height:15px;
	/*width:100%;*/
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	font-size:10px;
}