/* Selection */
#selection { position:relative; height:auto !important; min-height:500px; _height:160px }
#selection, #selectionTop, #selection * { font-size:12px; }
a.btn1:hover, a.btnGry:hover, #selection a.btndisabled { text-decoration:none; }
#selection .param { position:relative; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
#selection .param th {min-width:50px;}
#selection /*.param*/ th, #selection /*.param*/td { border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; vertical-align:top; }
#selection .param th, .param .title td { height:72px; padding:5px; background:#f0f0f0; vertical-align:bottom; text-align:left; font-weight:600; }
#selection .param th.drag {background:#f0f0f0 url(/js/shared/selectiontool/graphics/drag.png) no-repeat center top; padding-top:35px;}
#selection .param .title td { padding:10px 5px 5px 5px; }
#selection .param th.head { text-align:center;}
#selection .param .filter td { white-space:nowrap; padding:1px; line-height:10px; }

/* chrome fix for filter box heights / alignment issues */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #selection .param .filter td { white-space:nowrap; padding:1px; line-height:10px; height:174px; }
}

#selection .param .filter td .mainTISlider {position:relative;}
#selection .param .filter .head { background:#f0f0f0; padding:0; width:150px; color:#cc0000; }
#selection .param .filter .head .label { position:absolute; text-align:left; padding:20px 0 10px 20px; }
#selection .param .filter .head .value { position:relative; text-align:right; padding:20px 20px 10px 0; }
#selection .param .filter .head .value b { font-size:18px; }
#selection .param .filter .head .btn { width:auto; position:relative; text-align:center;}
#selection .param .filter .head .resetdisabled { background:#d12424 url(/js/shared/selectiontool/graphics/btn_reset_disabled.png) no-repeat; padding:1px 5px 2px 23px; width:auto; overflow:visible; *padding:1px 5px 1px 21px; }
#selection .param .filter .check { height:14px; padding:1px 0px 0px 0px; zoom:1; }
#selection .param .filter .check label { zoom:1; }
#selection .param .filter .check .box { position:absolute; *margin:0 0 0 -15px; }
#selection .param .filter .check .value { display:block; margin:0 0 0 0.25em; }
#selection .param .filter div.check:hover { background:#ddece8; cursor:pointer; }
#selection .param .filter .check input { margin:0; *margin:-4px -2px -1px -4px; }
#selection .param .filter .statusBox { margin:20px; width:144px}
#selection .param .filter .statusBox .btn { position:static !important }
#selection .param .filter .statusBox .resetbtnFix { clear:both; padding-top:20px; }
#selection .param .filter .statusBox .statusBoxLabel { float:left; line-height:20px; } 
#selection .param .filter .statusBox .statusBoxCount { float:right; text-align:right; line-height:20px; }
#selection .param .filter .statusBox b { font-size:14px; }
#selection .param .filter .statusBox .hiCount {height:20px;}
#selection .count { position:absolute; background:#ddece8; border:1px solid #5e5e5e; padding:5px; text-align:center; z-index:20; width:auto }
#selection .param .filter .textnom { margin:4px 0; *margin:3px 0 1px 0; text-align:center; white-space:nowrap; }
#selection .param .filter .textmax, .param .filter .textmin { position:relative; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -477px; height:18px; padding:0 0 0 10px; margin:4px 0 5px 0; }
#selection .param .filter .textmin { background-position:0 -507px; margin:5px 0 4px 0; }
#selection .param .filter .textmax input,
#selection .param .filter .textmin input,
#selection .param .filter .textnom input { width:100%; height:14px; border:1px solid #1c5180; color:#000; }
#selection .param .filter .textnom input { width:30px; }
#selection .param .filter .slider { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -90px; margin:0 0 0 8px; }
#selection .param .filter .sliderOn { position:absolute; width:4px; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -220px; }
#selection .param .filter .sliderNA { position:absolute; width:4px; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -350px; }
#selection .param .filter .slider .deadzone, .param .filter .slider .valuemax, .param .filter .slider .valuemin { position:absolute; margin:0 0 0 8px; }
#selection .param .filter .padmax, .param .filter .padmin { position:absolute; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -540px; width:15px; height:8px; margin:0 0 0 -7px; cursor:pointer;}
#selection .param .filter .padmin { background-position:0 -570px; }
#selection .param .filter .padmax .count,
#selection .param .filter .padmin .count { top:-12px; right:16px; *right:15px; line-height:12px; }
#selection .param .sort { background:#f0f0f0; }
#selection .param .sort td { vertical-align:middle; padding:1px; text-align:center; }
#selection .param .sort .head { text-align:left; white-space:nowrap; }
#selection .param .sort .head input { /*padding:1px 10px;*/ margin:0 10px 0 0; }
#selection .param .sort .sortAsc, .param .sort .sortDes { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -594px; width:8px; height:8px; display:inline-block; padding:2px; cursor:pointer; }
#selection .param .sort .sortDes { background-position:0 -624px; }
#selection .param .sort .sortAsc.on { background-position:0 -654px; }
#selection .param .sort .sortDes.on { background-position:0 -684px; }
#selection .param .result td { padding:5px; }
#selection .param .result .head { padding:0; width:150px;  }
#selection .param .result .check { position:absolute; padding:4px 13px 13px 4px; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 4px 4px; width:auto; overflow:visible; }
#selection .param .result.selected .check,
#selection .param .result.hilighted .check { background-position:4px -26px; }
#selection .param .result .name { padding:5px 5px 5px 22px; }
/*#selection .param .hilight, */#selection .param .hilighted { background:#ffffb3; }
#selection .selectionColor { background-color:#ff5555; }
#selection .panel { display:inline-block; height:40px; background:#f0f0f0; border:1px solid #e0e0e0; border-bottom:0; }
#selection .panel span div { display:inline;}
#selection .panel span div a { display:inline-block; height:17px; color:#333; font-weight:600; padding:13px 10px 10px 35px; border-right:1px solid #e0e0e0; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 10px -768px; }
#selection .panel span div a.email { background-position:10px -810px; }
#selection .panel span div a.download { background-position:10px -850px; }
#selection .panel span div a.save { background-position:10px -890px; border:0; }
#selection #selectionToolShowBlanks {background:#fff; border:1px solid #5E5E5E; display:none; font-size:12px; font-weight:600; left:520px; padding:11px 10px 13px 8px; position:absolute; top:0px;}
#selection #selectionToolShowBlanks input {margin:0 4px 0 0;}
#selection #selectionToolMobileFriendly {padding:7px; display:block; width:170px; position:absolute; top:0px; left:520px;}
#selection.showingBlanks #selectionToolMobileFriendly {left:650px;}
#selection .panel img { margin:0 5px -8px 0; border:0; overflow:visible; }
#selection .rowRollOverColor { background-color:#DDEEFF !important }
#selection .param thead tr div.scrollchkbox { overflow:scroll; overflow-y:scroll; overflow-x:hidden; height:168px; width:100%; }
#selection .param thead tr label { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 1px 0; white-space:nowrap; font-weight:normal; padding:1px 0px 2px 14px; display:block; }
#selection .param thead tr label.selected { background-position:1px -30px; }
#selection .param thead tr label.disabled { background-position:1px -60px; }
#selection .param thead { cursor:default; }
#selection .param thead.filterWait { cursor:wait; }
#selectionTop .menu, #selection .part, #selection .showhide { position:absolute; background:#fff; border:1px solid #5e5e5e\9; border-top:3px solid #cc0000; padding:10px; -moz-box-shadow:0 10px 10px #333; -webkit-box-shadow:0 10px 10px #333; box-shadow:0 10px 10px #333; }
#selectionTop .menu { overflow:auto; width:400px; }
#selectionTop .menu li { font-weight:600; background:none; padding:0; }
#selectionTop .menu li li, #selectionTop .menu li li li { font-weight:normal; padding:3px 0 0 15px; }
#selectionTop .menu li li li { background-position:8px 8px; }
#selectionTop .menu li.hilighted { background:#ffffb3; }
#selectionTop .menu a { color:#000; }
#selectionTop .menu a.treeExp, #selectionTop .menu a.treeCol { display:inline-block; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -940px; height:9px; width:15px; }
#selectionTop .menu a.treeCol { background-position:0 -970px; }
#selection .partCheckbox {float:left; width:20px; display:inline-block;}
#selection .partDescription { display:inline-block; width:115px; margin-left:3px; }
#selection .part { /*margin-top:40px;*/  z-index:30; }
#selection .close { position:absolute; width:18px; height:18px; top:5px; right:5px; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -1270px; cursor:pointer; border:0; z-index:31; padding:0;}
.part .link { float:left; padding:0 20px 0 0;  }
.part .link h2 { width:auto; font-size:18px; margin:0 0 10px 0; }
.part .link ul, #compareTable ul, #stickyTop ul, #stickyControl ul { list-style-type:none; width:auto !important; margin:0; padding:0; /*line-height:14px;*/ }
/*#selection .part .link ul li {padding-bottom:8px;}*/
.part .link li, #compareTable li, #stickyTop li, #stickyControl li { background:none; padding:5px 0; }
.part .link li a, #compareTable li a, #stickyTop li a, #stickyControl li a { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -1000px; padding:0 0 1px 21px; }
.part .link li.detail a { background-position:0 -1030px; }
.part .link li.buy a, #compareTable li.buy a,#stickyTop li.buy a, #stickyControl li.buy a { background-position:0 -1060px; }
.part .link li.tool a, #compareTable li.tool a, #stickyTop li.tool a, #stickyControl li.tool a { background-position:0 -1090px; }
.part .link li.doc a { background-position:0 -1120px; }
#compareTable li.print a, #stickyControl li.print a { background-position:0 -1360px; padding:4px 0 3px 24px; }
.part .diagram { float:left; }
.part .diagram input { position:absolute; top:5px; right:40px; display:none; width:auto; }
.part .diagram.zoomed input { display:block; }
.part .diagram img { cursor:url(/js/shared/selectiontool/graphics/zoomin.png), default; *cursor:pointer; margin:20px 0 0 0; }
.part .diagram.zoomed img { cursor:url(/js/shared/selectiontool/graphics/zoomout.png), default; *cursor:pointer; }
#selection .showhide { z-index:40; }
.showhide .cnt, .showhide .cnt2 { float:left; padding:5px; }
.showhide .cnt { padding-top:100px; text-align:center; }
.showhide .cnt3 { clear:both; text-align:right; padding:20px 0 5px 0; }
.showhide h2 { font-size:18px; margin:0; }
.showhide .order { display:inline-block; background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -1150px; width:25px; height:20px; }
.showhide .order.down { background-position:0 -1180px; }	  
.showhide .order.hide { display:block; background-position:0 -1210px; width:40px; }	   
.showhide .order.show { display:block; background-position:0 -1240px; width:40px; margin-top:2px; }
#selection .error, #selection div.info { position:absolute; background:#fff; border:3px solid #c0c0c0; padding:.5em 1em; z-index:40; }
#selection div#selectionToolSaveFunctions.info {padding:5px 30px 5px 5px;}
#selection .saveTipClose {background:url(/js/shared/selectiontool/graphics/btn_close.png) no-repeat left top; border:none; height:20px; position:absolute; right:10px; top:5px; width:20px;}
#selection .error { width:150px; *width:160px; margin:-5px 0 0 -50px; text-align:center; white-space:normal; display:none;}
#selection .error .btn1 { width:auto; height:auto; color:#fff; margin:5px 0 0 0; }
#selection div.stickyheader .sticky-hide { visibility:hidden; padding:0 !important; border:0 none !important }
#selection #selectionLoader { background:url(/js/shared/selectiontool/graphics/loading-squares.gif) no-repeat 90% 50% #fff; border:2px solid #ccc; display:block; font-size:2em; left:20px; margin-top:80px; padding:20px 80px 20px 20px; position:absolute; text-align:center; top:0px; z-index:1001; }
#selection #selectionLoader.loadMore {margin:10px auto; position:static; width:200px;}
#selection #selectionLoaderBtn { border:2px solid #ccc; display:block; font-size:2em; margin-top:10px; padding:20px 80px 20px 20px; text-align:center; z-index:1001; }
#selection #grid { position:relative;}
#selection #grid #displayGrid { position:relative; }
#selection #grid #displayGrid.show { top:0; visibility:visible }
#selection #grid #displayGrid thead#fakeHead td { padding-bottom:29px;}
#selection #grid #displayGrid #result td.emptyitem { color:#999; font-size:18px; text-align:center; vertical-align:middle; }

/*IE sticky controls fix*/
#selection #grid #displayGrid thead#fakeHead tr { *height:auto; }
#selection #grid .filter td { height:168px;}


.param .sort img:hover { cursor:pointer; cursor:hand }
span.info.more { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 32px -722px; padding:0 18px 0 0; }
span.info { background:#ffff99; color:#ea272a; font-weight:600; }
#btnCompare.btn1, #btnCompare.btndisabled, #btnCompare2.btn1, #btnCompare2.btndisabled { width:130px; }
.checkmark {background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -750px; display:block; height:14px; width:14px; }
#selection #grid #headerGrid { height:265px; background:#fff; border-bottom:1px solid #E0E0E0; position:absolute; z-index:3; }
#selection #grid #headerGrid .ctrllock { background:#aaa url(/js/shared/selectiontool/graphics/loader.gif) no-repeat center center;  filter:alpha(opacity=10); left:0; height:171px; opacity:0.1; -moz-opacity:0.1; position:absolute; z-index:12000; width:100%; }
#selection #grid #stickyCol { background:#fff; border:1px solid #e0e0e0; border-collapse:collapse; left:-500px; position:fixed; table-layout:fixed; z-index:2;}
#selection #grid #stickyCol td { border:1px solid #e0e0e0;}

#selection #stickyColHead { height:265px; border-collapse:collapse; position:fixed; z-index:4;}
/*#selection #stickyColHead .filter, #selection #stickyColHead .filter td {border-bottom:none;}*/
#selection #stickyColHead .ctrllock { border:0px }
#selection .hidden {display:none;}
#dragColumnOverlay {cursor:pointer;}

#selection .selectionColumnOrder {min-width:480px;}
#selection .selectionShowColumns {min-width:120px;}
#selection .selectionHideColumns {min-width:112px;}

/*CN CSS OVERRIDES*/
#selection.cn.ieb tr.result .head  {line-height:15px;}
#selection.cn.ieb tr.result .head  .check {background-position:4px 7px; padding-bottom:16px;}
#selection.cn.ieb tr.result.hilighted .head  .check {background-position:4px -23px;}

/*CSS OVERRIDES*/
/*#selection #flyOut ul li.detail { font-size:11px; }
#selection input.btndisabled {color:#C9C8C6;}*/

#selection .nowrap {white-space:nowrap;}

/*ESP FIXES*/
#selection .info {float:none; margin:0;}
td button.btn3 {width:auto; zoom:1;}

/*sticky header fix for ie7 and ie8... the \9 is a CSS hack to target those 2 browsers*/
div.stickyheader table.param {left:-6000px\9;}

#selection.comparePopup {font-family:'Open Sans',sans-serif; font-size:12px; position:relative;}
#selection.comparePopup {color:#555;}
#selection.comparePopup a, #selection.comparePopup a:visited {color:#118899; text-decoration:none;}
#selection.comparePopup a:hover {text-decoration:underline;}
#selection .button span.hide-counter { display:block; }
#selection .button span.reset { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -1330px; padding:2px 0 0 19px; display:inline-block; }

#compareTable, #stickyTop, #stickyLeft, #stickyControl { background:#fff; border-collapse:collapse; table-layout:fixed; border-top:3px solid #5e5e5e; border-left:1px solid #e0e0e0; }
#selection td.parameterNameCol { height:81px; width:220px; }
#stickyTop, #stickyLeft, #stickyControl { position:fixed; top:0; left:10px; }
#compareTable th, #stickyTop th, #stickyControl th { background:#115566; color:#fff; font-size:13px; font-weight:600; padding:10px; }
#compareTable th a, #stickyTop th a, #stickyControl th a, #compareTable th a:visited, #stickyTop th a:visited, #stickyControl th a:visited {color:#fff !important;}
#compareTable .partCol, #stickyTop .partCol {width:160px;}
#stickyLeft td { font-weight:600; }
#compareTable th, #stickyTop th, #stickyLeft th, #stickyControl th, #compareTable td, #stickyTop td, #stickyLeft td, #stickyControl td {padding:5px;}
#selection tr.odd td { background:#f0f0f0; }
#compareTable td.partNameCol {font-weight:600;}
#compareTable div.compareFootprint {white-space:nowrap;}

#leftBlankScreen {background:#fff; height:100%; left:0; position:fixed; top:0; width:10px; z-index:100;}

#selection td a.buySampleLink {background:url("/js/shared/selectiontool/graphics/iconsSelection.png") no-repeat 0 -1060px; display:block; padding-left:20px; white-space:nowrap;}
#selection #tdo999 {padding-right:96px;}

#selection * {-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important; box-sizing:content-box !important;}
#selection.truncatedTool #selectionLoaderBtn {display:none !important;}

#selection .param th#thp1811 { min-width:220px; }

#selection sup {font-size:0.83em; line-height:0; vertical-align:super;}

#selection select.boolean {position:absolute; top:-72px;}
#selection .drag select.boolean {position:absolute; top:-92px;}


/*buttons, for esp*/
.esp .button, .esp .btndisabled, .esp .btn1, .esp .btn3 { background-color:#f9f9f9; padding:.3em .6em; border-radius:.2em; display:inline-block; font-size:1em; border:0; cursor:pointer; -webkit-appearance:none; white-space:nowrap; }
.esp .button { border:1px solid #c0c0c0; }
.esp .button.noborder { background-color:transparent; padding:.2em 0; border:0; }
.esp .button:hover, .esp .btn1:hover, .esp .btn3:hover { text-decoration:none; }
.esp .button.btnA, .esp .button.red, .esp .btn1, .esp .btn3, .esp .button.btnB, .esp .button.black, .esp .button.btnC, .esp .button.teal { background-color:#cc0000; color:#fff !important; font-weight:600; border:0; }
.esp .button.btnA:hover, .esp .button.red:hover, .esp .btn1:hover { background-color:#dd1111; }
.esp .button.btnB, .esp .button.black, .esp .btn3 { background-color:#555; }
.esp .button.btnB:hover, .esp .button.black:hover, .esp .btn3:hover { background-color:#444; }
.esp .button.btnC, .esp .button.teal { background-color:#115566; }
.esp .button.btnC:hover, .esp .button.teal:hover { background-color:#006677; }
.esp .button.disabled, .esp .btndisabled, input.btn1:disabled, input.btn3:disabled { background-color:#e0e0e0; color:#fff !important; cursor:default; border:0; }
.esp .button.disabled:hover { background-color:#e0e0e0; }