/* 
	CSS Document - TABS.css
*/

.hidden{
	display:none;
	}
	
	.tabs{
	    padding-top: 30px;
		width:474px;  
		}
		.tabs ul{
			list-style:none;
			margin:0;
			padding:0;
			border-bottom: 1px #fff solid; /* IE fix */
			}

			.tabs ul li{
				float:left;
				padding-top: 0px;
				padding-bottom: 0px;
				}
				
				.tabs ul li a,
				.contents .tabs2 ul li a{
					display:block;
					height:45px;
					background-repeat:no-repeat;
					background-position:0px -0px;
					/*border:1px red solid; */
					}
					
					
					.tabs ul li a:hover,
					.contents .tabs2 ul li a:hover{ 
						background-position:0px -45px;
						}
						
					
					
					.tabs ul li a.on,
					.tabs ul li a.on:hover,
					.contents .tabs2 ul li a.on,
					.contents .tabs2 ul li a.on:hover{ 
						background-position:0px -90px;
						}



	.tabs .contents,
	.contents .tabs2 .contents{
		clear:both;
		width:100%;
		}
		.tabs .contents{
			background:url(../images/tabbg.jpg) no-repeat 0 0;
			}
		.contents .tabs2 .contents{
	clear:both;
	width:100%;
	background:url(../images/tab2bg.jpg) no-repeat 0 0;
	padding-left: 1px;
			}		
	.contents h2 {
	font-weight: bold;
	color: #16347d;
	padding-bottom: 10px;
	font-size: 16px;
	margin: 0px;
		}	
	
	.contents ul{
		list-style-type: none;
		list-style-image: url(../images/bullet-blue.gif);
		list-style-position: outside;
		line-height: 14px;
		text-align: left;
		margin:0 0 0 40px;
		padding-bottom: 10px;
		}
		.contents ul li {
			padding-top: 3px;
			padding-bottom: 3px;
			float: none;
			}
		
			.contents .tabs2{
				width:434px; 
				margin:0;
				padding:0 0 15px; 
				}
				.contents .tabs2 ul{
					list-style:none;
					margin:0;
					padding:0;
					border-bottom: 1px #fff solid; /* IE fix */
					}
					.contents .tabs2 ul li {
						float:left;
						padding-top: 0px;
						padding-bottom: 0px;
						}

		
a#tab1-1,
a#tab1-2,
a#tab1-3,
a#tab1-4,
a#tab1-5,
a#tab1-6,
a#tab2-1,
a#tab2-2,
a#tab2-3,
a#tab2-4 {
	border-bottom-style: none;
}


/* 
--------------	Can customize starting from this point ----------------------
*/		


/*   "How does eczema affect our daily life?" Section    */	

#how a#tab1-1 {
	background-image:url(../images/tm-how-emotional.jpg);
	width:139px;
	}
#how a#tab1-2 {
	background-image:url(../images/tm-how-family.jpg);
	width:71px;
	}
#how a#tab1-3 {
	background-image:url(../images/tm-how-parents.jpg);
	width:61px;
	}
#how a#tab1-4 {
	background-image:url(../images/tm-how-sleep.jpg);
	width:50px;
	}
#how a#tab1-5 {
	background-image:url(../images/tm-how-activities.jpg);
	width:111px;
	}
#how a#tab1-6 {
	background-image:url(../images/tm-how-itch.jpg);
	width:42px;
	}




#howFr a#tab1-1 {
	background-image:url(../images/tm-how-emotional-fr.jpg);
	width:119px;
	}
#howFr a#tab1-2 {
	background-image:url(../images/tm-how-family-fr.jpg);
	width:54px;
	}
#howFr a#tab1-3 {
	background-image:url(../images/tm-how-parents-fr.jpg);
	width:50px;
	}
#howFr a#tab1-4 {
	background-image:url(../images/tm-how-sleep-fr.jpg);
	width:54px;
	}
#howFr a#tab1-5 {
	background-image:url(../images/tm-how-activities-fr.jpg);
	width:106px;
	}
#howFr a#tab1-6 {
	background-image:url(../images/tm-how-itch-fr.jpg);
	width:91px;
	}





/*   "What is eczema?" Section    */

#what a#tab1-1 {
	background-image:url(../images/tm-what-about.jpg);
	width:77px;
	}
#what a#tab1-2 {
	background-image:url(../images/tm-what-cycle.jpg);
	width:85px;
	}
#what a#tab1-3 {
	background-image:url(../images/tm-what-severity.jpg);
	width:98px;
	}
#what a#tab1-4 {
	background-image:url(../images/tm-what-age.jpg);
	width:99px;
	}
#what a#tab1-5 {
	background-image:url(../images/tm-what-asthma.jpg);
	width:115px;
	}




#whatFr a#tab1-1 {
	background-image:url(../images/tm-what-about-fr.jpg);
	width:127px;
	}
#whatFr a#tab1-2 {
	background-image:url(../images/tm-what-cycle-fr.jpg);
	width:70px;
	}
#whatFr a#tab1-3 {
	background-image:url(../images/tm-what-severity-fr.jpg);
	width:87px;
	}
#whatFr a#tab1-4 {
	background-image:url(../images/tm-what-age-fr.jpg);
	width:65px;
	}
#whatFr a#tab1-5 {
	background-image:url(../images/tm-what-asthma-fr.jpg);
	width:125px;
	}

	
	
	
/*   "Prevention of flares" Section    */

#prevention a#tab1-1 {
	background-image:url(../images/tm-prevention-skincare.jpg);
	width:135px;
	}
#prevention a#tab1-2 {
	background-image:url(../images/tm-prevention-triggers.jpg);
	width:196px;
	}
#prevention a#tab1-3 {
	background-image:url(../images/tm-prevention-scratching.jpg);
	width:143px;
	}


#preventionFr a#tab1-1 {
	background-image:url(../images/tm-prevention-skincare-fr.jpg);
	width:152px;
	}
#preventionFr a#tab1-2 {
	background-image:url(../images/tm-prevention-triggers-fr.jpg);
	width:229px;
	}
#preventionFr a#tab1-3 {
	background-image:url(../images/tm-prevention-scratching-fr.jpg);
	width:93px;
	}




/*   "Therapeutic measures" Section    */

#therapeutic a#tab1-1 {
	background-image:url(../images/tm-therapeutic-signs.jpg);
	width:89px;
	}
#therapeutic a#tab1-2 {
	background-image:url(../images/tm-therapeutic-flares.jpg);
	width:90px;
	}
#therapeutic a#tab1-3 {
	background-image:url(../images/tm-therapeutic-corticosteroids.jpg);
	width:94px;
	}
#therapeutic a#tab1-4 {
	background-image:url(../images/tm-therapeutic-calcineurin.jpg);
	width:113px;
	}
#therapeutic a#tab1-5 {
	background-image:url(../images/tm-therapeutic-other.jpg);
	width:88px;
	}
	

#therapeuticFr a#tab1-1 {
	background-image:url(../images/tm-therapeutic-signs-fr.jpg);
	width:97px;
	}
#therapeuticFr a#tab1-2 {
	background-image:url(../images/tm-therapeutic-flares-fr.jpg);
	width:82px;
	}
#therapeuticFr a#tab1-3 {
	background-image:url(../images/tm-therapeutic-corticosteroids-fr.jpg);
	width:103px;
	}
#therapeuticFr a#tab1-4 {
	background-image:url(../images/tm-therapeutic-calcineurin-fr.jpg);
	width:118px;
	}
#therapeuticFr a#tab1-5 {
	background-image:url(../images/tm-therapeutic-other-fr.jpg);
	width:74px;
	}


	
/*   "Corticosteroids" Section    */

#corticosteroids a#tab2-1 {
	background-image:url(../images/tm-corticosteroids-weak.jpg);
	width:84px;
	}
#corticosteroids a#tab2-2 {
	background-image:url(../images/tm-corticosteroids-moderately.jpg);
	width:149px;
	}
#corticosteroids a#tab2-3 {
	background-image:url(../images/tm-corticosteroids-potent.jpg);
	width:79px;
	}
#corticosteroids a#tab2-4 {
	background-image:url(../images/tm-corticosteroids-very.jpg);
	width:122px;
	}



#corticosteroidsFr a#tab2-1 {
	background-image:url(../images/tm-corticosteroids-weak-fr.jpg);
	width:75px;
	}
#corticosteroidsFr a#tab2-2 {
	background-image:url(../images/tm-corticosteroids-moderately-fr.jpg);
	width:157px;
	}
#corticosteroidsFr a#tab2-3 {
	background-image:url(../images/tm-corticosteroids-potent-fr.jpg);
	width:89px;
	}
#corticosteroidsFr a#tab2-4 {
	background-image:url(../images/tm-corticosteroids-very-fr.jpg);
	width:113px;
	}


	
/* 	Content Style  */

div#tab1-1-content,
div#tab1-2-content,
div#tab1-3-content,
div#tab1-4-content,
div#tab1-5-content,
div#tab1-6-content,
div#tab2-1-content,
div#tab2-2-content,
div#tab2-3-content,
div#tab2-4-content {
	display:none;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 20px;
	}
	div#tab1-1-content,
	div#tab1-2-content,
	div#tab1-3-content,
	div#tab1-4-content,
	div#tab1-5-content,
	div#tab1-6-content {
		margin-right: 20px;
		margin-left: 20px;
	}