/* CSS Document */

html, body, select {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:18px;
	font-weight:normal;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:18px;
}

:focus { /* remove outline */
	outline: 0;
}

/* CONTAINER */

#container {
	width:960px;
	margin:0 auto;
}

.container {
}

.container td {
	vertical-align:top;
}

#bannerImage {
	position:relative;
}

#bannerImage img {
	display:block;
}

#bannerImage a {
	padding:0;
}

#bannerLogo {
	position:absolute;
	top:47px;
	left:30px;
}

#bannerTitle {
	position:absolute;
	top:163px;
	left:234px;
}

#bannerTitleFr {          /* For french accents... */
	position:absolute;
	top:156px;
	left:234px;
}

#topnavLeft {
	display:inline; /* add for IE6 */
	float:left;
	margin:0 0 0 22px;
	padding:0;
}

#topnavRight {
	display:inline; /* add for IE6 */
	float:right;
	text-align:right;
	margin:0 30px 0 0;
	padding:0;
	position:relative;
	top:5px;
	width:360px;
}

#topnavRight a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	margin: 0 0 0 8px;
	padding:4px 0;
}

#topnavRight a:hover {
	color:#40bde8;
}

/* MAIN CONTENT AREA */

a {
	color:#005195;
	text-decoration:underline;
	padding:4px 0;
}

a:hover {
	color:#00A7D4;
	text-decoration:underline;
}

p, .normal {
	margin:0 0 15px 0;
	padding:0;
}

p.mainTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	line-height:18px;
	color:#666666;
	margin:0 0 20px 0;
	padding:0;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:20px;
	color:#005195;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666666;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666666;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}

h3 a {
	text-decoration:none;
}

h3 a:hover {
	text-decoration:underline;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0;
}

h5 a {
	text-decoration:none;
	font-weight:bold;
}

h5 a:hover {
	text-decoration:underline;
}

.legal, .legal a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#afafaf;
	margin:0;
	padding:0;
	text-decoration:none;
}

.legal a:hover {
	text-decoration:underline;
}

/* SIDEBAR */

.sidebar {
}

.sidebar img {
	display:block;
	margin:0 0 10px 0;
}

.sidebar img.caption {
	/*display:block;*/
	margin:0 0 3px 0;
}

.sidebar p {
	margin:0 0 10px 0;
}

.sidebar a {
	color:#005195;
}

.sidebar a:hover {
	color:#00A7D4;
}

.sidebar h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:18px;
	color:#666666;
	font-weight:bold;
	margin:0 0 6px 0;
	padding:0;
}

.sidebar h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#005195;
	font-weight:bold;
	text-transform:none;
	margin:0 0 1px 0;
	padding:0;
}

.sidebarContainer {
	width:218px;
	border:1px solid #969696;
	padding:15px 15px 5px 15px;
	margin:0 0 15px 0;
}

/* LISTS */

ul {
	list-style-type:none; /* remove automatic bullet */
	padding: 0 0 0 15px; /* move bullet to the right (add padding-left) */
	margin: 0 0 15px 0;
	line-height:15px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ul li {
	background-image: url(/images/bullet.gif); /* add custom bullet */
	background-repeat: no-repeat;
	background-position: 0 7px; /* position from 'Left' 'Top' - used mostly for small bullet images */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 0 0 0 10px; /* define distance of text from bullet */
	margin: 0 21px 4px 0;
}

ol {
	padding: 0 0 0 35px; /* move number to the right (add padding-left) */
	margin: 0 0 15px 0; /* Move number using left-margin */
	line-height:15px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 0 0 0 0; /* define distance of text from bullet */
	margin: 0 21px 4px 0;
}

.sidebar ul {
	list-style-type:none;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0;
	line-height:15px;
}

.sidebar ul li {
	background-image: url(/images/bullet.sb.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 0 0 0 10px;
	margin: 0 21px 8px 0;
}

.sidebar ul.linkList { /* for no extra spaces at bottom */
	list-style-type:none;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	line-height:15px;
}

ul.linkList { /* see Investors page for example */
	list-style-type:none;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	line-height:15px;
}

ul.linkList li {
	background-image: url();
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 0 0 0 0;
	margin: 0 21px 4px 0;
}

/* DROPSHADOW STYLES */

.shadowEffect {
	background:#dddddd;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin:0 0 0 2px;
	padding-top:1px; /* added for IE */
}

.repositionShadow { /* applied to a span surrounding 'inside' for IE */
	position:relative;
	left:-1px;
	top:-1px;
}

.inside {
	position:relative;
	background:#fff;
	border:1px solid #bababa;
	padding:5px;
}

/* CRYOBIOLOGY */

#cryobiologyMovie { /* so far not needing any styles */
}

#criobiologyMovieDescription {
	position:absolute;
	top:50px;
	left:345px;
	width:350px;
}

#criobiologyTextDescription { /* so far not needing any styles */
}

#cryobiologyMovie .criobiologyMovieNavigation { /* applies the class only if inside this id */
	position:absolute;
	top:291px;
	left:635px;
	width:75px;
}

#criobiologyTextDescription .criobiologyMovieNavigation { /* applies the class only if inside this id */
	text-align:right;
	margin-right:5px;
}

/* VIDEO PAGES */

#videoContainer {
	/*width:600px;*/
	height:390px;
	padding:0;
	margin:0;
}

#videoTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	background:#094f87;
	margin:0;
	padding:4px 0 6px 20px;
}

#videoActual {
	padding:25px 0 0 25px;
	float:left;
	margin:0;
}

#videoDescription {
	display:inline;
	float:right;
	border:1px solid #969696;
	width:230px;
	margin:25px 15px 0 0;
	padding:0;
}

#videoDescription p {
	margin:0;
	padding:0;
}

#videoDescription h3 {
	color:#de7702;
}

#videoSwitch {
	position:absolute;
	top:380px;
	left:25px;
}

/* EVENTS */

.eventIcon {
	float:left;
	width:100px;
	padding-bottom:15px;
}

.eventBlurb {
	float:right;
	width:315px;
}

.eventTitleTable {
	margin-bottom:20px;
	width:430px;
}

.eventTitleTable th {
	vertical-align:middle;
	padding-right:10px;
}

.eventTitleTable td {
	vertical-align:middle;
}

.eventContainer {
	display:block;
	overflow:auto;
}

/* other random things that we need */

fieldset { /* general model for main content area */
	border:1px solid #666666;
	margin:0 0 10px 0;
	padding:5px 15px 0 15px;
}

legend { /* used in conjuction with fieldset */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#005195;
	font-weight:bold;
	margin:0 0 4px 0;
	padding:0 5px;
}

sup { /* superscript */
	vertical-align:text-top;
	font-size:10px;
}

sub { /* subscript */
	vertical-align:text-bottom;
	font-size:10px;
}

.noFlash {
	background-color:#ffffff;
	border: double #FF0000;
	padding: 10px 10px 0px 10px;
	margin:10px 20px;
}

.generalTable { /* standard model for main content area */
	width:430px;
	border-collapse:collapse;
}

.generalTable td {
	vertical-align:top;
}

.generalTable td.dividingLine {
	padding:0;
}

.orderformTable {  /*  For tables with colored heading & lines for each row (as in 17.2.marketing.tools.eur.asp)  */
	width:700px;   /* redefine this one locally as needed */
}

.orderformTable td {
	border-bottom:1px solid #bfe9f4;
	padding:4px 10px 4px 5px;
}

.orderformTable th {
	border:none;
	padding:2px 5px;
	text-align:left;
	background-color: #e5f6fb;
}

.orderformTable th h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#005883;
	font-weight:bold;
	margin:2px 0 2px 0;
	padding:0;
}

.orderformTable th div {
	text-align:right;
	padding-right:5px;
}

.orderformTable input {
	width:60px;
}

.orderformTable img {
	border:1px solid #e5f6fb;
}

.dividingLine { /* used to separate sections in a table - see example on doc center Articles and Abstracts page */
	border-bottom:1px solid #036594;/*height:1px;*//*font-size:0px;*//*line-height:0px;*//*margin:0;
	padding:0;*/
}

.separator {
	width:100%;
	height:1px;
	margin:0 0 10px 0;
}

.needsAttention {
	border:double 4px #FF0000;
	background:yellow;
	padding:5px;
	text-decoration:blink;
}

.preloadImage {
	display:none;
	visibility:hidden;
}

form {
	padding:0;
	margin:0;
}

.errmsg { /* used on forms to relay error messages back to user */
	color:red;
	font-weight:bold;
}

.submitMe {
	border:1px solid #005195;
	color:#005195;
	padding:2px;
	margin:0;
	background:#fff;
	width:auto;
	font-weight:bold;
}

.submitMe:hover {
	color:#00A7D4;
}

#prevNext {
	text-align:center;
	padding:5px;
}

#prevNext img {
	padding:0 10px;
	margin:0 5px;
}

.brochureThumbs { /* used on Quickpick pages */
	padding-bottom:14px;
}

.brochureThumbs img { /* used on Quickpick pages */
	float:left;
	margin:0 10px 14px 0;
}

.noPrint {
}