@font-face { font-family: "Museo100"; src: url('../../v2/static/fonts/fonts/MuseoSans_100.otf') format('opentype'); }
@font-face { font-family: "Museo300"; src: url('../../v2/static/fonts/MuseoSans_300.otf') format('opentype'); }
@font-face { font-family: "Museo500"; src: url('../../v2/static/fonts/MuseoSans_500.otf') format('opentype'); }
@font-face { font-family: "Museo700"; src: url('../../v2/static/fonts/MuseoSans_700.otf') format('opentype'); }

@media screen {
	/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; }

	sub { vertical-align:sub; }
	sup { vertical-align: super; }
	ul, ol { list-style: none; }

	body { font: 11px Arial, Verdana, sans-serif; color:#555; }

	h1, h2, h3, h4 {
	    font-family: "Museo500",Trebuchet MS,sans-serif;
	    font-weight: normal;
	    line-height: 1.1;
	    margin: 0 0 10px;
	    padding: 0;
	}

	h1 { font-size:24px; /* was 34px */;}
	h2 { font-size:24px; }
	h3 { font-size:15px; line-height: 1.4; }
	h4 { font-size:15px; line-height: 1.4; }

	/*.datepicker { background: url('../media/images/design/bg-datepicker.gif') no-repeat 100% 50%; padding-right:24px; display:inline-block; }*/
	.datepicker { display:inline-block; position:relative; }
	.datepicker img { margin-left: 2px; cursor:pointer; position:absolute; top:1px; }
	.datepicker input { border:1px solid #555; width:70px; font-family: Verdana, Arial, sans-serif; font-size: 11px; padding:3px; margin:0; }
	#well-being-map { width:962px; margin:0 0 30px 0; background:url('/_res_local/media/img/corporate/backgrounds/bg-grid-2.gif') repeat-y -429px 0;  }
	#well-being-map.fb { width:710px; background:none; }

	#container { width:707px; }

	.hidden { display: none; }
	.wbm-survey-div { width:250px; height:150px; }

	.first-col { width:214px; float:left; }
	.second-col { width:708px; float:left; }
	#well-being-map.fb .second-col { margin:0 0 0 3px; }

	/* Submenu Links */
	ul.sub-menu {
	    background: url('../media/images/design/bg-dotted-hor-1.gif') repeat-x scroll 0 0 transparent;
	    margin: 0 20px 20px;
	    padding-top: 1px;
	}
	ul, ol {
	    margin-bottom: 1.7em;
	    list-style: none outside none;
	}
	ul li, ol li {
	    /*font-size: 1.1em;*/
	    line-height: 1.4;
	}
	p a, ul li a, ol li a {
	    padding-bottom: 2px;
	}
	ul.sub-menu li {
	    background: url('../media/images/design/bg-dotted-hor-1.gif') repeat-x scroll 0 100% transparent;
	    padding: 0;
	}
	ul.sub-menu li a {
	    background: url('../media/images/design/arrow.gif') no-repeat scroll 0 7px transparent;
	    color: #000000;
	    display: block;
	    line-height: 1.4;
	    padding: 2px 0 4px 9px;
	    text-decoration: none;
	}
	ul.sub-menu ul li a {
	    background-position: 10px 7px;
	    padding-left: 19px;
	}
	ul.sub-menu li.current a {
	    font-weight: bold;
	}
	ul.sub-menu ul {
	    background: url('../media/images/design/bg-dotted-hor-1.gif') repeat-x scroll 0 100% transparent;
	    margin-bottom: 0;
	}
	ul.sub-menu ul li {
	    background: none no-repeat scroll 0 0 transparent;
	}
	/* Ende: Submenu Links */

	.first-col .box { background:#fff3cd; margin: 0 16px 20px 20px; padding:10px; }
	.first-col .box h2 { color: #F16523; font-size:16px; font-weight:bold; margin-bottom:.5em; }
	.first-col .box p { margin:.5em 0; }
	.first-col p { margin:0 20px 20px 20px; line-height:1.4; font-size:15px; }

	.survey-link { display:block; border:1px solid #F45600; background:#F45600; margin:0 20px 20px 20px; }
	.survey-link h4 { font-size:15px; color:#FFF; padding:5px; }
	.survey-link b { line-height:11px; font-size:10px; padding:5px 27px 5px 0; text-align:right; display:block; background:#FFF url('/static/img/buttons/header-search-submit.gif') repeat-y 100% 50%; color:#000; }
	.survey-link:hover b { background-image:url('/static/img/buttons/header-search-submit-ro.gif'); }
	.survey-link:hover { text-decoration:none; }

	ul#menu li {
		/*font-family:'Museo500', Trebuchet MS, sans-serif;*/
		cursor:pointer;
		display:block;
		float:left;
		background:#FFF;
		font-size:11px;
		height:27px;
		border:1px solid #ECEDED;
		border-bottom:0;
		line-height:27px;
		margin-right:7px;
		position:relative;
		top:5px;
		padding:0 12px;
		color:#555;
	}
	ul#menu li.active {
		top:0;
		cursor:default;
		font-size:13px;
		font-weight:bold;
		background:#ECEDED;
		color:#555;
		height:33px;
		line-height:33px;
		border-top:0;
		border-color:#ECEDED;
	}
	ul#menu li a { color:#555; }

	ul#submenu li { display:block; float:left; height:24px; line-height:24px; margin-right:4px; padding:0 12px; color:#555; cursor:default; font-size:12px; }
	ul#submenu li.num1 { padding-left: 25px; background-image:url('../img/design/bg-numerals.png'); background-repeat: no-repeat; background-position:5px 5px; cursor:pointer; }
	ul#submenu li.num2 { padding-left: 25px; background-image:url('../img/design/bg-numerals.png'); background-repeat: no-repeat; background-position:5px -23px; }
	ul#submenu li.active { background-color:#FFF; cursor:default; font-weight: bold; }

	ol.legend li { display:inline; margin-right:1em; font-size:12px;}

	ul.dates { float:right; }
	ul.dates li { display:inline; padding-bottom:4px; margin-right:.5em; border-bottom:5px solid #000;}
	ul.dates li.first { border-color: #004C99; }
	ul.dates li.second { border-color: #E00000; }

	ul.medication { }
	ul.medication li { background:url('../media/images/design/bg-medication-compare.gif') no-repeat; padding-left: 35px; margin-bottom:.5em; }
	ul.medication li.first { background-position:0 3px; }
	ul.medication li.second { background-position:0 -87px; }
	ul.medication li.both { background-position:0 -177px; }

	.clear { clear:both; font-size:1px; }
	a { color:#865FA0; text-decoration:none; }
	a:hover { color:#5E366E; }

	#page2 { display:none }
	#page3 { display:none }
	#page5 { display:none }
	#page6 { display:none }
	#create-area { clear:both; }
	#compare-area { display:none; clear:both; }

	.compare-pdf-upload { /*border:2px solid #FFF3CD; padding:10px;*/ }
	.compare-pdf-upload label { display:block; margin-bottom:1em; width:300px; float:left; }

	.btn-compare { padding:0 10px; border-radius:5px; margin-top:10px; height:20px; background:#CF004D; color:#FFF; line-height:20px; border:0; font: 11px Verdana,Arial,sans-serif; font-weight:bold; }
	.btn-compare.disabled { background:#A3A3A3; }
	#loading { display:none; }
	#loading img { vertical-align:middle; }

	#container .content { clear:both; background:#ECEDED; padding:8px 5px 1px 5px; margin-bottom:6px; }
	#container .content .area { background:#FFF; clear:both; padding:12px; margin-bottom:5px; position:relative; }
	#container .content .area p { margin-bottom:5px; line-height:1.4; font-size:12px;}
	#container .content .area p.medication,
	#container .content .area p.over-the-counter-medication { margin-bottom:2em; }

	#container .content .area .infotext { display:none; position:absolute; left:12px; background:#CF004D; color:#FFF; text-align:center; font-weight:bold; padding:4px; border: 1px solid #CF004D; width:95%; font-size:12px;}
	#container .content .area .infotext.info01 { top: 40px; }
	#container .content .area .infotext.info02 { top:485px; }

	#container .content .area span.bullet {
		background:url('../media/images/design/bg-bluebullet.png') no-repeat;
		width:15px; height:15px;
		color:#FFF; display:inline-block; text-align:center; font-weight:bold;
	}
	#container .content .area .side { width:50%; }
	#container .content .area .side.left { float:left; }
	#container .content .area .side.right { float:right; }
	#container .content .area .side label { display:block; }

	#container .content .area h5.date { margin-bottom:10px; font-size:11px; }
	#container .content .area h5.date.first { color:#004C99; }
	#container .content .area h5.date.second { color:#E00000; }

	label input { margin-right:10px; vertical-align:middle; outline:0; }
	label span.block { display:inline-block; width:640px; vertical-align:top; }
	label.question { margin-bottom:1em; display:block; line-height:1.6; cursor:default; }
	label.disabled { color:#AAA; }

	.noFloat { float:none !important; }

	#container .content .save-as-pdf,
	#container .content .save-as-pdf-compare { width:50%; float:right; }
	#container .content .save-as-pdf button,
	#container .content .save-as-pdf-compare button { width:137px; height:29px; border-radius:5px; background:#CF004D; color:#FFF; line-height:29px; border:0; float:right; margin:0 0 10px 10px; }

	.freetext { width:666px; height:100px; margin-bottom:10px; font: 12px Verdana,Arial,sans-serif; line-height:16px; padding:3px; resize:none; }

	#step-1.highlight,
	#step-2.highlight { color:#F16523; }

	#circle { width:250px; height:250px; background:url('../media/images/design/bg-circle.png') no-repeat; margin:115px auto; position:relative; }
	#circle.inactive { background-position:0 -2250px; }
	#circle.slice0 { background-position:0  -250px; }
	#circle.slice1 { background-position:0  -500px; }
	#circle.slice2 { background-position:0  -750px; }
	#circle.slice3 { background-position:0 -1000px; }
	#circle.slice4 { background-position:0 -1250px; }
	#circle.slice5 { background-position:0 -1500px; }
	#circle.slice6 { background-position:0 -1750px; }
	#circle.slice7 { background-position:0 -2000px; }

	#circle img#noHTML5 { width:250px; height:250px; position:absolute; top:0; left:0; display:none; }

	.dot {
		width:14px; height:14px; background:url('../media/images/design/bg-circle-dots.png') no-repeat; font-family:Trebuchet, sans-serif;
		line-height:14px; font-size:11px; color:#FFF; text-align:center; position:absolute; border-radius:7px; cursor:default;
	}

	#circle .dot.selectable { cursor:pointer; }
	#circle .dot.selectable:hover {
		-moz-transform:scale(1.5);
		-webkit-transform:scale(1.5);
		transform:scale(1.5);
		font-weight:bold;
	}

	#circle .dot.purple	{ background-position:0 0; }		#circle .dot.purple.inactive { background-position:-14px 0; }
	#circle .dot.pink	{ background-position:0 -14px; }	#circle .dot.pink.inactive   { background-position:-14px -14px; }
	#circle .dot.gray	{ background-position:0 -28px; }	#circle .dot.gray.inactive   { background-position:-14px -28px; }
	#circle .dot.green	{ background-position:0 -42px; }	#circle .dot.green.inactive  { background-position:-14px -42px; }
	#circle .dot.brown	{ background-position:0 -56px; }	#circle .dot.brown.inactive  { background-position:-14px -56px; }
	#circle .dot.blue	{ background-position:0 -70px; }	#circle .dot.blue.inactive   { background-position:-14px -70px; }
	#circle .dot.orange	{ background-position:0 -84px; }	#circle .dot.orange.inactive { background-position:-14px -84px; }
	#circle .dot.lime	{ background-position:0 -98px; }	#circle .dot.lime.inactive   { background-position:-14px -98px; }
	#circle .dot.set,
	#circle .dot.set:hover {
		background-position:0 -112px;
		-moz-transform:scale(1.25);
		-webkit-transform:scale(1.25);
		transform:scale(1.25);
		font-weight:bold;
	}
	#circle .dot.set.red,
	#circle .dot.set.red:hover { background-position:-14px -112px; }

	#circle #d0-0 { left:117px; top:95px; }
	#circle #d0-1 { left:117px; top:72px; }
	#circle #d0-2 { left:117px; top:48px; }
	#circle #d0-3 { left:117px; top:24px; }
	#circle #d0-4 { left:117px; top:0; }

	#circle #d1-0 { left:134px; top:102px; }
	#circle #d1-1 { left:151px; top:85px; }
	#circle #d1-2 { left:167px; top:69px; }
	#circle #d1-3 { left:184px; top:52px; }
	#circle #d1-4 { left:201px; top:35px; }

	#circle #d2-0 { left:141px; top:118px; }
	#circle #d2-1 { left:164px; top:118px; }
	#circle #d2-2 { left:188px; top:118px; }
	#circle #d2-3 { left:212px; top:118px; }
	#circle #d2-4 { left:235px; top:118px; }

	#circle #d3-0 { left:134px; top:135px; }
	#circle #d3-1 { left:151px; top:152px; }
	#circle #d3-2 { left:168px; top:168px; }
	#circle #d3-3 { left:185px; top:185px; }
	#circle #d3-4 { left:201px; top:201px; }

	#circle #d4-0 { left:117px; top:142px; }
	#circle #d4-1 { left:117px; top:166px; }
	#circle #d4-2 { left:117px; top:190px; }
	#circle #d4-3 { left:117px; top:213px; }
	#circle #d4-4 { left:117px; top:236px; }

	#circle #d5-0 { left:100px; top:135px; }
	#circle #d5-1 { left:84px; top:152px; }
	#circle #d5-2 { left:67px; top:168px; }
	#circle #d5-3 { left:50px; top:185px; }
	#circle #d5-4 { left:34px; top:201px; }

	#circle #d6-0 { left:93px; top:118px; }
	#circle #d6-1 { left:70px; top:118px; }
	#circle #d6-2 { left:46px; top:118px; }
	#circle #d6-3 { left:23px; top:118px; }
	#circle #d6-4 { left:0; top:118px; }

	#circle #d7-0 { left:100px; top:102px; }
	#circle #d7-1 { left:84px; top:85px; }
	#circle #d7-2 { left:67px; top:69px; }
	#circle #d7-3 { left:50px; top:52px; }
	#circle #d7-4 { left:34px; top:35px; }

	.infoBox { width:215px; box-shadow:2px 2px 2px rgba(0,0,0,.3); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3); }
	.infoBox h6 { cursor:pointer; height:21px; line-height:21px; font-size:11px; color:#FFF; padding:0 20px 0 7px; background:url('../media/images/design/bg-plusminus.png') no-repeat 195px 3px; }
	.infoBox h6.doubleLine { height:36px; line-height:16px; padding-top:3px; }
	.infoBox h6.smallText { font-size:10px; letter-spacing: -1px; }
	.infoBox .text, .infoBox .displayText { padding:8px; display:none; cursor:pointer; }
	.infoBox .displayText span { float:right; font-weight:bold; }

	.infoBox p.date b,
	.infoBox p.date span { display:block; }

	.infoBox p.date.first b { color:#014d9a; }
	.infoBox p.date.second b { color:#e00000; }

	.infoBox ul li { margin-bottom:4px; }
	.infoBox ul li br { clear:both; }
	input.radio, input.check { display:block; float:left; margin:0; padding:0; width:12px; height:12px; vertical-align:baseline; outline:0; }
	.infoBox ul li label { display:block; width:180px; float:right; }
	.infoBox ul li input.textInput { border:1px solid black; width:168px; margin:3px 0 0 19px; }
	.infoBox .btnSave { text-align:center; margin-top:4px; clear:both; }
	.infoBox .btnSave button { border:0; height:19px; line-height:19px; color:#FFF; font-weight:bold; font-size:11px; }
	.infoBox .hint { margin-top:10px; color:#F00000; display:none; text-align:center; font-weight:bold; }

	.infoBox.active h6 { background-position: 195px -147px; }

	.infoBox.purple { background:#efdcec; }
	.infoBox.purple h6, .infoBox.purple .btnSave button { background-color:#93117d; }
	.infoBox.purple input.textInput { border-color:#93117d; }
	.infoBox.purple.inactive { background-color:#e5e5e5; }
	.infoBox.purple.inactive h6 { background-color:#c8c8c8; }

	.infoBox.pink { background:#fbd9ea; }
	.infoBox.pink h6, .infoBox.pink .btnSave button { background-color:#e2017b; }
	.infoBox.pink input.textInput { border-color:#e2017b; }
	.infoBox.pink.inactive { background-color:#ebebeb; }
	.infoBox.pink.inactive h6 { background-color:#c8c7c7; }

	.infoBox.grey { background:#f1f1f1; }
	.infoBox.grey h6, .infoBox.grey .btnSave button { background-color:#9d9ea0; }
	.infoBox.grey input.textInput { border-color:#9d9ea0; }
	.infoBox.grey.inactive h6 { background-color:#ececec; }

	.infoBox.green { background:#dceee0; }
	.infoBox.green h6, .infoBox.green .btnSave button { background-color:#008721; }
	.infoBox.green input.textInput { border-color:#008721; }
	.infoBox.green.inactive { background-color:#e5e5e5; }
	.infoBox.green.inactive h6 { background-color:#929292; }

	.infoBox.brown { background:#f5e2e4; }
	.infoBox.brown h6, .infoBox.brown .btnSave button { background-color:#9c331d; }
	.infoBox.brown input.textInput { border-color:#9c331d; }
	.infoBox.brown.inactive { background-color:#ebebeb; }
	.infoBox.brown.inactive h6 { background-color:#a3a3a3; }

	.infoBox.blue { background:#e0f3fa; }
	.infoBox.blue h6, .infoBox.blue .btnSave button { background-color:#22a5db; }
	.infoBox.blue input.textInput { border-color:#22a5db; }
	.infoBox.blue.inactive { background-color:#ededed; }
	.infoBox.blue.inactive h6 { background-color:#dbdbdb; }

	.infoBox.orange { background:#fff6d9; }
	.infoBox.orange h6, .infoBox.orange .btnSave button { background-color:#fdc300; }
	.infoBox.orange input.textInput { border-color:#fdc300; }
	.infoBox.orange.inactive { background-color:#ededed; }
	.infoBox.orange.inactive h6 { background-color:#d5d5d5; }

	.infoBox.lime { background:#f8f7d9; }
	.infoBox.lime h6, .infoBox.lime .btnSave button { background-color:#c7cc00; }
	.infoBox.lime input.textInput { border-color:#c7cc00; }
	.infoBox.lime.inactive { background-color:#e9e9e9; }
	.infoBox.lime.inactive h6 { background-color:#b9b9b9; }

	.infoBox#box0 { position:absolute; top:75px; left:243px; }
	.infoBox#box1 { position:absolute; top:150px; left:461px; }
	.infoBox#box2 { position:absolute; /*top:255px;*/ left:477px; bottom:243px; }
	.infoBox#box3 { position:absolute; /*top:360px;*/ left:464px; bottom:138px; }
	.infoBox#box4 { position:absolute; top:420px; left:243px; }
	.infoBox#box5 { position:absolute; /*top:360px;*/ left:22px; bottom:138px; }
	.infoBox#box6 { position:absolute; top:255px; left:3px; }
	.infoBox#box7 { position:absolute; top:145px; left:24px; }

	.focusSelect { background:#CF004D; width:300px; height:43px; margin-bottom:5px; padding:10px; float:left; margin-right:16px; display:none; }
	.focusSelect h3 { font-size:12px; color:#FFF; margin-bottom:7px; margin:0 0 5px 0; }
	.focusSelect .border { padding:3px; background:#FFF; width:80%; }
	.focusSelect .check { margin-right:5px; display:inline; float:none; vertical-align:middle; }
	.focusSelect label { display:block; }
	.focusSelect select { width:100%; border:0; }
	.focusSelect .side { width:260px; background:#FFF; padding:5px; line-height:20px; }
	.focusSelect .side.left { float:left; }
	.focusSelect .side.right { float:right; }

	.focusSelectCompare { width:300px; float:left; margin-right:16px; margin-bottom:5px; display:none; }
	.focusSelectCompare h3 { margin:0 0 5px 0; }
	.focusSelectCompare label { display:block; margin-bottom:4px; font-weight:bold; }
	.focusSelectCompare label.first b { color:#004C99; }
	.focusSelectCompare label.second b { color:#e00000; }
	.focusSelectCompare label input { margin-right:5px; }

	.nextArrow,
	.compareNextArrow { cursor:pointer; height:30px; background:url('../media/images/design/arrow-next.gif') no-repeat 100% 50%; float:left; padding-right:15px; display:none; }
	.nextArrow { margin-top:20px; margin-left:15px; }
	.nextArrow span,
	.compareNextArrow span { width:80px; height:30px; line-height:30px; display:block; border-radius:5px 0 0 5px; font-size:12px; color:#FFF; text-align:center; font-weight:bold; background:#CF004D; }

	.compare .infoBox h6 { cursor:default; }


}