/* Start: Popup */
#streamCalc { position: absolute; left: 50%; top: 50%; margin-top: -282px; margin-left: -149px; width: 299px; height: 564px; background: transparent url(../images/iphoneBg.png) left top no-repeat; display: none; z-index: 105; }
#streamCalcWrapper { width: 100%; height: 100%; }
#streamCalc * { margin: 0; padding: 0; color: #000!important; }
#streamCalc a:focus { outline: none; }
* html #streamCalc { background-image: none; }
* html #streamCalcWrapper { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.advection.net/streamcalc/images/iphoneBg.png', sizingMethod='crop'); }
#streamCalc.visible { display: block; }
/* End: Popup */

/* Start: Overlay */
#streamCalcOverlay { opacity: .85; filter: alpha(opacity=85); background-color: #333; position: fixed; left: 0; top: 0; display: none; z-index: 100; background: #000; width: 100%; height: 100%; }
#streamCalcOverlay.visible { display: block; }
#streamCalcOverlay .wrapper { width: 100%; height: 100%; position: relative; }
* html #streamCalcOverlay { position: absolute; width: auto; height: auto; }
#streamCalcOverlay #streamCalcOverlayIframe { display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); }
/* End: Overlay */

#streamCalcCanvas { height: 356px; margin: 0 24px 0 27px; background: transparent url(../images/screenTop.png) left 104px no-repeat; position: relative; overflow: hidden; font-family: Tahoma, Verdana, Arial, ; width: 248px; zoom: 1; padding-bottom: 65px; padding-top: 120px; }
#streamCalcStepsList { display: block; height: 356px; margin: 0; padding: 0; width: 1736px; margin-left: 0; clear: both; overflow: visible; } /* 248, 496, 744, 992, 1240, 1488 */
* html #streamCalcStepsList { overflow: hidden; }
#streamCalcStepsList li { display: block; list-style: none; height: 100%; width: 248px; margin: 0; float: left; position: relative; }
#streamCalcCanvas input.number { display: block; float: left; border: none; outline: none; background: transparent url(../images/inputNumber.png) left top no-repeat; height: 13px; width: 37px; font-size: 11px; padding: 6px 6px; margin-right: 6px; }
#streamCalcCanvas .row { padding: 3px 0 3px 53px; overflow: hidden; line-height: 23px; font-size: 13px; }
#streamCalcCanvas .row.clips { background: transparent url(../images/rows/clips.png) 21px center no-repeat; }
#streamCalcCanvas .row.minutes { background: transparent url(../images/rows/minutes.png) 21px center no-repeat; }
#streamCalcCanvas .row.bitrate { background: transparent url(../images/rows/bitrate.png) 21px center no-repeat; }
#streamCalcCanvas .row.users { background: transparent url(../images/rows/users.png) 21px center no-repeat; }
#streamCalcCanvas .description { font-size: 10px; padding: 10px 8px; line-height: 12px; }
#streamCalcCanvas .description.callUs { font-size: 11px; text-align: center; line-height: 13px; }
#streamCalcCanvas .description.callUs .number { font-size: 12px; display: block; padding-top: 4px; line-height: 14px; }
#streamCalcCanvas .rightTabButton { position: absolute; z-index: 110; width: 114px; height: 25px; right: 9px; top: 37px; }
#streamCalcCanvas .leftTabButton { position: absolute; z-index: 110; width: 114px; height: 25px; left: 9px; top: 37px; }
#streamCalcCanvas .backButton { position: absolute; z-index: 110; width: 39px; height: 25px; left: 3px; top: 4px; }
#streamCalcCanvas .backButton a { position: relative; width: 100%; height: 100%; cursor: pointer; display: block; z-index: 150; }
#streamCalcCanvas .infoButton { position: absolute; z-index: 110; width: 25px; height: 25px; right: 7px; top: 4px; }
#streamCalcCanvas .mainButton { position: absolute; z-index: 110; width: 233px; height: 44px; bottom: 16px; left: 8px; }
#streamCalcCanvas .bottomButton { position: absolute; z-index: 110; width: 233px; height: 44px; bottom: 6px; top: auto; left: 8px; }
#streamCalcCanvas .topButton { position: absolute; z-index: 110; width: 233px; height: 44px; bottom: 64px; left: 8px; top: auto; }
#streamCalcCanvas h3 { font-size: 13px; text-align: center; line-height: 15px; padding: 44px 0 15px 0; height: 15px; margin: 0; }

#streamCalcCanvas #streamCalcStep1 { background: transparent url(../images/step1.png) left top no-repeat; padding: 91px 0 0 0; height: 265px; }
#streamCalcCanvas #streamCalcStep2 { background: transparent url(../images/step2.png) left top no-repeat; padding: 0 0 0 0; height: 356px; }
#streamCalcCanvas #streamCalcStep3 { background: transparent url(../images/step3.png) left top no-repeat; padding: 91px 0 0 0; height: 265px; }
#streamCalcCanvas #streamCalcStep4 { background: transparent url(../images/step4.png) left top no-repeat; padding: 91px 0 0 0; height: 265px; }
#streamCalcCanvas #streamCalcStep5 { background: transparent url(../images/step5.png) left top no-repeat; padding: 0 0 0 0; height: 356px; }
#streamCalcCanvas #streamCalcStep6 { background: transparent url(../images/step3.png) left top no-repeat; padding: 91px 0 0 0; height: 265px; }
#streamCalcCanvas #streamCalcStepAbout { background: transparent url(../images/stepAbout.png) left top no-repeat; padding: 0 0 0 0; height: 356px; }

#streamCalc .calculationResults { font-size: 11px; padding: 0 16px; line-height: 13px; }
#streamCalc .calculationResults .resultRow { overflow: hidden; height: 34px; line-height: 34px; }
#streamCalc .calculationResults .resultRow .name { float: left; font-weight: bold; }
#streamCalc .calculationResults .resultRow .value { float: right; color: #505c75!important; }

#streamCalc .resultStats { position: absolute; top: 144px; font-size: 11px; padding: 0 16px; line-height: 13px; }
#streamCalc .resultStats p { padding: 10px 0; }
#streamCalc .resultStats ul { padding: 0; margin: 0; }

#streamCalc .recommendedPlan { font-size: 16px; color: #053e75!important; text-align: center; font-weight: bold; margin-bottom: 13px; line-height: 18px; }

#streamCalc .closeCalcButton { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; background: transparent url(../images/closeButton.png) left top no-repeat; cursor: pointer; }
* html #streamCalc .closeCalcButton { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.advection.net/streamcalc/images/closeButton.png', sizingMethod='crop'); }
#streamCalc #xmlIframe { display: none; }