#widget4 .wrapup .col-right .pub1{background:url("../images/tutorial04_wrap-up_p1.jpg")}
#widget4 .wrapup .col-right .pub2{background:url("../images/tutorial04_wrap-up_p2.jpg")}
#widget4 .definition-box{display:none;position:absolute;width:334px;margin:-380px 287px;background:url("../images/bkgd_pencil-texture_fff.png");background-color:#ddf0ff;-webkit-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #7df;-webkit-box-shadow:1px 1px 5px #2e96b9;box-shadow:1px 1px 5px #2e96b9;overflow:hidden;behavior:url("scripts/vendor/pie/PIE.htc");}
#widget4 .definition-box .top-bar{height:24px;background:url("../images/bkgd_pencil-texture_fff.png");background-color:#7df;}
#widget4 .definition-box .top-bar .close-button{float:right;width:22px;height:22px;background:url("../images/icon_definition-popup_close.png");cursor:pointer}
#widget4 .definition-box .content{padding:6px 12px;}
#widget4 .definition-box .content span{display:block;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:14px;color:#222;line-height:25px;}
#widget4 .definition-box .content span b{color:#06c}
#widget4 .screen1 .col-left{width:374px}
#widget4 .screen1 .art{margin-left:430px;height:556px;background:url("../images/t4_screen1.png") no-repeat scroll 0 0 transparent}
#widget4 .screen2 .col-left,#widget4 .screen3 .col-left,#widget4 .screen4 .col-left,#widget4 .screen5 .col-left{width:271px;}
#widget4 .screen2 .col-left .question-container,#widget4 .screen3 .col-left .question-container,#widget4 .screen4 .col-left .question-container,#widget4 .screen5 .col-left .question-container{display:block;}
#widget4 .screen2 .col-left .question-container .next-ans,#widget4 .screen3 .col-left .question-container .next-ans,#widget4 .screen4 .col-left .question-container .next-ans,#widget4 .screen5 .col-left .question-container .next-ans{left:184px}
#widget4 .screen2 .col-left .question-container .question-box,#widget4 .screen3 .col-left .question-container .question-box,#widget4 .screen4 .col-left .question-container .question-box,#widget4 .screen5 .col-left .question-container .question-box{width:240px}
#widget4 .screen2 .col-right,#widget4 .screen3 .col-right,#widget4 .screen4 .col-right,#widget4 .screen5 .col-right{width:592px;margin-right:20px;}
#widget4 .screen2 .col-right .graphics-container,#widget4 .screen3 .col-right .graphics-container,#widget4 .screen4 .col-right .graphics-container,#widget4 .screen5 .col-right .graphics-container{-webkit-box-shadow:1px 1px 5px #531;box-shadow:1px 1px 5px #531;background:url("../images/bkgd_pencil-texture_fff.png");background-color:#ffb;behavior:url("scripts/vendor/pie/PIE.htc");}
#widget4 .screen2 .col-right .graphics-container p,#widget4 .screen3 .col-right .graphics-container p,#widget4 .screen4 .col-right .graphics-container p,#widget4 .screen5 .col-right .graphics-container p{text-align:center;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:14px;font-weight:bold;color:#222;margin-top:20px}
#widget4 .screen2 .col-right .graphics-container .tag,#widget4 .screen3 .col-right .graphics-container .tag,#widget4 .screen4 .col-right .graphics-container .tag,#widget4 .screen5 .col-right .graphics-container .tag{font-family:Helvetica,sans-serif;font-size:16px;font-weight:bold;font-style:italic;color:#222;letter-spacing:1px}
#widget4 .screen2 .col-right .graphics-container .slider-container,#widget4 .screen3 .col-right .graphics-container .slider-container,#widget4 .screen4 .col-right .graphics-container .slider-container,#widget4 .screen5 .col-right .graphics-container .slider-container{float:left;border-right:1px solid #666;}
#widget4 .screen2 .col-right .graphics-container .slider-container .big-truck,#widget4 .screen3 .col-right .graphics-container .slider-container .big-truck,#widget4 .screen4 .col-right .graphics-container .slider-container .big-truck,#widget4 .screen5 .col-right .graphics-container .slider-container .big-truck{width:256px;height:128px;background:url("../images/illus_truck-with-price-tag.png")}
#widget4 .screen2 .col-right .graphics-container .slider-container .slider .slider-bar,#widget4 .screen3 .col-right .graphics-container .slider-container .slider .slider-bar,#widget4 .screen4 .col-right .graphics-container .slider-container .slider .slider-bar,#widget4 .screen5 .col-right .graphics-container .slider-container .slider .slider-bar{margin:auto;}
#widget4 .screen2 .col-right .graphics-container .slider-container .slider .slider-bar .slider-knob,#widget4 .screen3 .col-right .graphics-container .slider-container .slider .slider-bar .slider-knob,#widget4 .screen4 .col-right .graphics-container .slider-container .slider .slider-bar .slider-knob,#widget4 .screen5 .col-right .graphics-container .slider-container .slider .slider-bar .slider-knob{position:relative;float:left;width:33px;height:33px;background:url("../images/slider-knob_33x33.png");cursor:pointer}
#widget4 .screen2 .col-right .graphics-container .array-container,#widget4 .screen3 .col-right .graphics-container .array-container,#widget4 .screen4 .col-right .graphics-container .array-container,#widget4 .screen5 .col-right .graphics-container .array-container{float:left;}
#widget4 .screen2 .col-right .graphics-container .array-container .quantity-tag,#widget4 .screen3 .col-right .graphics-container .array-container .quantity-tag,#widget4 .screen4 .col-right .graphics-container .array-container .quantity-tag,#widget4 .screen5 .col-right .graphics-container .array-container .quantity-tag{text-align:center;margin-top:-5px}
#widget4 .screen2 .col-right .graphics-container .array-container .array,#widget4 .screen3 .col-right .graphics-container .array-container .array,#widget4 .screen4 .col-right .graphics-container .array-container .array,#widget4 .screen5 .col-right .graphics-container .array-container .array{position:relative;width:100%;}
#widget4 .screen2 .col-right .graphics-container .array-container .array .array-mask,#widget4 .screen3 .col-right .graphics-container .array-container .array .array-mask,#widget4 .screen4 .col-right .graphics-container .array-container .array .array-mask,#widget4 .screen5 .col-right .graphics-container .array-container .array .array-mask{position:absolute}
#widget4 .screen2 .col-right .graphics-container .array-container .pictogram-container,#widget4 .screen3 .col-right .graphics-container .array-container .pictogram-container,#widget4 .screen4 .col-right .graphics-container .array-container .pictogram-container,#widget4 .screen5 .col-right .graphics-container .array-container .pictogram-container{position:relative;bottom:0;margin:auto;}
#widget4 .screen2 .col-right .graphics-container .array-container .pictogram-container .pictogram,#widget4 .screen3 .col-right .graphics-container .array-container .pictogram-container .pictogram,#widget4 .screen4 .col-right .graphics-container .array-container .pictogram-container .pictogram,#widget4 .screen5 .col-right .graphics-container .array-container .pictogram-container .pictogram{float:left}
#widget4 .screen2 .col-right .graphics-container .array-container .pictogram-container span,#widget4 .screen3 .col-right .graphics-container .array-container .pictogram-container span,#widget4 .screen4 .col-right .graphics-container .array-container .pictogram-container span,#widget4 .screen5 .col-right .graphics-container .array-container .pictogram-container span{font-family:Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#222;letter-spacing:1px}
#widget4 .screen2 .col-right .graphics-container .add-btn-container,#widget4 .screen3 .col-right .graphics-container .add-btn-container,#widget4 .screen4 .col-right .graphics-container .add-btn-container,#widget4 .screen5 .col-right .graphics-container .add-btn-container{clear:both;height:45px;border-top:1px solid #666;}
#widget4 .screen2 .col-right .graphics-container .add-btn-container .add-btn,#widget4 .screen3 .col-right .graphics-container .add-btn-container .add-btn,#widget4 .screen4 .col-right .graphics-container .add-btn-container .add-btn,#widget4 .screen5 .col-right .graphics-container .add-btn-container .add-btn{position:relative;cursor:pointer;width:150px;height:30px;margin:4px auto;text-align:center;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:14px;font-weight:bold;color:#000;line-height:30px;-webkit-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px solid #cbe7ff;-webkit-box-shadow:1px 1px 5px #002dad,inset 0 0 14px 2px #38f;box-shadow:1px 1px 5px #002dad,inset 0 0 14px 2px #38f;background:#c4e8ff url("../images/bkgd_pencil-texture_fff.png");-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;behavior:url("scripts/vendor/pie/PIE.htc")}
#widget4 .screen2 .col-right .graphics-container .graph-container,#widget4 .screen3 .col-right .graphics-container .graph-container,#widget4 .screen4 .col-right .graphics-container .graph-container,#widget4 .screen5 .col-right .graphics-container .graph-container{float:left;background-color:#fff;}
#widget4 .screen2 .col-right .graphics-container .graph-container .title p,#widget4 .screen3 .col-right .graphics-container .graph-container .title p,#widget4 .screen4 .col-right .graphics-container .graph-container .title p,#widget4 .screen5 .col-right .graphics-container .graph-container .title p{font-family:"Trebuchet MS",Helvetica,sans-serif;font-weight:bold;font-size:16px;text-align:center;line-height:14px;margin-top:16px}
#widget4 .screen2 .col-right .graphics-container .graph-container .y-label,#widget4 .screen3 .col-right .graphics-container .graph-container .y-label,#widget4 .screen4 .col-right .graphics-container .graph-container .y-label,#widget4 .screen5 .col-right .graphics-container .graph-container .y-label{float:left}
#widget4 .screen2 .col-right .graphics-container .graph-container .x-label,#widget4 .screen3 .col-right .graphics-container .graph-container .x-label,#widget4 .screen4 .col-right .graphics-container .graph-container .x-label,#widget4 .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}
#widget4 .screen2 .col-right .graphics-container .graph-container .grid-container,#widget4 .screen3 .col-right .graphics-container .graph-container .grid-container,#widget4 .screen4 .col-right .graphics-container .graph-container .grid-container,#widget4 .screen5 .col-right .graphics-container .graph-container .grid-container{float:left;height:360px;margin-left:20px;padding:10px 20px 30px 40px;}
#widget4 .screen2 .col-right .graphics-container .graph-container .grid-container p,#widget4 .screen3 .col-right .graphics-container .graph-container .grid-container p,#widget4 .screen4 .col-right .graphics-container .graph-container .grid-container p,#widget4 .screen5 .col-right .graphics-container .graph-container .grid-container p{font-size:11px;letter-spacing:1px;color:#4d4d4d;margin-top:0}
#widget4 .screen2 .graphics-container{height:467px;border:1px solid #888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#widget4 .screen2 .graphics-container .slider-container{width:265px;height:100%;}
#widget4 .screen2 .graphics-container .slider-container .big-truck{margin:120px auto 0;}
#widget4 .screen2 .graphics-container .slider-container .big-truck .price-tag{float:right;margin:18px 20px}
#widget4 .screen2 .graphics-container .slider-container .slider .slider-bar{width:243px;height:33px;background:url("../images/slider-track_h_243x33.png");}
#widget4 .screen2 .graphics-container .slider-container .slider .slider-bar .slider-knob{left:84px}
#widget4 .screen2 .graphics-container .array-container{width:324px;height:100%;background-color:#fff;}
#widget4 .screen2 .graphics-container .array-container .array{height:360px;}
#widget4 .screen2 .graphics-container .array-container .array .array-mask{left:10px;bottom:20px;width:300px;height:128px;background:url("../images/illus_truck-pictogram-sp2.png")}
#widget4 .screen2 .graphics-container .array-container .pictogram-container{width:104px;margin:auto;}
#widget4 .screen2 .graphics-container .array-container .pictogram-container .pictogram{width:56px;height:27px;margin-right:5px;background:url("../images/illus_truck-pictogram.png")}
#widget4 .screen3 .graphics-container{width:350px;height:167px;margin:0 auto 20px;}
#widget4 .screen3 .graphics-container .table{background:#fff;}
#widget4 .screen3 .graphics-container .table table{font-family:Helvetica,sans-serif;font-size:14px;text-align:right;background:url("../images/bkgd_pencil-texture_fff.png");border:1px solid #666;border-collapse:collapse;}
#widget4 .screen3 .graphics-container .table table tr th,#widget4 .screen3 .graphics-container .table table tr td{text-align:center;width:50%;height:16px;line-height:16px;padding:2px 20px;letter-spacing:1px;color:#333;border-right:1px solid #666;background:url("../images/bkgd_pencil-texture_fff.png");}
#widget4 .screen3 .graphics-container .table table tr th span,#widget4 .screen3 .graphics-container .table table tr td span{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}
#widget4 .screen3 .graphics-container .table table tr:nth-child(even){background-color:#fffad4}
#widget4 .screen3 .graphics-container .table table tr:hover{font-weight:bold;text-shadow:1px 1px 1px #000;}
#widget4 .screen3 .graphics-container .table table tr:hover th,#widget4 .screen3 .graphics-container .table table tr:hover td{color:#fff;background-color:#009fff}
#widget4 .screen3 .graphics-container .table table tr:first-child th,#widget4 .screen3 .graphics-container .table table tr:first-child td{height:40px;line-height:20px;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}
#widget4 .screen3 .graphics-container .table table .highlighted{font-weight:bold;text-shadow:1px 1px 1px #000;}
#widget4 .screen3 .graphics-container .table table .highlighted th,#widget4 .screen3 .graphics-container .table 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}
#widget4 .screen3 .second{width:100%;height:280px;border:1px solid #888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#widget4 .screen3 .second .slider-container{width:295px;height:235px;}
#widget4 .screen3 .second .slider-container .big-truck{margin:0 auto;}
#widget4 .screen3 .second .slider-container .big-truck .price-tag{float:right;margin:18px 20px}
#widget4 .screen3 .second .slider-container .slider .slider-bar{width:243px;height:33px;background:url("../images/slider-track_h_243x33.png");}
#widget4 .screen3 .second .slider-container .slider .slider-bar .slider-knob{left:84px}
#widget4 .screen3 .second .array-container{width:294px;height:235px;}
#widget4 .screen3 .second .array-container .array{height:140px;}
#widget4 .screen3 .second .array-container .array .array-mask{left:107px;bottom:5px;width:80px;height:52px;background:url("../images/dot_d0223b_sp2.png")}
#widget4 .screen3 .second .array-container .pictogram-container{width:63px;}
#widget4 .screen3 .second .array-container .pictogram-container .pictogram{width:16px;height:16px;margin:3px 3px 0 0;background:url("../images/dot_d0223b_sp.png")}
#widget4 .screen4 .col-right{width:594px;}
#widget4 .screen4 .col-right .graphics-container{height:467px;border:1px solid #888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#widget4 .screen4 .col-right .graphics-container .controls{float:left;width:200px;height:100%;border-right:1px solid #666;}
#widget4 .screen4 .col-right .graphics-container .controls .slider-container{width:200px;margin-top:112px;}
#widget4 .screen4 .col-right .graphics-container .controls .slider-container p{margin-top:2px}
#widget4 .screen4 .col-right .graphics-container .controls .slider-container .price-tag{text-align:center;margin:-5px 0 5px 0}
#widget4 .screen4 .col-right .graphics-container .controls .slider-container .quantity-tag{text-align:center;margin:-5px 0 15px 0}
#widget4 .screen4 .col-right .graphics-container .controls .slider-container .ver-slider .slider-bar{width:33px;height:193px;background:url("../images/slider-track_v_33x193.png");}
#widget4 .screen4 .col-right .graphics-container .controls .slider-container .ver-slider .slider-bar .slider-knob{top:160px}
#widget4 .screen4 .col-right .graphics-container .graph-container{width:391px;height:465px;border:none;}
#widget4 .screen4 .col-right .graphics-container .graph-container .y-label{margin:110px -30px 0 10px}
#widget4 .screen4 .col-right .graphics-container .graph-container .x-label{padding:0 0 0 120px}
#widget4 .screen4 .col-right .graphics-container .graph-container .grid-container{width:310px;}
#widget4 .screen4 .col-right .graphics-container .graph-container .grid-container .graph svg{width:320px}
#widget4 .screen4 .col-right .graphics-container .graph-container .grid-container .horizontal{width:310px;top:346px}
#widget4 .screen4 .col-right .graphics-container .graph-container .grid-container .vertical{left:261px;height:355px}
#widget4 .screen5 .graphics-container{width:523px;height:467px;margin:auto;border:1px solid #888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#widget4 .screen5 .graphics-container .controls{float:left;width:60px;height:100%;border:none;border-right:1px solid #888;}
#widget4 .screen5 .graphics-container .controls .slider-container{float:left;width:60px;margin-top:170px;}
#widget4 .screen5 .graphics-container .controls .slider-container p{margin-top:5px}
#widget4 .screen5 .graphics-container .controls .slider-container .price-tag{text-align:center;margin:-5px 0 5px 0}
#widget4 .screen5 .graphics-container .controls .slider-container .quantity-tag{text-align:center;margin:-5px 0 15px 0}
#widget4 .screen5 .graphics-container .controls .slider-container .slider .slider-bar{width:33px;height:193px;background:url("../images/slider-track_v_33x193.png")}
#widget4 .screen5 .graphics-container .graph-container{width:460px;height:465px;border:none;}
#widget4 .screen5 .graphics-container .graph-container .y-label{margin:140px -30px 0 10px}
#widget4 .screen5 .graphics-container .graph-container .x-label{padding:0 0 0 150px}
#widget4 .screen5 .graphics-container .graph-container .grid-container{width:380px;}
#widget4 .screen5 .graphics-container .graph-container .grid-container .graph svg{width:390px}
#widget4 .screen5 .graphics-container .graph-container .grid-container .horizontal{top:185px;width:375px}
#widget4 .screen5 .graphics-container .graph-container .grid-container .vertical{left:501px;height:225px}
#widget4 .screen5 .graphics-container .graph-container .grid-container .diagonal{position:absolute;width:414px;left:107px;top:264px;border-top:2px solid #f00;-webkit-transform:rotate(157deg);-moz-transform:rotate(157deg);-ms-transform:rotate(157deg);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);filter:progid:DXImageTransform.Microsoft.Matrix(M11=-0.9205048534524404, M12=-0.39073112848927355, M21=0.39073112848927355, M22=-0.9205048534524404, SizingMethod='auto expand') alpha(opacity=1);;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;-ms-transition:opacity .5s linear;transition:opacity .5s linear}
#widget4 .screen5 .graphics-container .graph-container .grid-container .hor-point{position:absolute;left:498px;top:393px;}
#widget4 .screen5 .graphics-container .graph-container .grid-container .hor-point p{font-style:italic;margin:0 0 2px 10px;line-height:12px}
#widget4 .screen5 .graphics-container .graph-container .grid-container .ver-point{position:absolute;left:117.5px;top:181px;}
#widget4 .screen5 .graphics-container .graph-container .grid-container .ver-point p{font-style:italic;margin:2px 0 0 10px;line-height:12px}
#widget4 .screen5 .graphics-container .graph-container .grid-container .point{position:relative;width:8px;height:8px;background:#222;-webkit-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;behavior:url("scripts/vendor/pie/PIE.htc")}
.gt-ie7 #widget4 .screen5 .graphics-container .graph-container .grid-container .diagonal{top:185px;left:120px}