#widget1 .wrapup .col-right .pub1{background:url("../images/tutorial01_wrap-up_p1.jpg")}
#widget1 .wrapup .col-right .pub2{background:url("../images/tutorial01_wrap-up_p2.jpg")}
#widget1 .graphics-container{-webkit-box-shadow:1px 1px 5px #531;box-shadow:1px 1px 5px #531;behavior:url("scripts/vendor/pie/PIE.htc");}
#widget1 .graphics-container table{font-family:Helvetica,sans-serif;font-size:14px;text-align:right;background:#fff url("../images/bkgd_pencil-texture_fff.png");border:1px solid #666;border-collapse:collapse;}
#widget1 .graphics-container table tr th,#widget1 .graphics-container table tr td{width:50%;height:16px;padding:2px 20px;letter-spacing:1px;line-height:16px;color:#333;border-right:1px solid #666;background:url("../images/bkgd_pencil-texture_fff.png");}
#widget1 .graphics-container table tr th span,#widget1 .graphics-container table tr td span{-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .graphics-container table tr:nth-child(even){background-color:#fffad4}
#widget1 .graphics-container table tr:hover{font-weight:bold;text-shadow:1px 1px 1px #000;}
#widget1 .graphics-container table tr:hover th,#widget1 .graphics-container table tr:hover td{color:#fff;background-color:#009fff}
#widget1 .graphics-container table tr:first-child th,#widget1 .graphics-container table tr:first-child td{height:40px;letter-spacing:0;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#333;text-shadow:1px 1px 1px #fff;text-align:center;background:url("../images/bkgd_pencil-texture_fff.png");background-color:#ffd777;border:1px solid #666;line-height:40px}
#widget1 .graphics-container table .highlighted{font-weight:bold;text-shadow:1px 1px 1px #000;}
#widget1 .graphics-container table .highlighted th,#widget1 .graphics-container table .highlighted td{color:#fff;background-color:#009fff;-webkit-transition:background-color 1s linear;-moz-transition:background-color 1s linear;-o-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear}
#widget1 .screen1 .graphics-container{-webkit-box-shadow:none;box-shadow:none;}
#widget1 .screen1 .graphics-container .art{position:absolute;left:-180px;top:133px;width:619px;height:360px;background:url("../images/t1_bakery.png") no-repeat scroll 0 0 transparent}
#widget1 .screen1 .graphics-container .definition-box{position:relative}
#widget1 .screen2 .text-container{height:240px}
#widget1 .screen2 .graphics-container{width:180px;height:auto;margin:auto;}
#widget1 .screen2 .graphics-container .table{margin:auto}
#widget1 .screen3 .col-left{width:271px}
#widget1 .screen3 .col-right{width:590px;margin-right:20px;}
#widget1 .screen3 .col-right .graphics-container{height:467px;}
#widget1 .screen3 .col-right .graphics-container .table{float:left;}
#widget1 .screen3 .col-right .graphics-container .table table{width:143px;}
#widget1 .screen3 .col-right .graphics-container .table table tr th,#widget1 .screen3 .col-right .graphics-container .table table tr td{padding:2px 12px}
#widget1 .screen3 .col-right .graphics-container .table table tr:first-child td{font-size:14px}
#widget1 .screen3 .col-right .graphics-container .graph-container{float:left;width:447px;background-color:#fff;border-left:none;}
#widget1 .screen3 .col-right .graphics-container .graph-container .title{font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:16px;text-align:center;line-height:14px}
#widget1 .screen3 .col-right .graphics-container .graph-container .y-label{float:left;margin:170px 8px 0 8px}
#widget1 .screen3 .col-right .graphics-container .graph-container .x-label{clear:left;font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:1px;padding:0 0 0 227px}
#widget1 .screen3 .col-right .graphics-container .graph-container .horizontal{left:210px;top:178px}
#widget1 .screen3 .col-right .graphics-container .graph-container .grid-container{float:left;width:360px;height:360px;padding:10px 20px 30px 40px;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12px;letter-spacing:1px;color:#4d4d4d}
#widget1 .screen4 .text-container{height:200px}
#widget1 .screen4 .question-container{top:350px;}
#widget1 .screen4 .question-container .answer-btn{top:115px}
#widget1 .screen4 .question-container .question-box{width:342px}
#widget1 .screen4 .col-right{width:447px;margin-right:40px;}
#widget1 .screen4 .col-right .graphics-container{height:467px;}
#widget1 .screen4 .col-right .graphics-container .table{float:left;}
#widget1 .screen4 .col-right .graphics-container .table table{width:143px;}
#widget1 .screen4 .col-right .graphics-container .table table th,#widget1 .screen4 .col-right .graphics-container .table table td{padding:2px 12px}
#widget1 .screen4 .col-right .graphics-container .graph-container{float:left;width:447px;background-color:#fff;}
#widget1 .screen4 .col-right .graphics-container .graph-container .title{font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:16px;text-align:center;line-height:14px}
#widget1 .screen4 .col-right .graphics-container .graph-container .y-label{float:left;margin:170px 7px 0 8px}
#widget1 .screen4 .col-right .graphics-container .graph-container .x-label{clear:left;font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:1px;padding:0 0 0 227px}
#widget1 .screen4 .col-right .graphics-container .graph-container .grid-container{float:left;width:360px;height:360px;padding:10px 20px 30px 40px;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12px;letter-spacing:1px;color:#4d4d4d;}
#widget1 .screen4 .col-right .graphics-container .graph-container .grid-container .horizontal{top:219px;width:130px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen4 .col-right .graphics-container .graph-container .grid-container .vertical{left:200.5px;height:188px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen4 .col-right .graphics-container .graph-container .grid-container .cross{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen5 .text-container{height:180px}
#widget1 .screen5 .question-container{top:350px;}
#widget1 .screen5 .question-container .question{margin:0 0 -7px 0;}
#widget1 .screen5 .question-container .question select{width:326px}
#widget1 .screen5 .col-right{width:447px;margin-right:40px;}
#widget1 .screen5 .col-right .graphics-container{height:467px;}
#widget1 .screen5 .col-right .graphics-container .table{float:left;}
#widget1 .screen5 .col-right .graphics-container .table table{width:143px;}
#widget1 .screen5 .col-right .graphics-container .table table th,#widget1 .screen5 .col-right .graphics-container .table table td{padding:2px 12px}
#widget1 .screen5 .col-right .graphics-container .graph-container{float:left;width:447px;background-color:#fff;}
#widget1 .screen5 .col-right .graphics-container .graph-container .title{font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:16px;text-align:center;line-height:14px}
#widget1 .screen5 .col-right .graphics-container .graph-container .y-label{float:left;margin:170px 7px 0 8px}
#widget1 .screen5 .col-right .graphics-container .graph-container .x-label{clear:left;font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:1px;padding:0 0 0 227px}
#widget1 .screen5 .col-right .graphics-container .graph-container .grid-container{float:left;width:360px;height:360px;padding:10px 20px 30px 40px;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12px;letter-spacing:1px;color:#4d4d4d;}
#widget1 .screen5 .col-right .graphics-container .graph-container .grid-container .horizontal{top:144.5px;width:146px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen5 .col-right .graphics-container .graph-container .grid-container .vertical{left:215.5px;bottom:50px;height:267px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen5 .col-right .graphics-container .graph-container .grid-container .cross{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen6 .text-container{height:160px}
#widget1 .screen6 .question-container{top:350px;}
#widget1 .screen6 .question-container .select-icon{margin:-6px 0 -2px -200px}
#widget1 .screen6 .col-right{width:447px;margin-right:40px;}
#widget1 .screen6 .col-right .graphics-container{height:467px;}
#widget1 .screen6 .col-right .graphics-container .table{float:left;}
#widget1 .screen6 .col-right .graphics-container .table table{width:143px;}
#widget1 .screen6 .col-right .graphics-container .table table th,#widget1 .screen6 .col-right .graphics-container .table table td{padding:2px 12px}
#widget1 .screen6 .col-right .graphics-container .graph-container{float:left;width:447px;background-color:#fff;}
#widget1 .screen6 .col-right .graphics-container .graph-container .title{font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:16px;text-align:center;line-height:14px}
#widget1 .screen6 .col-right .graphics-container .graph-container .y-label{float:left;margin:170px 7px 0 8px}
#widget1 .screen6 .col-right .graphics-container .graph-container .x-label{clear:left;font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:1px;padding:0 0 0 227px}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container{float:left;width:360px;height:360px;padding:10px 20px 30px 40px;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12px;letter-spacing:1px;color:#4d4d4d;}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .horizontal{top:144.5px;width:150px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .vertical{left:214px;height:270px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .hor-range{position:absolute;left:182px;top:241px;width:62px;height:5px;border-left:1px solid #009fff;border-right:1px solid #009fff;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .hor-range div{margin-top:2px;border-top:1px solid #009fff}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .hor-label{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;position:absolute;color:#009fff;font-size:10px;left:186px;top:236px;width:54px;text-align:center}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .ver-range{position:absolute;left:174px;top:176px;width:5px;height:60px;border-top:1px solid #009fff;border-bottom:1px solid #009fff;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .ver-range div{height:100%;margin-left:2px;border-left:1px solid #009fff}
#widget1 .screen6 .col-right .graphics-container .graph-container .grid-container .ver-label{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;position:absolute;color:#009fff;font-size:10px;left:106px;top:186px;width:67px;text-align:right}
#widget1 .screen7 .text-container{height:110px}
#widget1 .screen7 .question-container{top:370px;}
#widget1 .screen7 .question-container .question{margin:0 0 -7px 0;}
#widget1 .screen7 .question-container .question select{width:326px}
#widget1 .screen7 .col-right{width:447px;margin-right:40px;}
#widget1 .screen7 .col-right .graphics-container{height:467px;}
#widget1 .screen7 .col-right .graphics-container .table{float:left;}
#widget1 .screen7 .col-right .graphics-container .table table{width:143px;}
#widget1 .screen7 .col-right .graphics-container .table table th,#widget1 .screen7 .col-right .graphics-container .table table td{padding:2px 12px}
#widget1 .screen7 .col-right .graphics-container .graph-container{float:left;width:447px;background-color:#fff;}
#widget1 .screen7 .col-right .graphics-container .graph-container .title{font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:16px;text-align:center;line-height:14px}
#widget1 .screen7 .col-right .graphics-container .graph-container .y-label{float:left;margin:170px 7px 0 8px}
#widget1 .screen7 .col-right .graphics-container .graph-container .x-label{clear:left;font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:12px;letter-spacing:1px;padding:0 0 0 227px}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container{float:left;width:360px;height:360px;padding:10px 20px 30px 40px;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12px;letter-spacing:1px;color:#4d4d4d;}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .horizontal{top:144.5px;width:150px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .vertical{left:214px;height:270px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .hor-range{position:absolute;left:64px;top:106px;width:30px;height:5px;border-left:1px solid #009fff;border-right:1px solid #009fff;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .hor-range div{margin-top:2px;border-top:1px solid #009fff}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .hor-label{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;position:absolute;color:#009fff;font-size:10px;left:68px;top:72px;width:54px}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .ver-range{position:absolute;left:99px;top:113px;width:5px;height:9px;border-top:1px solid #009fff;border-bottom:1px solid #009fff;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .ver-range div{height:100%;margin-left:2px;border-left:1px solid #009fff}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .ver-label{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;position:absolute;color:#009fff;font-size:10px;left:102px;top:103px;width:67px;text-align:right}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .hor-range2{position:absolute;left:334px;top:352px;width:31px;height:5px;border-left:1px solid #009fff;border-right:1px solid #009fff;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .hor-range2 div{margin-top:2px;border-top:1px solid #009fff}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .hor-label2{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;position:absolute;color:#009fff;font-size:10px;left:323px;top:319px;width:54px;text-align:center}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .ver-range2{position:absolute;left:369px;top:360px;width:5px;height:49px;border-top:1px solid #009fff;border-bottom:1px solid #009fff;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .ver-range2 div{height:100%;margin-left:2px;border-left:1px solid #009fff}
#widget1 .screen7 .col-right .graphics-container .graph-container .grid-container .ver-label2{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;-ms-transition:opacity 1s linear;transition:opacity 1s linear;position:absolute;color:#009fff;font-size:10px;left:376px;top:364px;width:61px}
