/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#pageHolder{
	width: 720px;
}

/* This is shown only on two pages:
    - Language selection page (e0_0_LanguageChoice)
    - Login page (e1_0_Diovan)
   The masthead pic contains a large "Diovantage"
*/
#topSectionlogin{
	background-image: url(../../images/global/G_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

/* This is shown on the remainder of the webpages of this site.
   The masthead pic doesnt contain the "Diovantage" text
*/
#topSection{
  background-image: url(../../english/images/E_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

#topSection #right{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../english/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;	
}

#topSection #right_FR{
  height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../french/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
  
}

#topSection #right #hiddendiv, #topSection #right_FR #hiddendiv{
	float: left;
	display: block;
	height: 75px;
	width: 200px;  
	cursor:pointer;
}

/* Arijit for Ragava start */
#topSectionWelcome{
	background-image: url(../../images/global/G_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

#topSectionWelcome #right{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../english/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionWelcome #right #hiddendiv{
	float: left;
	display: block;
	height: 75px;
	width: 200px;
	cursor:pointer;
}

/* Arijit for Ragava end */




/* arijit start*/

#topSectionAbout{
	background-image: url(../../images/global/S6_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

#topSectionAbout #right{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../english/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionAbout #right_FR{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../french/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionAbout #right #hiddendiv, #topSectionAbout #right_FR #hiddendiv{
	float: left;
	display: block;
	height: 75px;
	width: 200px;
	cursor:pointer;
}

#topSectionRes{
	background-image: url(../../images/global/S8_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}
/*madhavi*/
#main #topSection{
  background-image: url(../../english/images/E_Masthead.jpg);
  height: 171px;
	width: 720px;
	float: left;	
}
#main #topSection_FR{
  background-image: url(../../french/images/E_Masthead.jpg);
  height: 171px;
	width: 720px;
	float: left;
}

#e1 #topSection{
	background-image: url(../../images/global/G_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

#e1 #topSection .profile{
	background-image: url(../../images/global/G_Masthead.jpg);;
	height: 171px;
	width: 720px;
	float: left;	
}
#sec1 #topSection{
	background-image: url(../../images/global/S4_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}
#sec2 #topSection{
	background-image: url(../../images/global/S2_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}
#sec3 #topSection{
	background-image: url(../../images/global/S5_Masthead.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}
/*end madhavi*/
#topSectionRes #right{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../english/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#topSectionRes #right_FR{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../french/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionRes #right #hiddendiv, #topSectionRes #right_FR #hiddendiv{
	float: left;
	display: block;
	height: 75px;
	width: 200px;
	cursor:pointer;
}

#topGlossary{
	/*background-image: url(../../english/images/G_logo.gif);*/
	display: block;
	height: 91px;
	/*width: 600px;*/
	float: none;	
	background-color: #ffffff; 
  margin: 0px 10px 0px 25px;
}

#midGlossary{
	/*background-image: url(../../english/images/G_logo.gif);*/
	display: block;
	height: 41px;
	width: 700px;
	float: none;	
	/*background-color: #ffffff;*//*#008197; */
  margin: 0px 0px 0px 10px;
}

/*For User information */
#userinfo{
	float: right;
	display: block;
	height: 71px;
	width: 271px;
	text-align: left;
	background-image: url(../../images/global/G_Spacer.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 12px 15px 5px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}
/*Raghava*/
#userlogin{
	background-image: url(../../images/global/G_Spacer.gif);
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#userlogin1{
	float: right;
	display: block;
	width: 271px;
	text-align: left;
	background-image: url(../../images/global/G_Spacer.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0px 15px 0px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}

/*end Raghava*/
#userinfo #userid {
	font-weight      : bold;
	color            : #008197;	
	text-decoration  : underline;
	display          : inline;
}

#userinfo .links {
	color: #008197;
	height: 30px;
  margin-top: 4px;
}

#userinfo a{
	color: #008197;
}

#userinfo a:hover {
	color: #008197;
	text-decoration: underline;
}

#userinfo .goalread {
	font-weight: bold;
	color: #333333;	
	height: 15px;
}

#userinfo .goalreadvalues {
	font-weight: bold;
	color: #669900;	
	display: inline;
}

#midSection{
	width: 720px;
	float: left;
	text-align: left;
	background-image: url(../../images/global/G_bkgtile.jpg);
	background-repeat: repeat-y;
}

/* arijit start */

#midSection #leftNav #padsub{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	width: 155px;
}

/* arijit end  */

/* top nav laytout control */
#midSection #topNav{
	height: 72px;
	width: 710px;
	padding: 0px 0px 0px 10px;
	float: left;
}

#midSection #topNav #navDropShadow{
	background-image: url(../../images/global/G_UnderNav_tile.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 700px;
	float: left;
}

#midSection #leftNav{
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 195px;/*185px;*/
	/*background-color: yellow;*/
}

#midSection #leftNav #padsub{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width: 155px;
}

#midSection #leftNav #community{
	/*background-image: url(../../english/images/G_Seethecommunity.gif);
	background-position: left;
	background-repeat: no-repeat;*/
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 55px;
	width: 155px;
	cursor: pointer;
}
#midSection #leftNav #aboutmed{
	/*background-image: url(../../english/images/G_AboutMyMedication.gif);
	background-position: left;
	background-repeat: no-repeat;*/
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height: 55px;
	width: 155px;
	cursor: pointer;
}



#midSection #leftNav #adspace{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 85px;
	width: 155px;
	cursor: pointer;
}


/* ***********************
 * HONCODE related formats
 * *********************** */ 

#midSection #leftNav #honcode, * #honcode{
	float          : none;
	font-family    : Verdana, Helvetica, sans-serif ! important;
	font-size      : 10px ! important;
	margin         : 10px 0px 0px 0px;
	padding        : 0px 0px 10px 0px;
	width          : 185px;
}

* #honcode * div{
	float          : none;
	font-family    : Verdana, Helvetica, sans-serif ! important;
	font-size      : 10px ! important;
}

#midSection #leftNav #honcode a, * #honcode a{ /*Hyperlinks*/
	text-transform : none;
	text-decoration: none;
	width          : auto;
	color          : #333333 ! important;
	margin         : 0px 0px 0px 0px;
	padding        : 0px 0px 0px 0px;
	/*display          : auto;*/
	float            : none;
	/*background-image : auto;*/
	display          : inline;
	background-repeat: no-repeat;
	/*background-position: auto;*/
	font-family      : verdana, Helvetica, sans-serif;
	font-size        : 10px ! important;
	color            : #333333;	
}

/*Hyperlinks hover*/
/*#midSection #leftNav #honcode a:hover, * #honcode a:hover{ 
	cursor         :pointer;
}*/



/* *******************
 * SITE-UPDATED format
 * ******************* */ 
#midSection #leftNav #siteupdated, * #siteupdated{
	float          : none;
	font-family    : Verdana;
	font-size      : 10px;
	margin         : 10px 0px 10px 0px;
	padding        : 0px 0px 0px 0px;
}

#midSection #contentArea{
	float: left;
	width: 485px; /* 480px;*/
	margin : 10px 0px 0px 0px;
	padding : 0px 20px 0px 5px;	
	/*background-color:green;*/
}
#midSection #contentArea[id]{ /*For firefox*/
	width: 485px;
	padding : 0px 20px 0px 5px;	
}
#main #midSection #contentArea{
	float: none;
	width: 690px;
	margin : 10px 0px 0px 0px;
	padding : 0px 10px 0px 20px;
	}

#e1 #midSection #contentArea{
	float: none;
	width: 690px;
	margin : 10px 0px 0px 0px;
	padding : 0px 10px 0px 20px;	
	}

#about #midSection #contentArea{
	/*float: left;*/
	/*width: 640px;*/
	margin : 10px 0px 0px 0px;
	padding : 0px 10px 0px 10px;	
	}	
/*Madhavi - to get the link box*/
#contentArea .note{ /* note Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#contentArea .note b,#contentArea .note i,#contentArea .note u
{
  font-size: 10px;
}
/*20-12-05*/
/*for sec 1*/
#midSection #padsub .CalloutSideSec1{ /* Callout Class */
	color: #FFFFFF;
	background-color: #99CC33;
	margin: 9px 0px 9px 0px;
	
}
#midSection #padsub .CalloutHeadingSideSec1{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	background-color: #99CC33;
	padding: 4px 4px 4px 10px;
}

#midSection #padsub .CalloutContentSideSec1{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #99CC33;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}

#midSection #padsub .CalloutContentSideSec1 a{
	color: #99CC33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:120px;
}

#midSection #padsub .CalloutContentSideSec1 .PollRes{
	background-color: #E0F0C1;
}

/*end for sec 1*/
/*for sec 2*/
#midSection #padsub .CalloutSideSec2{ /* Callout Class */
	color: #FFFFFF;
	background-color: #008197;
	margin: 9px 0px 9px 0px;
	
}
#midSection #padsub .CalloutHeadingSideSec2{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	background-color: #008197;
	padding: 4px 4px 4px 10px;
}

#midSection #padsub .CalloutContentSideSec2{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #008197;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}

#midSection #padsub .CalloutContentSideSec2 a{
	color: #008197;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:120px;
}

#midSection #padsub .CalloutContentSideSec2 .PollRes{
	background-color: #E5F2F4;
}
/*end for sec 2*/
/*for sec 3*/
#midSection #padsub .CalloutSideSec3{ /* Callout Class */
	color: #FFFFFF;
	background-color: #FF9933;
	margin: 9px 0px 9px 0px;
	
}
#midSection #padsub .CalloutHeadingSideSec3{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	background-color: #FF9933;
	padding: 4px 4px 4px 10px;
}

#midSection #padsub .CalloutContentSideSec3{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #FF9933;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}

#midSection #padsub .CalloutContentSideSec3 a{
	color: #FF9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:120px;
}


#midSection #padsub .CalloutContentSideSec3 .PollRes{
	background-color: #FFE0C1;
}

/*end for sec 3*/
/* end 20-12-05*/
/*section 2*/
#homesec2 .Callout{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #008197;
	margin: 9px 0px 9px 0px;
}
#homesec2 .CalloutHeading{ /* CalloutHeading Class */
	color: #FFFFFF;
	background-color: #008197;
	padding: 4px 4px 4px 10px;
}
#homesec2 .CalloutContent{ /* CalloutContent Class*/
	text-transform: none;
	font-weight: normal;
	color: #008197;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}
#homesec2 .CalloutContent a{
	color: #008197 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}

/*section 3*/
#homesec3 .Callout{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF9933;
	margin: 9px 0px 9px 0px;
}
#homesec3 .CalloutHeading{ /* CalloutHeading Class */
	color: #FFFFFF;
	background-color: #FF9933;
	padding: 4px 4px 4px 10px;
}
#homesec3 .CalloutContent{ /* CalloutContent Class*/
	text-transform: none;
	font-weight: normal;
	color: #FF9933;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}
#homesec3 .CalloutContent a{
	color: #FF9933 ! important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}


/* This is used in Homepages*/
#midSection #section2 a{
	display: block;
	float: none;
	width: 180px;
	text-decoration: underline;
	background-image: url(../../images/global/S2_arrow.gif); /*url(../../images/global/G_LeftNav_arrow.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	padding : 0px 0px 0px 10px;	
	margin : 2px 0px 2px 0px;
	color: #003366;
}

#midSection #section3 a{
	display: block;
	float: none;
	width: 180px;
	text-decoration: underline;
	background-image: url(../../images/global/S3_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;/*left top;*/
	padding : 0px 0px 0px 10px;	
	margin : 2px 0px 2px 0px;
	color: #CC6600;
}


#sec2 #contentArea .Callout{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #008197;
	/*padding: 1px 1px 1px 1px;*/
	margin: 9px 0px 9px 0px;
}

#sec2 #contentArea .CalloutHeading{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #008197;
	padding: 4px 4px 4px 10px;
}

#sec2 #contentArea .CalloutContent{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #008197;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}

#sec2 #contentArea .CalloutContent a{
	color: #008197;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}


#sec2 #contentArea .hoverbox{ /* hoverbox Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #008197;
	margin: 9px 0px 9px 0px;
}

#sec2 #contentArea .hoverboxContent{ /* hoverboxContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #008197;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}

#sec2 #contentArea .quizarea{ /* quizarea Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #000000;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 18px;
}
#sec2 #contentArea .quizareaheight{ /* quizareaheight Class*/
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 18px;
}
#sec2 #contentArea .quizareaheader{ /* quizareaheader Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}
#sec2 #contentArea .Chart{ /* Chart Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	background-color: #FFFFFF;
/*	margin: 9px 0px 9px 0px;*/
	width:200px;
	border:solid thin;
	float:left;
	height:25px;
}

#sec2 #contentArea .ChartContent{ /* ChartContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	background-color: #FFFFFF;
	width:200px;
	border:solid thin;
  border-width:thin thin thin thin ;
	float:left;
}
/*sec2 items*/
/*Sec3 items*/
#sec3 #contentArea .Callout{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF9933;
	margin: 9px 0px 9px 0px;
	/*border:1px dotted;*/
}

#sec3 #contentArea .CalloutHeading{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF9933;
	padding: 4px 4px 4px 10px;
}

#sec3 #contentArea .CalloutContent{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #000000; /*#FF9933;*/
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 12px 8px;
}

#sec3 #contentArea .CalloutContent a{
	color: #FF9933; /*#CC6600; *//*changed 30-01-2006*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*height: 18px;*/
}
#sec3 #contentArea .hoverbox{ /* hoverbox Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF9933;
	margin: 9px 0px 9px 0px;
}

#sec3 #contentArea .hoverboxContent{ /* hoverboxContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #FF9933;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 19px 8px;
}

#sec3 #contentArea .quizarea{ /* quizarea Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #000000;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 18px;
}
#sec3 #contentArea .quizareaheight{ /* quizareaheight Class*/
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 18px;
}
#sec3 #contentArea .quizareaheader{ /* quizareaheader Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}
/*end sec3*/

/****** arijit new start (26-12)*/

#sec2 #contentArea .CalloutButton{ /* Callout Class */	
	color: #000000;
	background-color: #000000;
	margin: 9px 0px 9px 0px;
 	
}

#sec2 #contentArea .CalloutContentButton{ /* CalloutContent Class*/	
	color: #000000; /*#FF9933;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#sec3 #contentArea .CalloutButton{ /* Callout Class */	
	color: #FFFFFF;
	background-color: #000000;
	margin: 9px 0px 9px 0px;	
}

#sec3 #contentArea .CalloutContentButton{ /* CalloutContent Class*/	
	color: #000000; /*#FF9933;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/****** arijit new end */
/*end madhavi*/

/*madhavi tooltip*/
/*Tool Tip CSS*/
/*Sec 2 Tool Tip CSS*/
#sec2 .tip{
  float:none;
  display:none;
  visibility:hidden;
  width:160px;
  border:2px solid;
  color: #008197; /*#008197;*/ /*#008197;*/
}

#sec2 .tip h2{
  color: #008197; /*#008197;*/ /*#008197;*/
}

#sec2 #t1, #sec2 #t2, #sec2 #t3, #sec2 #t4, #sec2 #t5{
 /* width:200px;*/
  font:normal 10pt Arial,Helvetica,sans-serif; 
  background-color:#FFFFFF; 
  margin: 2px 2px 2px 2px;
  padding: 13px 10px 16px 13px;
}

/*Sec 3 Tool Tip CSS*/
#sec3 .tip {
  font:10px/12px Arial,Helvetica,sans-serif; 
  border:solid 2px #CC6600; 
  width:200px; 
  /*padding:1px; */
  position:absolute;
  /*z-index:100;*/ 
  visibility:hidden; 
  color: #CC6600;
  /*top:20px;*/ 
  /*left:90px;*/ 
  background-color:#ffffff; /*#ffffcc; */
  /*margin: 8px 8px 8px 8px;*/
  /*layer-background-color:#ffffcc;*/
}

#sec3 .tip b{
  color: #CC6600;
}

#sec3 #t1, #sec3 #t2, #sec3 #t3{
  width:180px;
  font:normal 10pt Arial, Helvetica, sans-serif; 
  background-color:#FFFFFF; 
  margin: 2px 2px 2px 2px;
  padding: 13px 10px 16px 13px;  
}
  /*layer-background-color:#ffcccc;*/

/*End Tool Tip CSS*/
/*end madhavi tooltip*/

#midSection #footerNav{
	clear: both;
	width: 680px;
	border-top: 1px dotted #d8d6c9;
	margin: 25px 15px 10px 20px;
	padding : 5px 0px 0px 0px;
	text-align: right;
}

#midSection #footerNav{
	color: #008197;
  font-family: Verdana;
	font-size: 10px;
}

#midSection #footerNav a{
	color: #008197;
    font-family: Verdana;
	font-size: 10px;
	text-decoration: none;	
}

#midSection #footerNav a:hover{
	color: #008197;
	text-decoration: underline;	
}

/* arijit start */

#about #contentArea .Callout1{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #cc0000;
	margin: 9px 0px 9px 9px;
}

#about #contentArea .CalloutHeading1{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #cc0000;
	padding: 4px 4px 4px 10px;
}

.CalloutHeading11{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #669900;
	padding: 4px 4px 4px 10px;
	}

#about #contentArea .CalloutContent1{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #cc0000;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 8px;
}

#about #contentArea .CalloutContent1 a{
	color: #cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}


#about #contentArea .Callout2{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #cc0000;
	margin: 9px 0px 9px 9px;
}

#about #contentArea .CalloutHeading2{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #cc0000;
	padding: 4px 4px 4px 10px;
}

#about #contentArea .CalloutContent2{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #cc0000;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 8px;
}

#about #contentArea .CalloutContent2 a{
	color: #cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}

#about #contentArea .CalloutContent3 a{
	color: #cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}

#about #contentArea .Callout3{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;	
}

#about #contentArea .CalloutContent3{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;	
	text-transform: none;
	font-weight: bold;
	color: #cc0000;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Glossary #contentArea .TopMenu a{
	color: #008197;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	height: 4px;	
	padding: 0px 8px 0px 7px;  	
}

#Glossary #contentArea .GlossaryPadding{
	padding-left: 27px;  	
}

/* arijit end */
/*
#topSectionJoinDiovan{
	background-image: url(../../images/global/S2_Masthead3.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

#topSectionJoinDiovan #right{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../english/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionJoinDiovan #right #hiddendiv{
	float: left;
	display: block;
	height: 75px;
	width: 200px;
	cursor:pointer;
}*/

/* bottom section, footer and legal info */
#bottomSection{
	background-color: #ffffff;
	background-image: url(../../images/global/G_Bottom.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 680px;
	height: 50px;
	float: left;
	text-align: left;
	padding: 20px 25px 0px 15px;	
}

#bottomSection #copyright{
	font-family: Verdana;
	font-size: 9px;
	width: 530px;
	height: 50px;
	float: left;
	text-align: left;
	padding: 5px 15px 0px 15px;	
	color: #333333;
}

#bottomSection #broughtby{
	background-image: url(../../images/global/G_NovartisLogo.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	width: 100px;
	height: 22px;
	float: right;
	text-align: right;
	padding: 0px 0px 0px 10px;	
	color: #008197;
}



/* Edited by Umakanth */

/*communityImages{
  float:  left;
}*/

#sec3 #contentArea .communityhead {
  text-transform    : uppercase;
  color             : #336600;
  font-size         : 12px;
  margin-bottom     : 5px;
  padding-bottom    : 2px;
}

#sec3 #contentArea .communityhead a {
	text-decoration   : none;
  color             : #336600;
}
#sec3 #contentArea .communityhead a:hover {
	text-decoration   : underline;
}

/*#new #contentArea h1 {
  font-size:15px;
}
#whatsNew {
  color: #CC6600;
  text-transform: uppercase;
}*/


#sec3 #contentArea .recipeTextAreaGreen {
  font-size         : 15px;
  line-height       : 19px;
  color             : #336600;
}
#sec3 #contentArea .recipeCallout {
  font-family       : Arial,Helvetica,sans-serif;
  font-size         : 12px;
  font-weight       : bold;
  margin            : 0px 0px 0px 0px;
}

#sec3 #contentArea .recipeCalloutHeading {
  background-color  : #A4001D;
  color             : #FFFFFF;
  font-family       : Arial,Helvetica,sans-serif;
  font-size         : 15px;
  font-weight       : bold;
  text-transform    : uppercase;
  padding           : 7px 11px 7px 11px;
  margin            : 0px 0px 0px 0px;
}
#sec3 #contentArea .recipeCalloutContent {
  background-color  : #FFFFFF;
  color             : #A4001D;
  font-family       : Arial,Helvetica,sans-serif;
  font-size         : 13px;
  font-weight       : lighter;
  border            : 1px solid #A4001D;
  padding           : 11px 11px 11px 11px;
  margin            : 0px 0px 0px 0px;
}
#sec3 #contentArea .recipeDownloadCount {
  color             : #A4001D;
  font-size         : 13px;
  font-weight       : bold;
}
.recipeHeading {
  font-size         : 12px;
  font-family       : Arial,Helvetica,sans-serif;
  font-weight       : bold;
  margin            : 9px 0px 9px 0px;
  background-color  : #FF9934;
  color             : #FFFFFF;
  text-transform    : uppercase;
  padding           : 7px 11px 7px 11px;
}
.recipeTitle {
  color             : #D68533;
  font-weight       : bold;
  padding-bottom    : 4px;
}
.recipeNew {
  font-family       : arial
  font-size         : 12px;
  font-weight       : bold;
  text-transform    : uppercase;
  color             : #A4001D;
  padding-left      : 3px;
}
.recipeDash {
  font-size         : 12px;
  color             : #cc6601;
  padding-left      : 3px;
  font-weight       : lighter;
}
.recipeImageRatingSmile {
  vertical-align    : middle;
  padding-left      : 8px;
  padding-right     : 5px;
}
.recipeImageRatingFrown {
  vertical-align    : middle;
  padding-right     : 6px;
}
.recipeRating {
  font-family       : arial;
  font-size         : 12px;
  line-height       : 18px;
  color             : #008197;
  padding-top       : 0px;
}
.recipeVote {
  font-family       : arial;
  font-size         : 16px;
  font-weight       : bold;
  color             : #008197;
  padding-right     : 3px;
  line-height       : 18px;
  padding-bottom    : 3px;
  vertical-align    : middle;
}

/*#note{
  font-size:10px;
}*/



#disclaimer_head {
  font-family: Arial;
  font-size: 9px;
  color: #666666;
}
#disclaimer_content{
  font-family: Arial;
  font-size: 9px;
  color: #666666;
  line-height: 11px;
}
#disclaimer_content b {
  font-family: Arial;
  font-size: 11px;
  color: #666666;
  line-height: 11px;
  font-weight: bold;
}

#community #contentArea h1,#community #contentArea h2{
  color:#db8f43;
  font-family: arial;
}
#community #contentArea h1 {
  font-size: 15px;
  text-transform: uppercase;
}
#community #contentArea h2 {
  font-size: 12px;
  text-transform: uppercase;
}
#community .community_subheadings {
  font-weight: bold;
  padding-bottom: 5px;

}
#community a{
	color: #CC6600;
}

#community a:hover {
	text-decoration: none;
}


/* For WhatsNew page*/

#topSectionWhatsNew{
	background-image: url(../../images/global/G_Masthead_New.jpg);
	height: 171px;
	width: 720px;
	float: left;	
}

#topSectionWhatsNew #right{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../english/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionWhatsNew #right_FR{
	height: 171px;
	float: right;
	width: 300px;
	background-image: url(../../french/images/G_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topSectionWhatsNew #right #hiddendiv, #topSectionWhatsNew #right_FR #hiddendiv{
	float: left;
	display: block;
	height: 75px;
	width: 200px;
	cursor:pointer;
}