/*================================
 MAGNETICS
 calculators.css

 Last Updated By: Ryan Perry
 Last Updated: 08/04/2009
================================*/


/*================================
 CALCULATOR LAYOUT
================================*/
.calculator {width:704px; display:inline-block;}
.calculator .design-input, .calculator .design-output {margin:0 0 30px 0; width:704px; background:url('/images/spang/calc-box-middle.png') repeat-y;}
.calculator .design-input .inner , .calculator .design-output .inner {background:url('/images/spang/calc-box-bottom.png') no-repeat left bottom; padding:0 15px 35px 15px;}
.calculator .design-input .bottom , .calculator .design-output .bottom {clear:both;}
.calculator .design-input h2, .calculator .design-output h2 {font-size:14px; color:#ffffff !important; padding:10px 15px 5px 15px; margin:0 0 15px 0; background:url('/images/spang/calc-box-top.png') no-repeat 0 0 #787878; width:674px; position:relative; z-index:10;}
.calculator .design-input ul, .calculator .design-output ul {list-style:none; display:inline-block; margin:0; padding:0;}
.calculator .design-input ul li, .calculator .design-output ul li {position:relative; display:inline-block; padding:0; margin:0;}
.calculator .design-input ul h3, .calculator .design-output ul h3 {font-size:12px; font-weight:bold;}
.calculator .design-input ul .form-textbox, .calculator .design-output ul .form-textbox {border:1px solid #bebebe; padding:2px; height:16px; float:left;}
.calculator .design-input ul .form-selectbox, .calculator .design-output ul .form-selectbox {border:1px solid #bebebe; height:22px;}
.calculator .btn-dot {background:url('/images/spang/btn-dot.gif') no-repeat !important; width:15px; height:22px; float:left; text-indent:-9999px; border:none; outline:none; display:block; overflow: hidden; font-size: 0px; cursor:pointer; line-height: 0px;}
.calculator .formCalculateButton {background:url('/images/spang/btn-calculate.gif') no-repeat !important;}
.calculator .design-input .actions, .calculator .design-output .actions {clear:left; display:inline-block; width:672px; margin-top:20px;} 
.calculator .design-input .actions li {display:inline-block; width:672px;}
.calculator .design-output .actions li {float:left; display:inline; margin:0 5px 0 0; }
.calculator .design-output .actions li.btn-browse {width:285px !important;}
.calculator .design-output .actions li.btn-browse input {margin-right:5px;}
.calculator .design-output .actions li .form-textbox {width:100px; display: inline-block;}



/*================================
 INDUCTOR DESIGN - LDC
================================*/
.calculator .calc-ldc li label {float:left; display:inline-block; margin-right:5px; height:18px; padding-top:4px;}
.calculator .calc-ldc li .form-textbox {width:75px;}
.calculator .calc-ldc li .form-selectbox {width:160px;}

/*---- DESIGN INPUTS ----*/
.calculator .calc-ldc .material {float:left; width:214px; margin-right:15px;}
.calculator .calc-ldc .material li {margin-bottom:5px; width:214px;}
.calculator .cald-ldc .material li label {padding-top:0 !important; }
.calculator .calc-ldc .material li input {float:left; margin:0 3px 0 0; position:relative; top:5px; }
.calculator .calc-ldc .material li.form-checkbox input {float:left; margin:0 3px 0 0; position:relative; top:4px; }
.calculator .calc-ldc .stack-cores {float:left; width:115px; margin-right:15px;}
.calculator .calc-ldc .stack-cores li {margin-bottom:5px; width:115px;}
.calculator .cald-ldc .stack-cores li label {padding-top:0 !important; }
.calculator .calc-ldc .stack-cores li input {float:left; margin:0 3px 0 0; position:relative; top:5px;}
.calculator .calc-ldc .parameters {float:left; width: 313px;}
.calculator .calc-ldc .parameters li {margin-bottom:5px; width:313px;}
.calculator .calc-ldc .parameters li label {width:190px;}
.calculator .calc-ldc .parameters li input {margin-right:5px; background:#E4FFC2;}

/*---- DESIGN OUTPUT ----*/
.calculator .calc-ldc .core-information {float:left; width:328px; margin-right:15px;}
.calculator .calc-ldc .core-information li {margin:0 0 5px 0; width:328px;}
.calculator .calc-ldc .core-information li label {width:160px; }
.calculator .calc-ldc .core-information li.part-number label {font-weight:bold; color:#EB0303;}
.calculator .calc-ldc .core-information li.part-number input {border:1px solid #717171; background:#f0f0f0;}
.calculator .calc-ldc .core-information li.form-radio label {width:auto !important; margin-right:25px;}
.calculator .calc-ldc .core-information li.form-radio input {float:left; position:relative; top:5px; margin-right:3px;}
.calculator .calc-ldc .calc-information {float:left; width:238px;}
.calculator .calc-ldc .calc-information li {margin:0 0 5px 0; width:328px;}
.calculator .calc-ldc .calc-information li label {width:200px; }



/*================================
 COMMON MODE FILTER DESIGN  - CMF
================================*/
.calculator .calc-cmf li label {float:left; display:inline-block; margin-right:5px; height:18px; padding-top:4px;}
.calculator .calc-cmf li .form-textbox {width:75px;}
.calculator .calc-cmf li .form-selectbox {width:160px;}

/*---- DESIGN INPUTS ----*/
.calculator .calc-cmf .material {float:left; width:175px; margin-right:15px;}
.calculator .calc-cmf .material li {margin-bottom:5px; width:175px;}
.calculator .cald-cmf .material li label {padding-top:0 !important; }
.calculator .calc-cmf .material li input {float:left; margin:0 3px 0 0; position:relative; top:5px; }
.calculator .calc-cmf .design-mode {float:left; width:155px; margin-right:15px;}
.calculator .calc-cmf .design-mode li {margin-bottom:5px; width:145px;}
.calculator .cald-cmf .design-mode li label {padding-top:0 !important; }
.calculator .calc-cmf .design-mode li input {float:left; margin:0 3px 0 0; position:relative; top:5px;}
.calculator .calc-cmf .parameters {float:left; width: 313px;}
.calculator .calc-cmf .parameters li {margin-bottom:5px; width:313px;}
.calculator .calc-cmf .parameters li label {width:190px;}
.calculator .calc-cmf .parameters li input {margin-right:5px; background:#E4FFC2;}

/*---- DESIGN OUTPUT ----*/
.calculator .calc-cmf .core-information {float:left; width:328px; margin-right:15px;}
.calculator .calc-cmf .core-information li {margin:0 0 5px 0; width:328px;}
.calculator .calc-cmf .core-information li label {width:160px; }
.calculator .calc-cmf .core-information li.part-number label {font-weight:bold; color:#EB0303;}
.calculator .calc-cmf .core-information li.part-number input {border:1px solid #717171; background:#f0f0f0;}
.calculator .calc-cmf .core-information li.form-radio label {width:auto !important; margin-right:25px;}
.calculator .calc-cmf .core-information li.form-radio input {float:left; position:relative; top:5px; margin-right:3px;}
.calculator .calc-cmf .calc-information {float:left; width:238px;}
.calculator .calc-cmf .calc-information li {margin:0 0 5px 0; width:328px;}
.calculator .calc-cmf .calc-information li label {width:165px; }



/*================================
 CURRENT TRANSFOMER DESIGN - CT
================================*/
.calculator .calc-ct li label {float:left; display:inline-block; margin-right:5px; height:18px; padding-top:4px;}
.calculator .calc-ct li .form-textbox {width:75px;}
.calculator .calc-ct li .form-selectbox {width:160px;}

/*---- DESIGN INPUTS ----*/
.calculator .calc-ct .ct-type {float:left; width:155px; margin-right:15px;}
.calculator .calc-ct .ct-type  li {margin-bottom:5px; width:155px;}
.calculator .cald-ct .ct-type  li label {padding-top:0 !important; }
.calculator .calc-ct .ct-type  li input {float:left; margin:0 3px 0 0; position:relative; top:5px; }
.calculator .calc-ct .material {float:left; width:175px; margin-right:15px;}
.calculator .calc-ct .material li {margin-bottom:5px; width:175px;}
.calculator .cald-ct .material li label {padding-top:0 !important; }
.calculator .calc-ct .material li input {float:left; margin:0 3px 0 0; position:relative; top:5px; }
.calculator .calc-ct .design-mode {float:left; width:155px; margin-right:15px;}
.calculator .calc-ct .design-mode li {margin-bottom:5px; width:145px;}
.calculator .cald-ct .design-mode li label {padding-top:0 !important; }
.calculator .calc-ct .design-mode li input {float:left; margin:0 3px 0 0; position:relative; top:5px;}
.calculator .calc-ct .parameters {float:left; width: 313px;}
.calculator .calc-ct .parameters li {margin-bottom:5px; width:313px;}
.calculator .calc-ct .parameters li label {width:175px;}
.calculator .calc-ct .parameters li input {margin-right:5px; background:#E4FFC2; float:left;}

/*---- DESIGN OUTPUT ----*/
.calculator .calc-ct .core-information {float:left; width:328px; margin-right:15px;}
.calculator .calc-ct .core-information li {margin:0 0 5px 0; width:328px;}
.calculator .calc-ct .core-information li label {width:160px; }
.calculator .calc-ct .core-information li.part-number label {font-weight:bold; color:#EB0303;}
.calculator .calc-ct .core-information li.part-number input {border:1px solid #717171; background:#f0f0f0;}
.calculator .calc-ct .core-information li.form-radio label {width:auto !important; margin-right:25px;}
.calculator .calc-ct .core-information li.form-radio input {float:left; position:relative; top:5px; margin-right:3px;}
.calculator .calc-ct .core-information .material-thickness input {float:left; display:inline-block; position:relative; top:5px; margin-right:3px;}
.calculator .calc-ct .core-information .material-thickness  label {}
.calculator .calc-ct .calc-information {float:left; width:238px;}
.calculator .calc-ct .calc-information li {margin:0 0 5px 0; width:328px;}
.calculator .calc-ct .calc-information li label {width:165px; }


/*================================
 MAGAMP DESIGN - MA
================================*/
.calculator .calc-ma li label {float:left; display:inline-block; margin-right:5px; height:18px; padding-top:4px;}
.calculator .calc-ma li .form-textbox {width:75px;}
.calculator .calc-ma li .form-selectbox {width:160px;}

/*---- DESIGN INPUTS ----*/
.calculator .calc-ma .material {float:left; width:200px; margin-right:15px;}
.calculator .calc-ma .material li {margin-bottom:5px; width:200px;}
.calculator .cald-ma .material li label {padding-top:0 !important; }
.calculator .calc-ma .material li input {float:left; margin:0 3px 0 0; position:relative; top:5px; }
.calculator .calc-ma .regulation-type {float:left; width:115px; margin-right:15px;}
.calculator .calc-ma .regulation-type li {margin-bottom:5px; width:115px;}
.calculator .cald-ma .regulation-type li label {padding-top:0 !important; }
.calculator .calc-ma .regulation-type li input {float:left; margin:0 3px 0 0; position:relative; top:5px;}
.calculator .calc-ma .parameters {loat:left; width: 320px;}
.calculator .calc-ma .parameters li {margin-bottom:5px; width:320px;}
.calculator .calc-ma .parameters li label {width:165px;}
.calculator .calc-ma .parameters li input {margin-right:5px; background:#E4FFC2; float:left;}

/*---- DESIGN OUTPUT ----*/
.calculator .calc-ma .core-information {float:left; width:348px; margin-right:15px;}
.calculator .calc-ma .core-information li {margin:0 0 5px 0; width:348px;}
.calculator .calc-ma .core-information li label {width:160px; }
.calculator .calc-ma .core-information li.part-number label {font-weight:bold; color:#EB0303;}
.calculator .calc-ma .core-information li.part-number input {border:1px solid #717171; background:#efefef;}
.calculator .calc-ma .core-information li.form-radio label {width:auto !important; margin-right:25px;}
.calculator .calc-ma .core-information li.form-radio input {float:left; position:relative; top:5px; margin-right:3px;}
.calculator .calc-ma .calc-information {float:left; width:308px;}
.calculator .calc-ma .calc-information li {margin:0 0 5px 0; width:308px;}
.calculator .calc-ma .calc-information li label {width:180px; }