/* Selection */
body { font:75% Arial, sans-serif; margin:0; padding:0; color:#525252; }
a { color:#118899; text-decoration:none; }
a:visited { color:#22aabb; }
a:hover { color:#cc0000; text-decoration: underline; }
#selection { position: relative; height: auto !important; min-height: 500px; _height: 160px }
#selection, #selection table, #selection input, #selection select, #selection a.btn1, #selection a.btnGry, #selection a.btndisabled, #selectionTop { font-size: 11px; }
a.btn1:hover, a.btnGry:hover, #selection a.btndisabled { text-decoration: none; }
#selection .param { position: relative; border-collapse:collapse; border-top:3px solid #5e5e5e; border-left:1px solid #e0e0e0; line-height: 11px; }
#selection .param th {min-width:20px;}
#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:62px; padding: 5px; background: #f0f0f0; color: #000; vertical-align: bottom; text-align:left; font-weight:bold; }
#selection .param th.drag {background:#f0f0f0 url(/js/shared/selectiontool/graphics/drag.png) no-repeat center top; padding-top:21px;}
#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 .disabled { color: #c9c8c6; }
#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; *width: 514px; background: #f0f0f0; border: 1px solid #5e5e5e; border-radius: 5px 5px 0 0;
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d0d0d0));
background: -moz-linear-gradient(top, #f0f0f0, #d0d0d0); 
background: -ms-linear-gradient(top, #f0f0f0, #d0d0d0); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0'); }
#selection .panel span div { display: inline;}
#selection .panel span div a { display: inline-block; height: 17px; color: #000; font-weight: bold; padding: 13px 10px 10px 35px; /*text-decoration: none;*/ border-right: 1px solid #5e5e5e; background: url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 10px -770px; }
#selection .panel span div a.email { background-position: 7px -810px; padding-left: 33px; }
#selection .panel span div a.download { background-position: 7px -850px; padding-left: 31px; }
#selection .panel span div a.save { background-position: 7px -890px; padding-left: 35px; border: 0; }
#selection #selectionToolShowBlanks {background:#fff; border:1px solid #5E5E5E; display:none; font-size:12px; font-weight:bold; left:520px; padding:11px 10px 13px 8px; position:absolute; top:0px;}
#selection #selectionToolShowBlanks input {margin:0 4px 0 0;}
#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: bold; padding: 10px 0 0 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; }
.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: 1px solid #5e5e5e; padding: 5px; z-index: 40; }
#selection .error p,
#selection div.info p { line-height: 11px; margin: 5px 0; }
#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 { font-size: 2em; padding: 20px 80px 20px 20px; border: 2px solid #ccc; position: absolute; top: 0px; margin-top: 80px; left:20px; background: url(/js/shared/selectiontool/graphics/loading-squares.gif) no-repeat 90% 50% #fff; z-index: 1001; display: block; text-align: center; }
#selection #selectionLoader.loadMore {margin:10px auto; position:static; width:200px;}
#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;}

/*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: bold; }
#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 .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 .button { background:#fff; border:1px solid #c0c0c0; padding:6px 10px; border-radius:5px; display:inline-block; font-size:1em; color:#118899; white-space:nowrap;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e0e0e0) );
background:-moz-linear-gradient( center top, #ffffff 5%, #e0e0e0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0'); }
#selection input.button { padding:4px 10px; }
#selection .button:hover { background:#e0e0e0; text-decoration:none; color:#118899;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #e0e0e0 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); }
#selection .button span { background:url(http://www.ti.com/assets/images/red-dbl-arrow.png) no-repeat right 4px; width:auto; height:12px; padding:0 10px 0 0; }
#selection .button span.reset { background:url(/js/shared/selectiontool/graphics/iconsSelection.png) no-repeat 0 -1330px; padding:2px 0 0 19px; display:inline-block; }
#selection .button.noborder { background:none; filter:none; border:none; }
#selection .button.noborder:hover { color:#cc0000; text-decoration:underline; }
#selection .button.red { background:#ee0000; border-color:#5e5e5e; color:#fff; font-weight:bold;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee0000), color-stop(1, #aa0000) );
background:-moz-linear-gradient( center top, #ee0000 5%, #aa0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#aa0000'); }
#selection .button.red:hover { text-decoration:none;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aa0000), color-stop(1, #ee0000) );
background:-moz-linear-gradient( center top, #aa0000 5%, #ee0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa0000', endColorstr='#ee0000'); }
#selection .button.black { background:#666666; border-color:#5e5e5e; color:#fff; font-weight:bold;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #111111) );
background:-moz-linear-gradient( center top, #666666 5%, #111111 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#111111'); }
#selection .button.black:hover { background:#111111; text-decoration:none;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #111111), color-stop(1, #666666) );
background:-moz-linear-gradient( center top, #111111 5%, #666666 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#666666'); }
#selection .button.disabled { background:#e0e0e0; filter:none; border-color:#d0d0d0; color:#fff; font-weight:bold; }
#selection .button.disabled:hover { background:#e0e0e0; filter:none; }
#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 { 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:bold; 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;}
#stickyLeft td { font-weight:bold; }
#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:bold;}

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