/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif;  color:#000; font-size:11px; }

.sidebar a { color:#fff; text-decoration:underline }
a { color:#000; text-decoration:underline }

p.home, ul.home,  span.home  { color:#fff; font-size:11px;}
ul.home {
	margin: 0;
	padding: 0 0 5 5;
	line-height: 15px;
}

sup  { 
	font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
sup { 
	font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;

 }
	
h1.home { color:#FFFFFF; font-size: 13px; font-weight:bold; margin-bottom:4px; margin-top:5px; padding-bottom:0px; padding-top:0px; text-transform:uppercase; }

h1 { color:#0193cf; font-size:14px; margin-bottom:8px; margin-top:5px; text-transform:uppercase; }

h2 { color:#000; font-size:12px; margin-bottom:5px; margin-top:5px; font-style:italic; }

p { color:#000; font-size:11px; }

li { color:#000; font-size:11px; }

p.footer { color:#FFFFFF; font-size: 10px; }

.footer a {color:#FFFFFF}

p.navlinks { padding-left:5px; }

span.footer { color:#FFFFFF; font-size:9px; }

.headline {
	text-transform: uppercase;
	font-weight: bold;
	color: #0193cf; 
	font-size:13px;
}
.subhead, .eyebrow {
	font-weight: bold;
	color: #000; 
	font-size:11px;
}

.eyebrow {
	font-style: italic;
}

.copy {
	color: #000; 
	font-size:11px;
}

.references {
	color: #000; 
	font-size:9px;
}

.footnotes {
	color: #000; 
	font-size:9px;
}

.table {
	display:table;
	width: 100%;
	border: 1px solid #000;
	padding: 0px;
	padding: 0px 15px 0px 15px;
}

.content {
	background-image: url(/images/content_background.jpg); background-repeat:none; background-repeat:no-repeat;
	padding:25px;
	padding-right: 0px;
	background-color: #fff;
	color: black;
}

.side_image {
	margin: 0px 0px 20px 20px;
}

#NextPrevious img { border: 0; }


.for_alt_tag { position:absolute;left:-100000px; }


h1.red-headline { color: #ff3600; margin-left: 25px; font-size: 1.2em;}

#trainingguide sup { font-weight: normal; }
#trainingguide .nav-buttons { height: 38px; margin-left: 6px; }

#trainingguide .nav-buttons a { float: left; width: 134px; height: 31px; background-image: url(/images/trainingguide/nav-buttons-small.png); margin: 0px 8px; margin-top: 7px; }
#trainingguide .nav-buttons div { float: left; width: 161px; height: 38px; background-image: url(/images/trainingguide/nav-buttons-large.png); margin: 0px 8px;}

#trainingguide .nav-buttons a.bravelle {background-position:    0px 0;}
#trainingguide .nav-buttons a.menopur  {background-position: -134px 0;}
#trainingguide .nav-buttons a.repronex {background-position: -268px 0; width: 144px; }
#trainingguide .nav-buttons a.novarel  {background-position: -412px 0; width: 144px; }

#trainingguide .nav-buttons a.bravelle:hover {background-position:    0px -31px;}
#trainingguide .nav-buttons a.menopur:hover  {background-position: -134px -31px;}
#trainingguide .nav-buttons a.repronex:hover {background-position: -268px -31px;}
#trainingguide .nav-buttons a.novarel:hover  {background-position: -412px -31px;}

#trainingguide .nav-buttons div.bravelle {background-position:    0px 0;}
#trainingguide .nav-buttons div.menopur  {background-position: -161px 0;}
#trainingguide .nav-buttons div.repronex {background-position: -322px 0;}
#trainingguide .nav-buttons div.novarel  {background-position: -483px 0;}


#trainingguide .page {
	border: 1px solid #0193cf;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 660px;
	background-color: #f0f0f0;
}

#trainingguide  a.play-all { width: 104px; height: 25px; background-image: url(/images/trainingguide/play-all-button.png); display: block;float:left;}
#trainingguide  a.play-all:hover { background-position: -104px 0; }

#trainingguide  a.play-all-espanol { width: 209px; height: 24px; background-image: url(/images/trainingguide/ver-todos-en-espanol.png); display: block; margin-top:32px;}
#trainingguide  a.play-all-espanol:hover { background-position: -209px 0; }

#trainingguide  a.view-in-espanol { width: 135px; height: 22px; background-image: url(/images/trainingguide/view-in-espanol.png); display: block;}
#trainingguide  a.view-in-espanol:hover { background-position: -135px 0; }

#trainingguide .page .heading h1 { margin: 13px 15px; margin-bottom: 8px;}
#trainingguide .page .heading div { margin: 0px 15px; margin-bottom: 13px; font-size: 12px;}

#trainingguide .page table    { border: 0px;  }
#trainingguide .page table td { padding: 0px; }

#trainingguide .page .subheading,
#trainingguide .page .printable-heading    { background-color: #1b9ed4; color: #fff;  }

#trainingguide .page .subheading         { width: 456px; border-right: 1px solid #79c6e6; font-size: 13px; font-weight: bold; letter-spacing: 0.6px;}
#trainingguide .page .printable-heading  { width: 202px; border-left:  1px solid #a1d7ed; font-size: 10px; font-weight: bold;}

#trainingguide .page .subheading div        { margin: 14px 13px; }
#trainingguide .page .printable-heading div { margin: 10px; }

#trainingguide .page .videos-column { border-right: 1px solid #87c8e1;}
#trainingguide .page .print-column  { border-left:  1px solid #5ab7db; background-color: #daebeb; vertical-align: top; border-radius: 0px 0px 8px 0px;}

#trainingguide .page .play-all-container { background-color: #dedede; height: 78px; border-top: 1px solid #f0f0f0;}
#trainingguide .page .play-all-container div { padding: 8px 10px; }

#trainingguide .video-container { border-top: 1px solid #fbfbfb; border-bottom: 1px solid #ccc; height: 166px;}
#trainingguide .video { width: 428px; height: 137px; margin: 15px 12px;}

#trainingguide .video-container.first {border-top-color: #f0f0f0; }
#trainingguide .video-container.last {border-bottom-color: #f0f0f0; }

#trainingguide .preview,
#trainingguide .details,
#trainingguide .chapter,
#trainingguide .title,
#trainingguide .description,
#trainingguide .view-espanol { float: left; }

#trainingguide .preview { position: relative; }
#trainingguide .thumb {width: 193px; height: 138px; display: block; }
#trainingguide .video-play-button { background-image: url(/images/trainingguide/video-play.png); background-repeat: no-repeat; background-position: 50% 50%; width: 193px; height: 138px; position:absolute; top: 0px; display: block;}
#trainingguide .details { margin-left: 10px; margin-top: 2px;  height: 113px;}

#trainingguide .chapter,
#trainingguide .title { color: #0193cf; font-size: 14px;}

#trainingguide .chapter     { clear: left; }
#trainingguide .title       { clear: left; font-weight: bold; width: 220px;  }
#trainingguide .title  div  { font-size: 10px; }
#trainingguide .description { clear: left; font-size: 11px;  width: 220px; margin-top: 6px; }

#trainingguide .view-espanol { margin-left: 10px; margin-top: 2px; }

#trainingguide .videos-column .footer     { margin: 16px 13px;    }  
#trainingguide .videos-column .footer img { display: block;  margin-bottom: 20px; }
#trainingguide .videos-column .footer div { font-size: 10px; }


#trainingguide .print-column .overview   { font-size: 11px; margin: 16px 8px;}
#trainingguide .print-column .sub        { font-size: 10px; margin: 16px 8px 4px 8px;}

#trainingguide .print-column a.english-button,
#trainingguide .print-column a.non-english-button { 
	display: block;
	width: 182px;
	height: 32px;
	line-height: 32px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	margin: 10px 8px;
}

#trainingguide .print-column a.english-button div,
#trainingguide .print-column a.non-english-button div { margin-right: 43px; }

#trainingguide .print-column a.non-english-button.french-canadian div { margin-right: 33px; }


#trainingguide .print-column a.english-button     {	color: #fff;    text-shadow: -1px 1px 0px #333; background-image: url(/images/trainingguide/english-button.png); }
#trainingguide .print-column a.non-english-button {	color: #0193cf; text-shadow: -1px 1px 0px #fff; ;background-image: url(/images/trainingguide/non-english-button.png); }


#trainingguide .print-column a.english-button:hover,
#trainingguide .print-column a.non-english-button:hover { background-position: -182px 0px; }