/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#pop-up {
background:url(../images/theraflu_vs_mucinex.png) no-repeat;
width:694px;
height:477px;
}

#pop-up a{
position:absolute;
margin-top:13px;
margin-left:630px;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
width:0px;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	/*background: #ffffff;*/
	z-index: 102;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	padding:0px;
	

}

#TB_window a{
	cursor:hand;
	cursor:pointer;

}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
z-index:500;

}

#TB_window img#TB_Image {
	display:block;
	margin: 0 0 0 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:0px 0px 0px 0px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:0px 0px 0px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:0px 0px 0px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:0px 0 0px 0px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	padding:0px;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:0px;
}

#TB_ajaxContent p{
	padding:0px 0px 0px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	background:#FAF099 url(../imgs/tell-a-friend-background.jpg) repeat-x top left;
}

#TB_iframeContent body {
background-color:#faf099;
}

/* ---------- Design des box ------------------------------------------------------*/


.lightbox .banner{
	background-image: url(../imgs/popup_banner.jpg);
	width:920px;
	height:33px;	
}

.bannertitle{
	font : 14pt verdana, Arial, sans-serif;
	color:#FFFFFF;
	margin-left:15px;
	line-height:32px; 
}

.close_button{
	margin-top:-27px;
	margin-right:20px;
	float:right;
}

.close_button_scroll{
	margin-top:-27px;
	margin-right:30px;
	float:right;
}

.lightBoxContent
{
	padding-top:0px;
	padding-left:24px;
	font-family:Georgia;
	font-size:12px;
	color:#525252;
}

#content-popup p a { cursor:pointer;}

.lightBoxContent ul li{
	margin-bottom:10px;
}

.lightBoxContent img {
margin-left:0px;
}

.lightBoxContent h1{
	font : 11pt verdana, Arial, sans-serif;
	font-weight:bold;
	margin-top:0px;
}

.lightBoxContent h2{
	font : 11pt verdana, Arial, sans-serif;
	font-weight:bold;
}

.lightBoxContent p{
	margin-bottom:30px;
	padding-bottom:0px;
	text-align:left;
}

.lightBoxContent #tell-a-friend-top {
margin-left:20px;

}

.lightBoxContent #tell-a-friend-top input {
width:252px;
}

.lightBoxContent #tell-a-friend-checkbox {
padding-left:20px;
}

.lightBoxContent #tell-a-friend-bottom {
margin-left:20px;
}

.lightBoxContent #tell-a-friend-bottom input {
width:252px;
}

.lightBoxContent #send-tell-a-friend-send-email {
padding-left:100px;
}

.lightBoxContent #send-tell-a-friend-send-email input {
border:0;
background:url(../imgs/send-a-email.jpg) no-repeat;
width:115px;
height:58px;
cursor:pointer;
}

.lightBoxContent #send-tell-a-friend-send-email ul {
list-style:none;
padding:0;
margin:0;
}


.lightBoxContent .tell-a-friend-line {
height:10px;
border-bottom:1px dotted #FAF4D2;
margin-bottom:14px;
}

.lightBoxContent #footer {
text-align:right;
}

.lightBoxContent #footer a {
text-align:right;
color:#525252;
}




.ok_button{
	float:right;
	width:58px;
	height:21px;
	background-image: url(../imgs/blue_button.jpg);
	text-align:center;
	font : 10pt verdana, Arial, sans-serif;
	padding-top:4px;
	margin-top:10px;
	margin-bottom:30px;
	font-weight:bold;
}


#disclaimer-buttons{
	padding-top:20px;
	text-align:center;
	
}

#disclaimer-buttons a{
	
	font-weight:bold;	
	text-decoration:none;
	font : 10pt verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

.continue-button
{  	
	display:-moz-inline-box;
	width:74px;
	height:28px;
	text-align:center;	
	background: transparent url(../imgs/blue_button_continue.jpg) no-repeat;   
	padding-top:3px;
	padding-left:6px;   
	color:White;
}
* html .continue-button{
	display:inline-block;
	width:68px;
	height:25px;	
	padding-top:3px;
	padding-left:0px;   
}

.cancel-button
{   
	display:-moz-inline-box;
	width:64px;
	height:28px;
	background: transparent url(../imgs/blue_button.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:3px;
	padding-left:6px;
   
}
* html .cancel-button{
	display:inline-block;	
	width:58px;
	height:25px;
	padding-top:3px;
	padding-left:0px;  
}




 #continue-button span
{  	
	display:-moz-inline-box;
	width:74px;
	height:28px;
	text-align:center;	
	background: transparent url(../imgs/blue_button_continue.jpg) no-repeat;   
	padding-top:3px;
	padding-left:6px;  
	color: #FFFFFF; 
	text-decoration:none;
}
* html #continue-button span{
	display:inline-block;
	width:68px;
	height:25px;	
	padding-top:3px;
	padding-left:0px;   
}

#cancel-button span
{   
	display:-moz-inline-box;
	width:64px;
	height:28px;
	background: transparent url(../imgs/blue_button.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:3px;
	padding-left:6px;
	text-decoration:none;
   
}
* html #cancel-button span{
	display:inline-block;	
	width:58px;
	height:25px;
	padding-top:3px;
	padding-left:0px;  
}


/************************ table ************/

 .roundedTable td, .roundedTable tr{

    padding:5px;
    margin:0;
}

 .roundedTable {

    border-collapse: collapse;
    width:740px;
}


 .roundedTable td {

    border: solid 2px #0F387A;
  
}
 .roundedTable thead{

    background-color:#366DA6;
    height:44px;
    border:0;
    
}
 .roundedTable thead tr,  .roundedTable thead td{

    padding:0 0 0 5px;
}

 .roundedTable thead td{
    
    background: #366DA6 url(../imgs/pixel_bleu.gif) left top repeat-x;
    border-width: 0 2px 2px 2px;
    color:White;
    
}

 .roundedTable tbody tr td:first-child{

   background: #FFF url(../imgs/pixel_bleu.gif) left top repeat-y;
   border-width: 2px 2px 2px 0;
}

 .roundedTable tbody tr td:last-child{

    border-width: 2px 0px 2px 2px;
    background: #FFF url(../imgs/pixel_bleu.gif) right top repeat-y;
}

 .roundedTable tbody tr:last-child td{

    border-width: 2px 2px 0px 2px;
    background: #FFF url(../imgs/pixel_bleu.gif) left bottom repeat-x;
}


 .roundedTable td.top{

    border-width:0px 0px 2px 0px ;
    color:#fff;
    background:#FFF url(../imgs/table_top.gif) no-repeat left top;
    height:45px;
}

 .roundedTable td.topLeft{

    border-left:0;
    border-top:0;
    background:#FFF url(../imgs/table_top.gif) no-repeat left top;
    height:45px;
    color:#fff;
}

 .roundedTable td.topRight{

    border-right:0;
    border-top:0;
    background:#FFF url(../imgs/table_top.gif) no-repeat right top;
   height:45px;
   color:#fff;
}

 .roundedTable tbody tr td.bottomLeft{

    border-left:0;
    border-bottom:0;
    background: #FFF url(../imgs/table_bottom.gif) no-repeat left bottom;
    
}

 .roundedTable tbody tr td.bottomRight{

    border-right:0;
    border-bottom:0;
    background: #FFF url(../imgs/table_bottom.gif) no-repeat right bottom;
    
   
}

.asterix{
	font-family:Verdana;
	font-size:11px;
  font-style:italic;
  text-align:left;
}