﻿
html, body {
    margin:0;
    padding:0;
    }

body {
    margin:0;
    padding:0;
	color:#464646;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
    background-image:url(../../images/site/bg-top.gif);
    background-position:left top;
    background-repeat:no-repeat;
	}

/* Form
-------------------------- */
form { margin:0; padding:0; }

input.btn { color:#fff; background-color:#999; font-weight:bold; border:#999 1px solid; text-align:center; padding:2px 3px; }
input.btn-inactive { color:#CCCCCC; background-color:#999; font-weight:bold; border:#999 1px solid; text-align:center; padding:2px 3px; }

/* Images
-------------------------- */
img { border-width:0px; }
	img.imgBayerDiabetesCare { width:214px; height:15px; margin-top:43px; }
	img.imgBayerHealthCare { width:231px; height:43px; }

/* Anchors 
-------------------------- */
a:link { color:#464646; text-decoration:underline; outline:none; }
a:visited { color:#464646; text-decoration:underline; outline:none; }
a:hover { color:#00AEE7; text-decoration:underline; outline:none; }
a:active { color:#0096CB; text-decoration:underline; outline:none; }


/* Text 
-------------------------- */
h1 { font-size:180%; /* 195% */ font-weight:bold; margin:0; padding:0 0 .1em 0; line-height:normal; color:#676767; }
h2 { color:#00AEE7; font-size:120%; margin-top:0; padding-top:0; font-weight:normal; }
h3 { font-weight:bold; font-size:115%; color:#555555; }
	h3 a:link, h3 a:visited, h3 a:active { color:#00AEE7; text-decoration:none; }
	h3 a:hover { color:#464646; text-decoration:none; }
h4 { font-weight:bold; font-size:100%; margin-bottom:0; padding-bottom:0; color:#555555; }

span.error-text { font-weight:bold; font-style:italic; color:#f00; }
span.required { font-weight:bold; font-style:italic; color:#f00; }
span.italic { font-style:italic; }
span.underline { text-decoration:underline; }

/* Misc 
-------------------------- */
div.software-badge { margin:25px 0; }
/* p (see content-wrap } */
ul { line-height: 1.5em; }
sup { font-size:.8em; position:relative; top:.35em; padding: 0 .1em; }
.center { text-align:center; }
p.download-copyright { font-size:85%; }
div.clear { clear:both; }

	/* - /sitemap/ - */
	#sitemap { float:left; display:inline; clear:none; padding:0 0 50px 0; color:#555555; line-height:17px; font-size:12px; width:476px; }
	#sitemap a, sitemap li, #sitemap li a { color:#555555; font-size:12px; }
	#sitemap a.top { padding: 0 45px 0 0; font-weight:bold; }
	#sitemap .col { float:left; }
	#sitemap ul { list-style:none; list-style-position: outside; margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; }
	#sitemap ul .inner { padding:0 0 0 15px; }
	#sitemap li { padding:8px 20px 0 0; margin:0; font-size:12px; }

	/* registration table */
	table.tblRegistration { width: 420px; border: 2px solid #0099CC; padding:17px; margin:0 auto; /* font-size: .85em; */ }
	table.tblRegistration td { padding: 4px 3px; }
	table.tblRegistration td.heading { text-align: right; padding-right: 7px; vertical-align:bottom; }
	table.tblRegistration input.textfield { width: 138px; }
	table.tblRegistration span.required { padding-left:5px; }
	/* /login/ recovery table */
	table.tblRecovery { width: 420px; border: 2px solid #0099CC; padding:17px; margin:0 auto; }
	table.tblRecovery td { padding: 4px 3px; }
	table.tblRecovery td.heading { text-align: right; padding-right: 7px; vertical-align:bottom; }
	table.tblRecovery input.textfield { width: 138px; }
	table.tblRecovery span.required { padding-left:5px; }
	/* /login/ login table */
	table.tblLogin { width: 400px; border: 2px solid #0099CC; padding:17px; margin:0 auto; }
	table.tblLogin td { padding: 4px 3px; text-align:left; }
	table.tblLogin td.heading { text-align: right; padding-right: 7px; vertical-align:bottom; }
	table.tblLogin td input.textfield { width: 138px; }
	table.tblLogin td span.required { padding-left:5px; }
	table.tblLogin td.center { text-align:center; }

	/* download page */
    div#askTypes fieldset, div#askTypes2 fieldset { padding: 10px 20px;  font-size: .85em; line-height: 1.25em; /* xborder: 1px outset black; xmargin: 0px 20px 0px 20px; */ }

	/* software update alert */
	div.SoftareUpdateAlert {
		margin:10px 30px;
		padding:10px;
		border:solid 3px #6d9931;
		background:#eaeaea;
	}

	dl.marketing-questions dt { font-weight:bold; padding:0 0 4px 0; }
	dl.marketing-questions dd { font-weight:normal; padding-top: 5px; padding-bottom: 20px; }

/* Structure 
-------------------------- */
div#container-popup {
	padding:20px;
}
	div#container-popup h1 { font-size:130%; padding-bottom:15px; }
	div#container-popup p { margin-top:0; padding-top:0; font-size:80%; }

div#container {
    width:900px; margin:0 auto;
    }
    div#header {
        height:108px; position: relative;
    }
		div#utility { width:231px; margin-top:30px; float:right; text-align:center; }
		div#utility a:link,
			div#utility a:visited,
			div#utility a:active {
				text-decoration:none; color:#333;
			}
			div#utility a:hover {
				text-decoration:underline; color:#000;
			}
		div#utility p.links { margin:0; padding:0 0 5px 0; text-align:center; font-size:11px; }
		div#utility ul.utility-nav {
			margin:0 auto; padding:0; list-style-type:none; width:110px; line-height:normal;
		}
			div#utility ul.utility-nav li {
				display:block; float:left; /* */ font-size:11px; font-weight:normal; line-height:normal;
			}
			div#utility ul.utility-nav li.contact {
				padding:0 5px 0 0;
				text-align:right;
			}
			div#utility ul.utility-nav li.sitemap {
				padding:0 0 0 6px;
				text-align:left;
			}
			div#utility ul.utility-nav li.divider {
				border-right:#666 1px solid;
			}

	div#navigation {
		height:37px; display:block; background:url(../../images/site/navigation-gradient-bg.gif) 0 27px no-repeat;
	}
	body.home div#navigation {
		height:28px;
	}
	body.country-select div#navigation,
	body.country-select ul.utility-nav { display:none; visibility:hidden; }
	
	
		div#navigation ul.navigation-main {
			margin:0; padding:0; height:28px; display:block; list-style-type:none;
		}
		div#navigation ul.navigation-main li {
			float:left; height:28px; display:block;
		}
		/* navigation related styles are dependent on the active language (i.e. english, spanish */
		/* en.css */


	div.splash,
	div#content-homepage,
	div#country-select {
		clear:both; float:none;
	}
	div#country-select { margin:0; padding:0 0 50px 0; }
	
	div.splash {
		min-height:350px;
	}
		div.splash .feature1copy {
			/*
			position:absolute;
			margin:30px 0 0 480px; width:420px; font-size:12px; color:#666666;
			*/
			margin:0 0 0 480px; width:420px; font-size:12px; color:#666666; padding-top:30px;
		}
		div.splash .feature1copy ul { margin-left:10px; padding-left:10px; padding-top:0; margin-top:0; /*margin-top:-10px;*/ }


	div#resize-text { height:31px; margin:-9px 0 0 0; text-align:right; background:url(../../images/site/bg-resize-text.png) 100% 0% no-repeat; }
		div#resize-text ul {
			margin:0 0 0 auto; padding:4px 0 0 0; list-style-type:none; width:175px; height:21px;
		}
			div#resize-text ul li.txt {
				width:100px; height:18px; /* 21 */ padding:0px 0 0 0; float:left; text-align:right; font-size:10px; color:#999;
			}
			div#resize-text ul li.btn { width:19px; height:21px; padding:0 1px; float:left; }
			div#resize-text a.sm span,
			div#resize-text a.md span,
			div#resize-text a.lg span { display:none; visibility:hidden; }
			div#resize-text a.sm { width:21px; height:21px; background:url(../../images/site/resize-text-sm.png) 0% 0% no-repeat; display:block; }
			div#resize-text a.md { width:21px; height:21px; background:url(../../images/site/resize-text-md.png) 0% 0% no-repeat; display:block; }
			div#resize-text a.lg { width:21px; height:21px; background:url(../../images/site/resize-text-lg.png) 0% 0% no-repeat; display:block; }

	div#navigation-secondary { width:183px; float:left; }
		div#navigation-secondary div.navigation-secondary-wrap { width:183px; padding:13px 0 0 0; background:url(../../images/site/nav/sub-nav-top.png) 0 0 no-repeat; }
			div#navigation-secondary ul.main { width:183px; background:#EAF6FD url(../../images/site/nav/sub-nav-bottom.png) bottom no-repeat; padding:0 0 12px 0; margin:0; }
				div#navigation-secondary ul.main li { background:url(../../images/site/nav/sub-nav-middle.png) 0 0 repeat-y; list-style-type:none; padding:0 3px; width:177px; }
			div#navigation-secondary ul.main ul.secondary { background-color:#F7FBFE; background-image:none; padding:0; margin:0; width:177px; }
			div#navigation-secondary ul.main li ul.secondary li { background-image:none; padding:0; margin:0; }
			
			
				div#navigation-secondary ul.main li a.divider { border-top:#DADADA solid 1px; }
					div#navigation-secondary ul.main li a {
						font-weight:bold;
						color:#666666;
						display:block;
						width:147px; /* 177px w/o padding */
						padding:6px 15px;
						font-size:12px;
						text-decoration:none;
						border-bottom:#DADADA solid 1px;
						background:url(../../images/site/nav/sub-nav-arrow-gray.png) 6px 12px no-repeat;
					}
						div#navigation-secondary ul.main li a.active,
						div#navigation-secondary ul.main li a:hover {
							background:#D5F2FB url(../../images/site/nav/sub-nav-arrow-blue.png) 6px 12px no-repeat;
						}

				div#navigation-secondary ul.secondary { background-image:none; padding:0; margin:0 0 0 -3px; }
				div#navigation-secondary ul.secondary li { background-image:none; font-weight:normal; line-height:normal; }
					div#navigation-secondary ul.secondary li a {
						font-weight:normal;
						color:#666666;
						display:block;
						width:132px; /* 177px w/o padding */
						padding:8px 15px 8px 30px;
						font-size:12px;
						text-decoration:none;
						border-bottom:#DADADA solid 1px;
						background:#F7FBFE url(../../images/site/nav/sub-nav-arrow-gray.png) 16px 10px no-repeat;
					}
						div#navigation-secondary ul.secondary li a.active,
						div#navigation-secondary ul.secondary li a:hover {
							color:#00AEE7;
							background:#f7fbfe url(../../images/site/nav/sub-nav-arrow-blue.png) 16px 10px no-repeat;
						}
							div#navigation-secondary ul.secondary li a.active:hover { color:#666666; }

	div#content-wrap { width:717px; /* 717 */ float:right; font-size:80%; }
		div#content-wrap p { padding-top:0; margin-top:0; }

	div#content { width:476px; /* 507 */ padding:0 0 70px 31px; margin:0 0 20px 0; float:left; background:url(../../images/site/en/simple-wins-footer-480.png) 50% 100% no-repeat; }
	div#content-secondary { width:200px; /* 210 */ padding:57px 0 10px 10px; float:right; }
	div#content-admin { width:686px; padding:0 0 70px 31px; /* 717 */ margin:0 0 20px 0; background:#fff; }

	div#content-homepage { padding:10px 10px 40px 10px; }
		div.simplewins-lg { background-position:50% 100%; background-repeat:no-repeat; padding:0; }
		/* for splash feature copy btn see language file */

		/* -- callout left -- */
		div.callout-left-wrap {
			width:371px;
			display:block;
			padding:10px 0 0 0;
			float:left;
			margin-bottom:20px;
		}
			div.callout-left {
				padding:20px;
				width:331px; /* 371 */
				height:175px; /* 215 */
				background-image:url(../../images/callout-left-bg.png);
				background-position:0 0;
				background-repeat:no-repeat;
				z-index: inherit;
				font-size:12px;
			}
			div.callout-left img.imgCalloutLeft { float:left; padding:0 10px 7px 0; vertical-align:text-top; }
			div.callout-left h3 { margin:0; padding:0 0 10px 0; line-height:normal; font-size:120%; color:#00AEE7; }
			div.callout-left p { margin:0; padding:0 0 .8em 0; font-size:90%; }
				div.callout-left-link {
					color:#fff;
					font-weight:bold;
					padding:0;
					width:300px; /* 275px 13px 0 0 10px*/
					height:34px; /* 34px */
					display:block;
					z-index:50;
					margin-top:-14px;
					margin-left:3px;
				}

		/* -- callout right -- */
		div.callout-right-wrap {
			width:371px;
			display:block;
			padding:10px 0 0 30px;
			float:left;
			margin-bottom:20px;
		}
			div.callout-right {
				padding:20px;
				width:399px; /* 439 */
				height:175px; /* 215 */
				background-image:url(../../images/callout-right-bg.png);
				background-position:0 0;
				background-repeat:no-repeat;
				z-index: inherit;
				font-size:12px;
			}
			div.callout-right h3 { margin:0; padding:0 0 10px 0; line-height:normal; font-size:120%; color:#00AEE7; }
			div.callout-right img.imgCalloutRight {  padding:0; }
			div.callout-right p { margin:0; padding:0; font-size:90%; }
				a.callout-right-link {
					width:175px;
					height:32px;
					display:block;
					background-image:url(../../images/view-report.png);
					background-position:0 0;
					background-repeat:no-repeat;
					z-index:50;
					margin-top:-10px;
					margin-left:3px;
				}
					a.callout-right-link span { display:none; visibility:hidden; }
					a.callout-right-link:hover {
						width:175px;
						height:32px;
						display:block;
						/*background-image:url(../../images/callout-2-btn_on.png);*/
						background-position: 0 -31px;
						background-repeat:no-repeat;
						}

		/* -- callout deluxe -- */
		div.homepage-deluxe-callout-wrap {
			display:block;
			/*
			margin-bottom:20px;
			padding:10px 0 0 30px;
			*/
			float:right;
			width:612px;
			margin:0 auto 20px auto;
		}
			div.homepage-deluxe-callout {
				padding:20px;
				width:572px; /* 612 */
				height:161px; /* 201 */
				background-image:url(../../images/report-screens-home-page-deluxe.png);
				background-position:0 0;
				background-repeat:no-repeat;
				z-index: inherit;
				font-size:12px;
			}
			div.homepage-deluxe-callout h3 { margin:0; padding:0 0 10px 0; line-height:normal; font-size:120%; color:#00AEE7; }
			div.homepage-deluxe-callout img.imgHomePageDeluxeCalloutProducts { padding:0 0 5px 5px; float:right; }
			div.homepage-deluxe-callout p { margin:0; padding:0; font-size:90%; }
				a.homepage-deluxe-callout-link {
					/*width:175px; language specific */
					height:32px;
					display:block;
					background-position:0 0;
					background-repeat:no-repeat;
					z-index:50;
					margin-top:-13px;
					margin-left:3px;
				}
					a.homepage-deluxe-callout-link span { display:none; visibility:hidden; }
					a.homepage-deluxe-callout-link:hover {
						height:32px;
						display:block;
						background-position: 0 -31px;
						background-repeat:no-repeat;
						}

/* -- Products page callout -- */
		div.products-report-callout-wrap {
			width:433px;
			display:block;
			padding:10px 0 0 30px;
			float:left;
			margin-bottom:0px;
		}
			div.products-report-callout {
				padding:10px;
				width:413px; /* 433 */
				height:80px; /* 100 */
				background-image:url(../../images/callout-products.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
				z-index: inherit;
				font-size:12px;
			}
			div.products-report-callout h3 { margin:0; padding:0 0 10px 0; line-height:normal; font-size:120%; color:#00AEE7; }
			div.products-report-callout img.imgCalloutProducts {  padding:0 5px 0 0 ; float:left; }
			div.products-report-callout p { margin:0; padding:0; font-size:90%; }
				a.products-report-callout-link {
					width:175px;
					height:32px;
					display:block;
					background-image:url(../../images/view-report.png);
					background-position:0 0;
					background-repeat:no-repeat;
					z-index:50;
					margin-top:-10px;
					margin-left:3px;
				}
					a.products-report-callout-link span { display:none; visibility:hidden; }
					a.products-report-callout-link:hover {
						width:175px;
						height:32px;
						display:block;
						background-position: 0 -31px;
						background-repeat:no-repeat;
						}


div#footer {
	background:#fff url(../../images/site/bg-bottom.gif) 100% 100% no-repeat; padding-bottom:15px; margin-top:15px; clear:both; float:none;
}
	div#footer a:link,
	div#footer a:visited,
	div#footer a:active {
		color:#666; text-decoration:none;
	}
	div#footer a:hover {
		color:#000; text-decoration:underline;
	}
	div#footer-content {
		padding:10px 0 0 0;
		margin:0 auto;
		width:930px;
		color:#666;
		font-size:70%;
		text-align:center;
		background-image:none;
		border-top:1px solid #BDC2B5;
	}
		div#footer-content ul.footer-navigation {
			margin:0 0 .5em 0; padding:0 2em; clear:both;
		}
			div#footer-content ul.footer-navigation li {
				display:inline; padding:0 .25em;
			}
			div#footer-content ul.footer-navigation li.divider {
				border-right:1px solid #C5C5C5;
			}
		div#footer-content p {
			padding:0; margin:0 0 .5em 0;
		}



