/*******************************************************************
 *** GLOBAL SETTINGS                                             ***
 *******************************************************************/

/*=={ Body Styling }===============================================*/

body         { margin: 0px; padding: 0px; font-size: 10pt; font-family: Helvetica, Arial, sans-serif; }
body#hcp     { background-color: #666666; }
body#patient { background-color: #FDF8BF; }

.smallcaps	 { font-variant: small-caps; }


/*=={ Default Link Settings }======================================*/
a:link		{ color: #000000; text-decoration: underline; }
a:visited	{ color: #000000; text-decoration: underline; }
a:hover		{ color: #000000; text-decoration: underline; }
a:active	{ color: #000000; text-decoration: underline; }

/*=={ Fix Common Tags }============================================*/

img  { border: 0px; }
form { margin: 0px; padding: 0px; }
sup  { position: relative; vertical-align: baseline; bottom: 0.5em; font-size: 0.8em; line-height: 0.8em; }


/*******************************************************************
 *** PAGE LAYOUT SETTINGS                                        ***
 *******************************************************************/

/*=={ Primary Container Divs }=====================================*/
#container_hcp {
	width: 780px; min-height: 100%;
	padding: 0px 10px;	margin: 0px auto;
	background-color: #FFFFFF;
	background-image: url('../images/UI-Container-BG-HCP.gif');
	background-repeat:repeat-y;
}

#container_pat {
	width: 780px; min-height: 100%;
	padding: 0px 10px;	margin: 0px auto;
	background-color: #FFFFFF;
	background-image:url(../images/UI-Container-BG-Patient.gif);
	background-repeat:repeat-y;
}

/*=={ Header Styles }==============================================*/
#header {
	position: relative;
	width: 780px; height: 72px;
	padding: 0px; margin: 0px;
	background-color: white;
	text-align: right;
	border-bottom: 1px solid white;
	background-repeat: no-repeat;
	background-position: right top;
}

#container_hcp #header { background-image: url('../images/UI-Header-BG-HCP.jpg'); }
#container_pat #header { background-image: url('../images/UI-Header-BG-Patient.jpg'); }

#header_logo { position: absolute; top: 0px; left: 0px; }

#header_links {
	height: 20px; padding-top: 15px;
	margin: 0px 10px 5px 10px;
	font-size: 8pt; color: #4F4F4F;
	font-family: arial; text-align: right;
}

#header_links a:link    { color: #4F4F4F; text-decoration: none; padding: 0px 2px; }
#header_links a:visited { color: #4F4F4F; text-decoration: none; padding: 0px 2px; }
#header_links a:hover   { color: #6F6F6F; text-decoration: underline; padding: 0px 2px; }
#header_links a:active  { color: #6F6F6F; text-decoration: underline; padding: 0px 2px; }

#header_button { margin: 0px 5px; padding: 0px; }


/*=={ Navigation Styles }==========================================*/

#navigation {
	height: 38px;
	margin: 0px; padding: 0px;
	background-color: #007ABF;
	border-left: 20px solid #007ABF;
}
#navigation a { float: left; }

#container_hcp #navigation { background-color: #203564; border-left: 20px solid #FCE000; }

#sub_nav { position: absolute; width: 136px; top: 132px; left: 0px; border: 1px solid #FFFFFF; border-bottom: 1px solid #DDDDDD; }
#sub_nav p          { padding: 6px 3px; margin: 0px; color: #007ABF; border-left: 3px solid #007ABF; }
#sub_nav p.indent   { /*padding-left: 15px; 042409_dm*/ }
#sub_nav img        { float: left; margin: 3px 2px; }
#sub_nav span.block { display: block; width: 85px; margin-left: 15px; }
#sub_nav a:link     { color: #000000; text-decoration: none; }
#sub_nav a:visited  { color: #000000; text-decoration: none; }
#sub_nav a:hover    { color: #444444; text-decoration: underline; }
#sub_nav a:active   { color: #444444; text-decoration: underline; }

/*=={ Content Layout Styles }======================================*/

#container_pat #content { position: relative; border-left: 20px solid #007ABF; }
#container_hcp #content { position: relative; border-left: 20px solid #FCE000;}
#container_hcp #content_hp { position: relative; border-left: 20px solid #FCE000;}

#container_pat #bottom_section { position: relative; clear: both; border-left: 20px solid #007ABF; background-image: url('../images/UI-ISI-BG.gif'); background-repeat: repeat-x; }
#container_hcp #bottom_section { position: relative; clear: both; border-left: 20px solid #FCE000; background-image: url('../images/UI-ISI-BG.gif'); background-repeat: repeat-x; }


/*=={ ISI Styles }=================================================*/

#ISI { padding: 25px; margin: 0px; }

#ISI h3 {
	margin: 8px 0px; padding: 0px;
	color: #666666; font-size: 8pt;
	line-height: 16px;
}

#ISI p {
	margin: 8px 0px; padding: 0px;
	color: #666666; font-size: 8pt;
	line-height: 16px;
}

#ISI ul { list-style-type: disc; color: #666666; font-size: 8pt; line-height: 16px; margin: 0px 0px 0px 14px; padding-left: 0px; }
#ISI li { list-style-type: disc; color: #666666; font-size: 8pt; line-height: 16px; margin: 0px 0px 5px 0px; }

#ISI p {
	margin: 8px 0px; padding: 0px;
	color: #666666; font-size: 8pt;
	line-height: 16px;
}

#container_hcp #ISI h3     { color: #333333; }
#container_hcp #ISI p      { color: #333333; }
#container_hcp #ISI p.blue { color: #0268B4; }
#container_hcp #ISI ul { color: #333333; }
#container_hcp #ISI li { color: #333333; }

#ISI a:link    { color: #0069AE; text-decoration: none; }
#ISI a:visited { color: #0069AE; text-decoration: none; }
#ISI a:hover   { color: #008BCF; text-decoration: underline; }
#ISI a:active  { color: #008BCF; text-decoration: underline; }


/*=={ Footer Styles }==============================================*/

#footer {
	clear: both; position: relative;
	height: 30px; margin: 0px; padding: 20px 20px 10px 20px;
	color: #666666; font-size: 7pt; font-weight: bold;
	line-height: 11px; text-align: right;
	background-color: #ECECEC;
	border-top: 3px solid #C0C0C0;
}
#footer #cephalonLogo { float: right; position: absolute; top: 15px; left: 10px; }
#footer #trackingNum  { float: left; padding-left: 150px; text-align: left; }

#footer #links           { color: #666666; font-size: 9pt; }
#footer #links a:link    { color: #666666; font-size: 9pt; font-weight: normal; text-decoration: none; }
#footer #links a:visited { color: #666666; font-size: 9pt; font-weight: normal; text-decoration: none; }
#footer #links a:hover   { color: #666666; font-size: 9pt; font-weight: normal; text-decoration: underline; }
#footer #links a:active  { color: #666666; font-size: 9pt; font-weight: normal; text-decoration: underline; }


/*******************************************************************
 *** PRIMARY CONTENT SETTINGS                                    ***
 *******************************************************************/

#content_title  { position: relative; border: 1px solid #FFFFFF; border-right: none; background-color: #6AABD2;}
#content_header { position: relative; width: 482px; margin: 0px auto; background-image: url('../images/UI-Content-Header-BG.gif'); background-repeat: repeat-x; }
#content_main   { position: relative; width: 480px; min-height: 350px; padding: 1px 0px 20px 0px; margin: 0px auto; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }

#content_main h2 { margin: 10px 10px  10px 20px; color: #000000; font-size: 11pt; line-height: 20px; }
#content_main h3 { margin: 10px 10px  10px 20px; color: #007ABF; font-size: 10pt; line-height: 20px; }
#content_main h4 { margin: 10px 10px -10px 20px; color: #007ABF; font-size:  9pt; line-height: 20px; }
#content_main p  { margin: 10px 10px  10px 20px; color: #000000; font-size:  9pt; line-height: 20px; }
#content_main ul { margin: 10px 10px  10px 35px; color: #000000; font-size:  9pt; line-height: 20px; list-style-type: disc; }

#content_main h3.black { color: #000000; font-size: 10pt; }
#content_main p.shaded { position: relative; margin: 10px 20px; padding: 20px; background-color: #DDDDDD; }

#content_main a:link    { color: #000000; font-weight: bold; text-decoration: underline; }
#content_main a:visited { color: #000000; font-weight: bold; text-decoration: underline; }
#content_main a:hover   { color: #333333; font-weight: bold; text-decoration: underline; }
#content_main a:active  { color: #333333; font-weight: bold; text-decoration: underline; }


/*=={ Patient Site: Home Page Intro }==============================*/

#patient_intro {
	position: relative;
	width: 347px; height: 310px;
	margin: 0px;
	padding: 21px 15px 0px 15px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #B3CBDD;
}
#patient_intro h2 { color: #003399; font-size: 9pt; font-weight: bold; margin-bottom: 0px; }
#patient_intro p  { color: #003399; font-size: 9pt; margin: 3px 0px 10px 0px; }


/*=={ Patient Site: Home Page Callouts }===========================*/

#container_pat #callout_1 {
	position: absolute; top: 0px; left: 378px;
	width: 352px; height: 316px;
	margin: 0px;
	padding: 15px 15px 0px 15px;
	border-top: 1px solid #FFFFFF;
	background-image: url('../images/UI-Callout-Nuvigil-Pat-BG.png');
	background-repeat: repeat-x;
}
#container_pat #callout_1 a img { border: 0px; position: absolute; left: -25px; top: -8px; }
#container_pat #callout_1 h4    { font-size: 9pt; margin: 200px 0px 0px 0px; }
#container_pat #isi_scroll {
	position: relative; height: 80px; overflow: scroll;
	padding: 5px; margin: 0px;
	border: 1px solid #999999; background-color: #FFFFFF;
}
#container_pat #isi_scroll h3 { font-size: 9pt; margin: 0px 0px 0px 0px; }
#container_pat #isi_scroll h4 { font-size: 8pt; margin: 0px 0px 0px 0px; }
#container_pat #isi_scroll p  { font-size: 8pt; margin: 0px 0px 11px 0px; }
#container_pat #isi_scroll ul { font-size: 8pt; margin: 0px 0px 11px 15px; padding: 0px; }
#container_pat #isi_scroll li { font-size: 8pt; }

#container_pat #callout_2 {
	position: absolute; top: 143px; left: 378px;
	width: 380px;
	height: 144px;
	/*background-image: url('../images/UI-Callout-Contact-Us.gif');
	background-repeat: no-repeat;*/
}
#container_pat #callout_2 a img { border: 0px; position: relative; left: 166px; top: 79px; }

#container_pat #main_callout {
	clear: both; height: 93px;
	padding: 6px 0px 1px 0px; margin: 0px;
	border-top: 1px solid #007ABF;
	background-color: #C9CACD;
}

#container_pat #main_callout_1 {
	float: left; display: inline;
	width: 348px; height: 69px;
	padding: 12px 15px; margin: 0px;
	background-image: url('../images/UI-Main-Callout-Button-BG.png');
	background-repeat: repeat-x;
}
#container_pat #main_callout_1 img { margin: 7px 0px 0px 0px; }

#container_pat #main_callout_2 {
	float: left; display: inline; position: relative;
	width: 382px; height: 93px;
	padding: 0px 0px; margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	background-image: url('../images/contact_us_patientHome.png');
	background-repeat: no-repeat;
}
#container_pat #main_callout_2 img { position: relative; margin: 0px 0px 0px 0px; }

#container_pat #main_callout_2 #newDiv { position: relative; margin: 60px 0px 0px 165px; }

/*=={ HCP Site: Home Page Intro }==============================*/

#hcp_intro {
	position: relative;
	width: 336px; height: 330px;
	margin: 0px;
	padding: 15px 25px 0px 16px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #336699;
	background-color: #DCDCDC;
	background-image: url('../images/UI-HCP-Intro-BG.png');
	background-repeat: repeat-x;

	line-height: 1em;
}
#hcp_intro h2 { color: #003399; font-size: 9pt; font-weight: bold; margin-bottom: 0px; }
#hcp_intro p  { color: #000000; font-size: 9pt; margin: 10px 0px 5px 0px; }
#hcp_intro a  { color: #225588; }


/*=={ HCP Site: Home Page Callouts }===========================*/
#container_hcp #hcp_callouts
{
	border-top: 5px solid #dcdcdc;
	clear; both;
	position: relative;

	height: 93px;
}
#container_hcp #callout_1 {
	position: absolute; top: 0px; left: 378px;
	width: 352px; height: 330px;
	margin: 0px;
	padding: 15px 15px 0px 15px;
	border-bottom: 1px solid #336699;
	background-image: url('../images/UI-Callout-Nuvigil-HCP-BG.png');
	background-repeat: repeat-x;
}
#container_hcp #callout_1 a img { border: 0px; position: absolute; left: -25px; top: -8px; }
#container_hcp #callout_1 h4    { font-size: 9pt; margin: 205px 0px 0px 0px; }
#container_hcp #isi_scroll {
	clear: both;
	position: relative; height: 80px; overflow: scroll;
	padding: 5px; margin: 0px;
	border: 1px solid #999999; background-color: #FFFFFF;
}
#container_hcp #isi_scroll h3 { font-size: 9pt; margin: 0px 0px 0px 0px; }
#container_hcp #isi_scroll h4 { font-size: 8pt; margin: 0px 0px 0px 0px; }
#container_hcp #isi_scroll p  { font-size: 8pt; margin: 0px 0px 11px 0px; }
#container_hcp #isi_scroll ul { font-size: 8pt; margin: 0px 0px 11px 15px; padding: 0px; }
#container_hcp #isi_scroll li { font-size: 8pt; }

#container_hcp #callout_2
{
	background: #FFFFFF url(../images/UI-HCP-Callout-Contact-Us.gif) no-repeat scroll center center;
	float: left;
	padding: 12px 0px;
	position: relative;
	height: 69px;
	width: 378px;
}
#container_hcp #callout_2 a img
{
	border: 0px;
	position:absolute;
	 top:58px;
	 left: 166px;
}
#container_hcp #callout_3
{
	background: #ACD8F6 url(../images/UI-HCP-Callout-info.gif) no-repeat scroll center center;
	float: left;
	padding: 12px 0px;
	position: relative;

	height: 69px;
	width: 382px;
}
#container_hcp #callout_3 a img
{
	border: 0px;
	position: absolute;
	 top:38px;
	 left: 20px;
}



/*=={ Form Settings }==============================================*/

#contact_form  { background-color: #CCE1F0; padding-top: 1px; margin-top: 20px; }
label { display: block; color: #333333; margin: 10px 0px 2px 0px; font-weight: bold; }

#contact_form h4       { margin: 40px 20px  0px 20px; color: #000000; font-size: 10pt; border-bottom: 1px solid #000000; }
#contact_form p.req    { margin:  0px 20px 15px 20px; color: #CC0000; font-weight: bold; text-align: right; }
#contact_form span.req { color: #CC0000; font-weight: bold; }

#contact_form a:link    { color: #000000; font-weight: normal; text-decoration: underline; }
#contact_form a:visited { color: #000000; font-weight: normal; text-decoration: underline; }
#contact_form a:hover   { color: #333333; font-weight: normal; text-decoration: underline; }
#contact_form a:active  { color: #333333; font-weight: normal; text-decoration: underline; }

#inset { margin: 10px; padding: 5px; background-color: #BBD0E0; }
#inset label { margin-left: 10px; }

#taking_provigil { margin-left: 40px; display: none; }

/* note: the display: inline; rule fixes a display issue in IE6 */
#agree_checkbox  { display: inline; width:  28px;  float: left; margin: 20px 0px 0px 20px; }
#agree_text      { display: inline; width: 400px; float: left; margin: 20px 20px 0px 5px; }

#submit          { padding: 10px 0px 20px 0px; margin: 0px; background-color: #FFFFFF; }
#submit p        { font-size: 8.5pt; }

/* note: the display: inline; rule fixes a display issue in IE6 */
.input_fields       { clear: both; margin: 0px 20px; }
.input_fields_float { display: inline; float: left; margin: 0px 4px 10px 20px; }

.input_030 { width:  30px; }
.input_040 { width:  40px; }
.input_050 { width:  50px; }
.input_075 { width:  75px; }
.input_100 { width: 100px; }
.input_120 { width: 120px; }
.input_150 { width: 150px; }
.input_200 { width: 200px; }
.input_250 { width: 250px; }
.input_270 { width: 270px; }
.input_300 { width: 300px; }
.input_350 { width: 350px; }
.input_400 { width: 400px; }
.input_430 { width: 430px; }

input[type=radio] { padding: 0px 0px 0px 15px; }

.submit_button { float: right; vertical-align: middle; }


/*******************************************************************
 *** INFOBOX SETTINGS                                            ***
 *******************************************************************/

div.infobox {
	position: absolute; display: none;
	top: 1500px; left: 39px; width: 400px;
	margin: 0px; auto;
	border: 1px solid #BBBBBB;
}

div.infobox_header {
	position: relative; height: 34px;
	line-height: 34px; padding: 0px 10px;
	background-image: url('../images/UI-Infobox-Header-BG.gif');
	background-repeat: repeat-x;
}

div.infobox_header h3 {
	display: inline;
	color: #FFFFFF !important;
	font-size: 9pt !important;
	margin: 0px 0px 0px 5px !important;
	line-height: 34px;
}

div.infobox_header h3 { vertical-align: middle; }

div.infobox_header a.infobox_close {
	display: block; float: right; width: 100px;
	color: #FFFFFF !important; font-size: 9pt;
	text-transform: uppercase; text-decoration: underline;
}

div.infobox_content { padding: 10px; background-color: #FFFFFF; }

div.infobox_footer {
	position: relative; height: 30px;
	border-top: 3px solid #BBBBBB;
	background-color: #FFFAD7;
}


/*******************************************************************
 *** BUTTON SETTINGS                                             ***
 *******************************************************************/

/*=={ Generic Button Styles }======================================*/

img.button { position: relative; border: none; cursor: pointer; }
img.icon   { position: relative; border: none; top: 1px; margin: 0px 5px; }

/*=={ BUTTON: Important Safety Info }==============================*/


/*******************************************************************
 *** POPUP WINDOW SETTINGS                                       ***
 *******************************************************************/

/*=={ Popup Window }===============================================*/

#popup_container { width: 552px; margin: 10px auto; padding: 15px; color: #999999; }
#popup_main      { width: 550px; margin: 0px auto 5px auto; color: #000000; border: 1px solid #AAAAAA; }

#popup_generic   { width: 100%; margin: 0px auto; color: #000000; }


/*=={ Popup Window: Header }=======================================*/
#popup_header {
	position: relative;
	height: 69px;
	padding: 1px 0px; margin: 0px;
	background-color: #FFDF06;
	text-align: right;
	background-image: url('../images/UI-Header-BG-Patient.jpg');
	background-repeat: repeat-y;
	background-position: 145px 0px;
}
#popup_generic #popup_header { border-bottom: 1px solid white; }

#popup_header div   { margin: 10px; }
#popup_header div a { color: #003366; text-decoration: underline; text-transform: uppercase; }

#popup_header div a img.icon { display: inline; }

#popup_content { min-height: 400px; padding: 0px; margin: 0px; }

#popup_generic #popup_content { padding: 30px 15px; border-top: 3px solid #007ABF; border-bottom: 3px solid #007ABF; }

#popup_main #popup_content #ISI h3     { color: #555555; font-size: 10pt; }
#popup_main #popup_content #ISI p      { color: #555555; font-size: 10pt; }
#popup_main #popup_content #ISI p.blue { color: #0268B4; }

#popup_title { background-image: url('../images/UI-Popup-Title-BG.png'); background-repeat: repeat-x; }

#popup_content h2 {  }
#popup_content h3 { color: #007ABF; font-size: 11pt; line-height: 20px; }
#popup_content p  { color: #000000; font-size:  9pt; line-height: 20px; }

#popup_main #popup_footer {
	min-height: 55px;
	line-height: 50px; color: #999999;
	padding: 0px 30px;
	border-top: 3px solid #AAAAAA;
	background-color: #FFF3B2;
}

#popup_generic #popup_footer {
	min-height: 55px;
	line-height: 50px; color: #999999;
	padding: 0px 30px;
}

#popup_container #popup_footer { min-height: 55px; line-height: 50px; color: #999999; padding: 0px 30px; }

#popup_container #popup_main a:link    { color: #0069AE; text-decoration: underline; }
#popup_container #popup_main a:visited { color: #0069AE; text-decoration: underline; }
#popup_container #popup_main a:hover   { color: #008BCF; text-decoration: underline; }
#popup_container #popup_main a:active  { color: #008BCF; text-decoration: underline; }

#popup_container a:link    { color: #999999; text-decoration: none; }
#popup_container a:visited { color: #999999; text-decoration: none; }
#popup_container a:hover   { color: #999999; text-decoration: underline; }
#popup_container a:active  { color: #999999; text-decoration: underline; }

#popup_container a img.icon { display: none; }