﻿* { margin: 0; padding: 0; color: #727272; background: transparent }
html { font-size: .75em; margin: 40px 0 10px 0; padding: 0 }
body { font-family: Verdana,Tahoma,Arial,Sans-Serif; font-size: 100%; color: #727272; 
       text-align: left; background-color: #fff; }

ul li,li ul,p span,div,div div,div div div,div div div div,div div div div div,
div div div div div p,div div div div div div,div p,li li,li p,td p,blockquote p { font-size: 1em }





a { cursor: pointer; color: #952912; text-decoration:underline }
a strong, a b, a sup, a em { color: #952912; }
a img, a:link img, a:visited img, img { border: 0 none }

#canvas p { font-size: 1.1em; color: #727272; line-height: 1.4em; margin-bottom: 1.2em; text-align: left }

h1 {margin-bottom: .6em; font-size: 1.6em; color: #952912;}
.sIFR-hasFlash h1 { visibility: hidden; }
h2 { margin-bottom: .8em; font-size: 1em; }
.sIFR-hasFlash h2 { visibility: hidden; }
h3 { margin-bottom: .8em; font-size:1em; }

ul,menu,dir { display: block; list-style-type: none }

sup { font-size:80%; }

img {display:block; border:none;}
     
#page { width: 800px; text-align: left;}
div#content { width: 650px; text-align: left; border: 1px solid #C9C9C9;}
.headcopy  { padding:20px; }
#contentHeadTbl {border-bottom: 1px solid #C9C9C9;}

div.logo { text-align: right; margin: 3.5em 10px 0 0; font-family: Arial,Sans-Serif; font-size: .95em; }
div.logo img { display: inline; position: relative; left: 2px; margin-bottom: 4px; }
div.logo p { color:#0083A9;  margin-bottom: 15px; }

ul.nav { float: right; width: 147px; margin-bottom: 3em;  list-style-type: none; text-align: right;}
ul.nav li { font-size: .95em; padding: 0; letter-spacing: -.05;}
ul.nav li a { display: block; font-size: 1em; line-height: 1.1em; padding: 3px 10px 3px 0; margin: .7em 0 0 0; text-decoration: none; width:137px;  color: #727272; background: url('../images/navBlockHCP.gif') repeat-y right top;}
ul.nav li a strong, ul.nav li a b, ul.nav li a sup { color: #727272; }
ul.nav li a:hover { color:#952912; }
ul.nav li a:hover strong, ul.nav li a:hover b, ul.nav li a:hover sup { color: #952912; }
ul.nav li.active a { padding-top: 2px; background: #c9c9c9; color: black; font-size: 1em; line-height: 1.1em; background-image: none; }
ul.nav li.active a:hover { background: #c9c9c9; color:#952912; font-size: 1em; line-height: 1.1em }
ul.nav li ul { width: 146px }
ul.nav li ul li { display: none; font-size: 1em; padding: 0; margin: 0 }
ul.nav li.active { border-left: solid 1px #C9C9C9; border-bottom: solid 1px #C9C9C9; background-color:#c9c9c9; background-image:none;}
ul.nav li.active ul {  background-color:white; padding:0; margin:0; }
ul.nav li.active ul li { position: relative; display: block; background-image: none;}
ul.nav li.active ul li a { display: block; font-size: 1em; line-height: 1.1em; margin: 5px 0 0 0; padding: 3px 8px 3px 0; color: #727272; background: none; width: 137px;}
ul.nav li.active ul li a:hover { background: none; color:#952912; }
ul.nav li.active ul li.secondaryActive a { color: black; }
ul.nav li.active ul li.secondaryActive a strong, ul.nav li.active ul li.secondaryActive a sup, ul.nav li.active ul li.secondaryActive a b { color: black; }
ul.nav li.active ul li a.active { color: black;}
ul.nav li.active ul li a.active:hover { color:#952912;}

#signReg {text-align:right; margin:3px;}
#signReg a { text-decoration: none; color: #727272; }
.emailprint {text-align:right; margin:3px;}

.inline {display:inline;}

table#homelinks {width:100%;  border: 1px solid #999; margin:4px 0;}
#homelinks td {width:25%; padding:5px;}


.border {border:1px solid #000;}

#homeCallouts { width: 650px; height: 103px; margin: 5px 0 0 0; border: solid 1px #C9C9C9; }
#homeCallouts a { float: left; width: 152px; height: 103px; text-decoration: none; margin-right: 14px; background-repeat: no-repeat; }
#homeCallouts a div { padding: 8px 5px 10px 5px; font-size: 9px }
#homeCallouts a div h3 {margin-top:-1px; margin-bottom: 1px; font-size: 12px; color: #952912 }
#homeCallouts a.yellow div h3 { margin-bottom: 2px; font-size: 10px }

#homeCallouts a.red { background-image: url(../images/callHomeRedOff.gif); }
#homeCallouts a.red:hover {background-image: url(../images/callHomeRedOn.gif); }
#homeCallouts a.blue {  background-image: url(../images/callHomeBlueOff.gif); }
#homeCallouts a.blue:hover {  background-image: url(../images/callHomeBlueOn.gif); }
#homeCallouts a.yellow { background-image: url(../images/callHomeYellowOff.gif); }
#homeCallouts a.yellow:hover { background-image: url(../images/callHomeYellowOn.gif); }
#homeCallouts a.green { background-image: url(../images/callHomeGreenOff.gif); margin-right: 0;}
#homeCallouts a.green:hover { background-image: url(../images/callHomeGreenOn.gif); }



div.global_header { position: relative; min-height: 40px; }
div.control_panel { position: absolute; bottom: 0; right: 0; }
div.breadcrumb_container { position: absolute; bottom: 0; left: 0;}

.breadcrumbs { font-size: .95em; }
.breadcrumbsleaf {font-weight:bold;}
.breadcrumbs a { color: #727272; text-decoration: none; }
.breadcrumbs { overflow: hidden}

.button { font-weight:bold; color:white; background-color:#952912; padding:3px 8px; text-decoration:none; }


#introductionLetter { padding: 1em; }
#introductionLetter p { margin: 1em 0; line-height: 1.6em; }
#introductionLetter ol li { margin-left: 1.7em; }

/*  footer ==========================*/

div.footer { width:650px; font-family: Helvetica, Arial, Sans-Serif; font-size:10px; margin: 1px; line-height: 1.25em; }
div.footer p { margin: 1em 0 1em 0 }
div.footer img { display: inline; vertical-align: middle;}
div.footer .copyright img { position: relative; top: -2px; }
div.footer strong { color: Black; }
div.footer a { color: #727272; text-decoration: none; }
div.footer a:hover { text-decoration: underline }
div.footer .links { width: 100%; overflow: hidden; }
div.footer .links .left { float: left; }
div.footer .links .right { float: right; }

/* use for the ModalPopupExtender BackgroundCssClass */

.modalBackground
{
    background-color:white;
    filter: alpha(opacity=70);
    -moz-opacity:0.7; 
    opacity: 0.7;
    position: absolute;
    z-index: 1000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 600px;
}

/* use for the Panel CssClass */
.modalPopup
{
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 620px;
}


/* TAF Styles*/
  .TAFtoTBL {margin:10px;}
           .TAFfromTBL {margin:10px;}
           .TAFlabelTD { width:100px;}
           .TAFfieldTD { width:200px;}
           .AddBtnDiv {text-align:center; padding:20px;}
           .RecipientTBL {width:300px;}
           .NoRecipient {}
           .RecipientTR {}
           .RecipientTRAlt {}
           .RecipientTD {}
           .Removebtn {}
           .PreviewEmailBody {padding:20px;}
           .PreviewEmailContainer {width:420px;margin-top:400px;}
           .PreviewSendDivCSS {margin-top:30px;}
           .PreviewDivCSS {display:inline;padding:20px;}
           .SendDivCSS {display:inline;padding:20px;}
           
           .PreviewEmailContainer
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    background-color:#e6e5e4;
    padding:20px;
    padding-top:10px;
}

.PreviewEmailBody
{
	margin:3px;
	background-color:#ffffff;
	border:solid 1px #6f6d6d;
	text-align:left;
}
.popcloseBtn {padding: 3px;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: yellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
.TellAFriendSendBtnCss
{
	text-align: right;
	padding-right: 60px;
}

.taful
{
	list-style-type:disc;
	margin-left: 16px;
}

.AddBtnDiv
{
	text-align: left;
}






div.content { width: 650px; text-align: left; border: 1px solid #C9C9C9; overflow: hidden;}

div.header  
{
	height: 199px;
	padding-right: 199px;
	border-bottom: 1px solid #C9C9C9;
	background: url(../images/hdrSecimage1.jpg) no-repeat top right;
}
div.content.IntroAlli   div.header { background-image: url(../images/hdrSecimage2.jpg); }
div.content.Patient     div.header { background-image: url(../images/hdrSecimage3.jpg); }
div.content.Pro         div.header { background-image: url(../images/hdrSecimage4.jpg); }



div.header h1,
div.header h2
{
	background: url(../images/imgColorsHome.gif) no-repeat bottom right;	
	text-align: right;	
	padding-bottom: 28px;	
	margin-right: 28px;	
	font-weight: normal;
}
div.header h1 
{
	padding-top: 77px;
	color: #952912;
	font-size: 1.9em;
}
div.header.has_subheader h1
{
	background-image: none;
	padding-bottom: 0;
	padding-top: 40px;
}




div.copy { margin: 1.8em 2em 2.6em 2em; padding: 0; width: 410px; line-height: 1.6em;}
div.copy h2 { font-size: 1em; color: #727272; }
div.copy h2 span.myalliplan { font-weight: normal; color: inherit; }
div.copy p { margin: 1em 0; }
div.copy small { line-height: 1.5em; }


div.copy ol { list-style-type: decimal; margin: 1em 0 1em 1.9em; }
div.copy ul { list-style-type: disc; margin: 1em 0 1em 1.3em;  }
div.copy ul li { margin: 0;  }
div.copy ol li { margin: 1em 0; }
div.copy ul li h2 { font-weight: normal; }
div.copy.faq ul li h2 { font-weight: bold; }

div.registration div.copy,
div.account div.copy { width: auto; }

div.resource { margin: 3em 0; width: 100%; overflow: auto; }
div.resource h2 { margin-bottom: 0; }
div.resource h2 span.myalliplan { font-weight: normal; color: #952912; }
div.resource p { margin-top: 0; font-size: .9em; line-height: 1.25em}
div.resource img { float: left; margin: 0 25px; display: inline;}

div.newsletter { margin: 2.5em 0; width: 100%; overflow: auto; }
div.newsletter img { float: left; margin: 0 2em 0 0; display: inline; }
div.newsletter .text { float: left; width: 250px; }
div.newsletter .text ul { margin-left: 1.3em}

div.newsletter_archive .issue { margin: 1.5em 0; width: 100%; overflow: auto; }
div.newsletter_archive .issue img { float: left; margin-right: 2em; } 
div.newsletter_archive .issue p { float: left; line-height: 70px; vertical-align: middle; margin: 0; }

div.adobe img { float: left; margin: 0 12px 0 25px; }
div.adobe .text { float: left; width: 250px;  }
div.adobe sup { vertical-align:text-top; }

div.paper h2 { margin-bottom: 0; }
div.paper h2 + p { margin-top: 0; }

div.callouts { float: right; margin: 1.8em 0 2.6em 0; }
div.callouts img { margin-bottom: 1.8em; }

.hidden { display: none; }

div.WarnOnLeave .externalLink { text-align: center; }
div.WarnOnLeave .buttons { margin: 2em; text-align: center; }

div.content input[type="submit"],
div.WarnOnLeave .buttons a { color:white; background-color: #952912; font-weight: bold; padding: 4px 8px; margin: .25em; text-decoration: none; border: none;}










td.registrationRequiredTable { padding: 2px 0; }
.UpdateProfileHeader { display: none; }
.UpdateProfileHeaderStatement { margin-bottom: 1.8em; }
.registrationInstructionsSmall { position: relative; left: -.6em; }

div.account table.SignInTable .SubHeading { margin: 1.8em 0 .45em 0; display: block; font-weight: bold; }
.QuestionLabel { margin: 0 8px;  }
div.account input { margin: 2px 0; }
div.account table.SignInTable input { margin: 4px 0; }
div.account input[type="checkbox"] { margin: 6px 3px 0 0; }
div.account input[type="submit"] { margin: 1em 0; }

div.account .ordreqmarklabel,
div.account .RequiredMarkerLabel
{
color: #ff0000;
text-align:right;
}

Input.TextBoxLong
{
	width:250px;
}

.HelpContainer
{
	background-color:#EEEEEE;
	border:solid 1px #777777;
	padding:10px;
	width: 320px;
	visibility:hidden;
	z-index: 10000;
}

.HelpTitleBar
{
	color:#000000;
	font-size:14PX;
	font-weight:bold;
}

.PwdAssistSubHeader
{ font-weight: bold;}


.RequiredMarkerBackground
{
	background-image: url(../Images/en/pwd/validate.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	color: red;
	padding-bottom: 2px;
}