/* master.css */

@import url(reset.css);
@import url(typography.css);
/*@import url(grid.css);*/   /*not yet implement*/

/*--------------------Global Properties------------------------*/
img	{display:inline;
	border:none;}

.hide	{display:none;
		visibility:hidden;}	

.float_left	{float:left;}	

.float_right	{float:right;}	

.clear	{clear:both;}
/*----------------Customisation starts here---------------------*/

a:link	{text-decoration:underline;
		color:#25696C;}
a:visited	{color:#25696C;}		
a:hover	{text-decoration:underline;
		color:#606060;}
a:active	{text-decoration:underline;
			color:#606060;}

.green	{color:#1e5256;}

strong	{font-weight:bold;}

.zero_margin	{margin:0;}

#sub_content table	{margin-bottom:10px;}

#sub_content table th	{background:#9C9C9C;
			border-right:1px solid #ffffff;
			padding:3px 5px;
			color:#ffffff;
			font-weight:bold;}

#sub_content table tr:hover>td{background-color:#ffffff;}

#sub_content table td	{padding:3px 5px;
						background:#f1f1f1;
						border-bottom:1px solid #cccccc;}

.caption	{font-size:0.9em;
			font-weight:bold;
			margin-bottom:5px;
			line-height:1.4em;}

.reference	{font-size:0.9em;}

/*---------------------------Wrapper---------------------------*/		
#wrapper	{position:relative;
			width:1000px;			/*Change here to modify width*/
			font-size:1.4em;
			margin:auto;}			

/*---------------------------Header---------------------------*/		
#header	{position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
		clear:both;}	
		
#logo 	{float:left;
		width:200px;
		height:100px;} /*In order to show the logo, this is needed. There is also <IMG /> on the HTML markup.*/

#fontswitch	{float:right;
			font-family:'Times New Roman';
			height:40px;}

#fontswitch ul	{margin:50px 10px 10px;}

#fontswitch li	{display:inline;
				padding-left:10px;}

#fontswitch a	{color:#25696C;
				text-decoration:none;}

#fontswitch a#small	{font-size:1.2em;}

#fontswitch a#medium	{font-size:2em;}

#fontswitch a#large	{font-size:2.5em;}

#fontswitch a:hover	{color:#666666;}

#top_menu	{position:absolute;
			right:0px;
			top:20px;}

#top_menu li	{display:inline;}

#top_menu li a	{padding:0px 10px 0px 0px;}

#top_menu li a:hover	{color:#666666;}
/*----------------------------Menu----------------------------*/			
#menu	{clear:both;
        font:12px arial;
		width:100%;
		height:46px;
		background:url(../images/menu.jpg) no-repeat;
		text-transform:uppercase;
		position:absolute;
		top:100px;}

#cssdropdown li	{float:left; 
				position:relative;}
				
.mainitems a	{padding:22px 16px 10px;
				color:#ffffff;
				text-decoration:none;
				display:block;
				background:url(../images/triangle.png) no-repeat 98% 28px;}
.mainitems a:visited	{color:#ffffff;}
.mainitems a:hover	{color:#c1c1c1;
					text-decoration:none;}

.mainitems  .notriangle	{background:none;}

.notriangle a   {padding:22px 20px 10px;
				color:#ffffff;
				text-decoration:none;
				display:block;}

.subuls	{display:none; 
		width:15em;
		position:absolute; 
		left:0;
		background-color:#515151;}
		
.subuls li	{width:100%;}

.subuls li a	{border-bottom:1px solid #ffffff; 
				display:block; 
				text-transform:none;
				font-size:1.1em;
				color:#ffffff;
				padding:4px 4px 9px 6px;
				background:#286568 none;}
				
.subuls li a:hover	{color:#c1c1c1;}


#cssdropdown li:hover ul, li.over ul	{display:block;}

/*---------------------------Banner---------------------------*/	
#banner	{position:relative;
		margin:50px 0px 20px;
		float:left;
		height:300px;
		width:679px;}

#more-selection	{padding:10px 10px; 
				width:270px; 
				height:280px; 
				margin-top:50px;
				background:#479fa3 url(../images/more-selection-bg.jpg) repeat-x; 
				float:right;}
				
#more-selection h3	{color:#fff; 
					text-transform:uppercase; 
					font-size:0.9em; 
					font-family:Arial, Helvetica, sans-serif;
					font-weight:normal;
					letter-spacing:1px;}
					
#more-selection hr	{border-bottom:1px dotted #ddd;
					height:1px;}

.gecko #more-selection hr	{padding:7px 0 0;}

#select-symptom {clear:both;}

#select-symptom h3	{margin-top:-5px;}

#select-symptom select	{font-size:1em; 
						width:100%; 
						margin:2px 0 5px;}
												
#select-specialist	{clear:both;}
#select-specialist ul	{margin:0 -5px;}
#select-specialist ul li	{float:left; 
							margin:5px 5px;}
							
#select-specialist ul li a	{display:block; 
							width:60px; 
							height:0; 
							padding-top:60px; 
							overflow:hidden; 
							background:url(../images/specialist_thumbs_3.png) no-repeat;}

#select-specialist #akash_verma_pic a	{background-position:-180px -120px;}							
#select-specialist #amy_stebbings_pic a	{background-position:0 0;}
#select-specialist #chan_tiong_beng_pic a	{background-position:-60px 0;}
#select-specialist #cheong_tuck_hong_pic a	{background-position:-120px 0;}
#select-specialist #chin_nyat_kooi_pic a	{background-position:-180px 0;}
#select-specialist #goh_teck_chong_pic a	{background-position:0 -60px;}
#select-specialist #hui_kok_pheng_pic a	{background-position:-60px -60px;}
#select-specialist #jane_yap_pic a	{background-position:-120px -60px;}
#select-specialist #kong_po_marn_pic a	{background-position:-180px -60px;}
#select-specialist #ong_kian_chung_pic a	{background-position:0 -120px;}
#select-specialist #tan_tiong_har_pic a	{background-position:-60px -120px;}
#select-specialist #yeo_chor_tzien_pic a	{background-position:-120px -120px;}

/*---------------------------Content---------------------------*/			
#content	{padding-top:15px;
            font-family:Verdana;color:#333;font-weight:lighter;font-size:12px;
			width:100%;
			overflow:hidden;
			clear:both;
			background-color:#fff;}
	
#left_side_home	{position:relative;
				float:left;
				width:675px;
				background-color:#fff;}

#left_side	{position:relative;
			float:left;
			margin-top:50px;
			width:675px;
			background-color:#fff;}


#left_side_home hr, #left_side hr	{border-bottom:1px solid #ccc;}

#left_side_home img, #left_side img	{border:5px solid #f0f0f0;}

.divider	{width:320px;
			float:left;
			margin:10px 0;}

.left22 {margin-left:22px;}

#right_side	{float:right;
			width:300px;}
			
/*-----------------------------Home Page------------------------*/		
#home img.float_right	{margin-left:10px;}	

/*---------------------------Sub Menu---------------------------*/				

#sub_menu	{width:200px;
			margin-right:20px;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:normal;}

#sub_menu li	{border:1px solid #cccccc;
				margin:1px 0;}

#sub_menu li#title	{padding:5px 10px 5px 15px;
					font-size:1.1em;
					border:none;
					font-size:1.5em;}

.bullet	{margin-right:5px;}

#sub_menu li a	{text-decoration:none;
				padding:5px 10px 3px 20px;
				display:block;
				color:#333333;}

#sub_menu li a:hover#sub_upper_respiratory	{height:50px;
											background:#CDDFDF url(../images/ul_bg_respiratory_hover.jpg) no-repeat ;
											color:#333333;}

#sub_menu li a:hover	{background:url(../images/ul_bg_hover.jpg) no-repeat;
						color:#333333;}	



/*----------------------Sub Menu Current Stage---------------------*/				

#akash #sub_akash, #amy #sub_amy, #chan #sub_chan, #cheong #sub_cheong, #chin #sub_chin, #goh #sub_goh, #hui #sub_hui, #yap #sub_yap, #kong #sub_kong,
#ong #sub_ong, #tan #sub_tan, #yeo #sub_yeo	{background:url(../images/ul_bg.jpg) no-repeat;
											color:#ffffff;}	
											

#asthma #sub_asthma, #bronchiectasis #sub_bronchiectasis, #bronchitis #sub_bronchitis, #chronic_cough #sub_chronic_cough, #coughing_blood #sub_coughing_blood, #influenza #sub_influenza, 
#lung_cancer #sub_lung_cancer, #snoring #sub_snoring, #tuberculosis #sub_tuberculosis   	{background:url(../images/ul_bg.jpg) no-repeat;
																																		color:#ffffff;}	
#upper_respiratory #sub_menu li a#sub_upper_respiratory, #chronic_obstructive #sub_chronic_obstructive	{height:50px;
																										background:#589598 url(../images/ul_bg_respiratory.jpg) no-repeat;
																										color:#ffffff;}
/*---------------------------Sub Content---------------------------*/				

#sub_content	{width:455px;
				float:left;
				margin-bottom:20px;}
			
#sub_content p	{margin-top:10px;}

.img_float_left	{float:left;
				width:160px;	
				margin:5px 15px 10px 0px;}

.doctor_address	{float:right;
				width:265px;
				margin:0 0px 10px -10px;}

#sub_content ul, ol	{margin:5px 5px 5px 30px;}


#sub_content ul li	{padding:1px 0px;
					list-style:circle;}
				

#sub_content ul li ul li	{list-style:disc;
							font-size:1em;}

#sub_content ul li ul li ul li	{font-size:1.1em;}

#sub_content ol li	{padding:1px 0px;
					list-style:decimal;}
				
#sub_content .useful_link	{float:left;
							border:1px solid #cccccc;
							margin:20px 10px 10px 0px;}

/*---------------------------Patient Service---------------------------*/				
#right-column	{float:right;
				width:290px;
				margin-top:20px;}
				
#right-column .section	{padding:5px 10px; 
						border:1px solid #f0e7e8; 
						margin: 10px 0 20px;
						background:#fafafa;}
						
#right-column .section hr	{border:0; 
							border-bottom:1px dotted #ccc;
							margin: 5px 0;}

#patient-services h2	{text-transform:uppercase; 
						font-size: 1.2em;}
						
#patient-services h3	{color:#25696C; 
						margin:0px 0px 5px;}

.div_img_txt	{width:100%;
				height:50px;}

.div_img_txt a	{text-decoration:underline;}

.div_img_txt p	{font-size:1.2em;
				font-family:Arial, Helvetica, sans-serif;
				color:#606060;}

.div_img_txt p.text	{margin-left:50px;}

.div_img_txt p.margin-top	{padding:10px 0px 0px;}

.ie7 .div_img_txt p.margin-top	{padding:10px 0px 0px;
 								margin-left:50px;}

.ie6 .div_img_txt p.margin-top	{padding:10px 0px 0px;
 								margin-left:50px;}

.click_here	{font-size:0.8em;}
				
.image	{float:left;}

/*-------------------Snoring and Sleeping Apnea----------------------*/	
select#sitting, select#watching, select#sitting_public, select#passenger, select#lying, select#talking, select#sitting_quitely,
select#stopped, input#total 	{width:50px;}

label.sleep	{width:auto;
			font-size:1.1em;}


/*---------------------------News & Update---------------------------*/	

#news-updates ul li	{margin:10px 0 20px;}
#news-updates ul li span	{color:#888;}
#news-updates .date	{font-size:0.8em;}
#news-updates .more-news	{float:right; 
							color:#888; 
							font-size:.8em; 
							font-weight: bold;}
							
#news-updates .more-news:hover {color: #333;}			
			
			
/*---------------------------Footer---------------------------*/							
#footer	{position:relative;
		width:100%;
		clear:both;
		background:url(../images/footer.jpg) no-repeat;
		height:155px;
		margin-bottom:20px;
		color:#ffffff;}

#footer ul	{margin-top:-5px;}		

#footer	li	{display:block;
			padding:0px;}

#footer li a	{font-size:0.9em;
				color:#ffffff;
				font-weight:bold;}

#footer li a:hover	{color:#CCCCCC;}				
				
#footer p	{font-size:0.9em;
			position:relative;
			padding:10px 10px 0px 20px;} 				

.ie6	{margin-left:40px;}

#div_link	{float:left;}
			
.footlinks	{float:left;
			width:160px;
			position:relative;
			margin:30px 30px 0px 20px;}

#address	{float:right;
			width:280px;
			position:relative;
			text-align:right;
			padding:15px 20px 0px 0px;
			font-weight:bold;}

#address p	{margin:8px 0px 0px;
			padding:0;}
		
/*-----------------------------------------------------------------*/	
/*			PNG fix, if Dean Edwards script fail.
/*-----------------------------------------------------------------*/	

/*

div {azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}

*/

/*----------------------Contact Us------------------------------*/

fieldset	{width:98%; 
		 	border:1px solid #cccccc;
			padding:10px 0;
			margin:10px 0px;}
		 
label	{width:135px; 
	  	padding: 4px 0;
		position:relative;
		float:left;
		display:block;
		font-size:0.9em;}

ul.contact_us	{width:90%;}
#sub_content ul.contact_us li	{clear:both;
								margin-left:0px;
								list-style:none;
								font-size:1.1em;}
								
select	{margin:7px;
		width:240px;
		float:left;
		position:relative;}
			
#name_name	{display:none;
			visibility:hidden;}
			
input, textarea	{width:240px;
				margin:7px;
				float:left;
				position:relative;}

input#date	{width:230px;}

button.datepicker_trigger	{margin-top:5px;}

input#submit	{clear:both;
			 	width:100px;
			 	margin:10px 20px 20px 143px;
				position:relative;}

legend	{margin-left:20px;
		font-size:1em;
		font-weight:bold;
		color:#FFFFFF;}

.error	{padding:0.5em; 
		border-top:2px solid #D56C6C; 
		border-bottom:2px solid #D56C6C;
		background:#FBE3E4 url(../images/error.jpg) center no-repeat; 
		background-position: 15px 50%;
		text-align:left;
		padding-left:45px;
		font-size:0.9em; 
		display:block;
		width:395px;
		border-color:#FBC2C4;}

#error_msg	{height:30px;
			width:435px;
			margin-bottom:20px;}


.code	{margin-top:100px;}

.reference
{
font-size: 0.8em;
}
.clinic_list_ph{list-style:disc;padding:0 0 0 10px;}
.clinic_list_ph li{font-size:10px;}