/*--------------------- livesite-template -----------------*/
#ls-row-1 .breadcrumbs { margin-top:1em; }
#ls-row-3:before, #ls-row-3:after {content:""; display:table; }
#ls-row-3:after { clear:both; }
.ls-canvas { background-color:#dde6eb; }
.InteriorThreeCol5-Footer { background-color:#fff; }

#ls-canvas .siloTitle { padding:0; }
.dlplogo { background:url(http://www.ti.com/lsds/sites/ti/dlp-technology/images/dlp-logo-rgb.png) no-repeat 0 0; float:right; width:84px; height:52px; }

.modalAlert .modalWindow {border:3px solid #c0c0c0; }
.dlp_nav_language {float:right; margin-top:-15px; padding: 0 3%;}
/*--------------------- Top-Rotation-Banner ---------------*/
.dlplogoreverse { background-image:url(http://www.ti.com/lsds/sites/ti/dlp-technology/images/dlp-logo-reverse.png); background-repeat:no-repeat; float:right; display:block; height:61px; width:100px; margin-top:34px; }
.bannerGradient {
padding: 0 3%;
display: block;
height: 272px;
overflow: visible;
background: #115566;
background: -moz-linear-gradient(top,  #115566 0%, #dde6eb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#115566), color-stop(100%,#dde6eb));
background: -webkit-linear-gradient(top,  #115566 0%,#dde6eb 100%);
background: -o-linear-gradient(top,  #115566 0%,#dde6eb 100%);
background: -ms-linear-gradient(top,  #115566 0%,#dde6eb 100%);
background: linear-gradient(to bottom,  #115566 0%,#dde6eb 100%);
background-image: linear-gradient(#115566, #dde6eb); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115566', endColorstr='#dde6eb',GradientType=0 );
}
.tislides { border:none; }
.tislides li { background:none; }
.tisscontrols { background:none !important; }
/*--------------------- Left-Col-Navigation ---------------*/
#ls-canvas .pageNav { width:100%; padding-left:1em; }
/*--------------------- Midcontent-Area -------------------*/
.midcontent { background-color:#fff; padding:2em 1em 2em 3%; margin-bottom:1em; }
#ls-canvas .pageTitle { padding:0; min-width:inherit; }
.midcontent .image-content {
  float:right; 
  max-width:40%; 
  margin-left:1em; 
  margin-bottom:1em; 
  margin-right:auto; 
  height:auto; 
  position:relative; 
  display:block; 
  z-index:999; 
}
.midcontent .pagination {
  font-weight:bold; 
  margin-top:1em; 
}
.midcontent .pagination span {
  margin:0; 
}
.ticom5 div.image-caption {
  font-size:0.8em; 
  margin:5px 0; 
}

.borderBox {
background:none repeat scroll 0 0 #f0f0f0; 
border:1px solid #e0e0e0; 
border-radius:5px; 
margin:0 0 1em; 
padding:20px; 
}
/*--------------------- EngineerBox -------------------*/
.ticom5 .engineerBox-blue {
  position:relative; 
  display:block; 
  border-bottom:1px solid silver; 
  color:#555; 
  padding:0 1em 1em; 
  margin:0 0 1em; 
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 35%, #dde6eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#dde6eb));
  background: -webkit-linear-gradient(top,  #ffffff 35%,#dde6eb 100%);
  background: -o-linear-gradient(top,  #ffffff 35%,#dde6eb 100%);
  background: -ms-linear-gradient(top,  #ffffff 35%,#dde6eb 100%);
  background: linear-gradient(to bottom,  #ffffff 35%,#dde6eb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde6eb',GradientType=0 );}
.ticom5 .engineerBox-blue .c5 { margin-left:-10px; }
.ticom5 .engineerBox-blue .button {
  background-color:#f9f9f9; border:1px solid #c0c0c0; }
 .ticom5 .engineerBox-title {
  padding-left:52px; 
  margin-bottom:1em; 
  background-image:url(http://www.ti.com/lsds/sites/ti/dlp-technology/images/icon_engineer.png); /* ie <9 fallback */
  background-repeat:no-repeat; /* ie <9 fallback */
  background-position:left; /* ie <9 fallback */
  background:url(http://www.ti.com/lsds/sites/ti/dlp-technology/images/icon_engineer.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); 
  min-height:50px; 
}
/*--------------------- Key-Message-Box -------------------*/
.ticom5 .keyMsgBox {
  border:1px solid #e0e0e0; 
  border-radius:5px; 
  margin:0 0 1em 0; 
  padding:1.4em; 
  color:#555; 
  position:relative; 
  display:block; 
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 35%, #dde6eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#dde6eb));
  background: -webkit-linear-gradient(top,  #ffffff 35%,#dde6eb 100%);
  background: -o-linear-gradient(top,  #ffffff 35%,#dde6eb 100%);
  background: -ms-linear-gradient(top,  #ffffff 35%,#dde6eb 100%);
  background: linear-gradient(to bottom,  #ffffff 35%,#dde6eb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde6eb',GradientType=0 );
}
.ticom5 .keyMsgBox h3, .ticom5 .keyMsgBox h4 {
  margin:0 0 1em; 
  padding:0; 
}
.ticom5 .keyMsgBox ul {
  font-size:0.9em; 
}
.ticom5 .keyMsgBox div.row {
  margin-bottom:.5em}


.ticom5 .keyMsgBox div.image {
  float:right; 
  max-width:40%; 
  margin-left:1em; 
  margin-right:auto; 
  height:auto; 
}
.ticom5 .keyMsgBox img {
  height:auto; 
  clear:both !important; 
}
.ticom5 .keyMsgBox div.image-caption {
  font-size:0.8em; 
  margin:5px 0; 
}
.ticom5 .keyMsgBox div.image {
  float:right; 
  max-width:40%; 
  margin-left:1em; 
  margin-right:auto; 
  height:auto; 
}
/*--------------------- DLP-Forms -------------------------*/
.dlp label { display: block;}
.invalid input, .invalid .dropdown, .invalid textarea { border:1px solid #cc0000 !important; border-radius:0.2em; margin:0; }
span.validation.error {color:#c00; display:block; font-size:0.9em; height:auto; margin:0.4em 0 1.4em; min-height:1em; visibility:visible; }

.dlp #picoForm .dropdown select { width:198px; }
.dlp #picoForm .invalid .dropdown { width:200px; }

.dlp #discoveryForm .invalid .dropdown { width:300px; }
.dlp #discoveryForm .invalid .dropdown select { border:none; outline:none; cursor:pointer; margin:0; text-overflow:ellipsis; }

.dlp #discoveryForm input[type="text"] { width:300px; }
.dlp #discoveryForm .dropdown select { width:298px; }

.dlp #discoveryForm .radio { display: inline-block;}
.dlp #discoveryForm input[type="radio"] { vertical-align:middle;}

.toolTipHelp.boxD { display:none; position:absolute; background:#189; color:#FFF; border-radius:0.2em; box-shadow:3px 3px 4px #cccccc; width:200px; left:160px; line-height:1.5em; padding:0.5em 1em; z-index:999; }
.toolTipHelp.boxD span { position:absolute; display:block; width:20px; height:14px; left:-19px; background:url(/assets/images/eStoreIconSet.png) no-repeat 0 0; background-image:url(/assets/images/eStoreIconSet.svg), none; background-position:-140px -760px; /* TEAL INDICATOR ARROW LOCATION within SPRITE */  }

.dlp #discoveryForm .toolTipHelp.boxD { left:310px; }
.dlp #discoveryForm hr { margin:3em 0; border:0; border-bottom:1px dotted #ccc; }
/*--------------------- DLP-TCO ---------------------------*/
#getTCODetailForm .level6 { background: #666666; padding: 1em; }
#getTCODetailForm .level6 h3 { color: #fff; margin: 0; font-size: 1.2em }
#getTCODetailForm .level2 { background:#ebebeb; padding:1em; }
#getTCODetailForm .level3 { background:#f0f4f4; padding:1em; }
#getTCODetailForm .formlist { border:0 none; margin:0; padding:0; }
#getTCODetailForm .formlist > li, #getTCODetailForm .formlist > div > li { background:none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom:1em; overflow:visible; padding:0; position:relative; vertical-align:middle; }
#getTCODetailForm input[type=text], #getTCODetailForm input[type=number] { width:100%; -webkit-transition:border .2s; transition:border .2s; max-width:100px; padding:.2em; border:1px solid #c0c0c0; border-radius:.2em; margin:0; }
#getTCODetailForm input[type=number]:focus { border:1px solid #189; outline:0; border-radius: 0.2em; margin: 0; padding: 0.2em; }
#getTCODetailForm #chart_div { display:inline-block; width:280px; height:250px; position:relative; z-index:1; margin:1em 1.4em 0 0;}
#getTCODetailForm div.legend { min-width:200px; display:inline-block; position:relative; z-index:10; margin:1em 1.4em 0 0;}
#getTCODetailForm div.legend span {display:block; margin:5px 0; width:auto; }
#getTCODetailForm div.legend span span { display:inline; margin:5px 5px; }
#getTCODetailForm div.legend #legendItem_1 { background:#29ABE2; }
#getTCODetailForm div.legend #legendItem_2 { background:#FBB03B; }
#getTCODetailForm div.legend #legendItem_3 { background:#8CC63F; }
#getTCODetailForm div.legend #legendItem_4 { background:#C1272D; }
#getTCODetailForm div.legend .off { display:none}
#getTCODetailForm div.disclaimer { color:#F00; font-size:.8em ;clear:both;}
#getTCODetailForm .toolTipHelp.boxD { background:none repeat scroll 0 0 #189; color:#FFF; border-radius:0.2em; box-shadow:3px 3px 4px #cccccc; width:200px; display:none; left:auto; margin-left:110px; line-height:1.5em; padding:0.5em 1em; position:absolute; z-index:999; }
#getTCODetailForm .toolTipHelp.boxD span { position:absolute; display:block; width:20px; height:14px; left:-19px; background:url(/assets/images/eStoreIconSet.png) no-repeat 0 0; background-image:url(/assets/images/eStoreIconSet.svg), none; background-position:-140px -760px; /* TEAL INDICATOR ARROW LOCATION within SPRITE */  }
#getTCODetailForm div.error, div.success, ul.alert.alertfont { background:none repeat scroll 0 0 #d9f1f4; border-radius:0.2em; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5); color:#333; margin:0 3% 1em; padding:1em 1em 1em 3em; position:relative; width:auto; min-width:320px; }

div.error:after { position:absolute; left:1em; top:1em; background:url(http://www.ti.com/assets/images/iconMyTI.png) no-repeat 0 -60px; background-image:url(http://www.ti.com/assets/images/iconMyTI.svg), none; display:block; content:''; height:20px; width:20px; }
div.success:after { position:absolute; left:1em; top:1em; background:url(/assets/images/iconMyTI.png) no-repeat -30px -58px; background-image:url(http://www.ti.com/assets/images/iconMyTI.svg), none; display:block; content:''; height:20px; width:20px; }
div.error, div.success, ul.alert.alertfont { background:none repeat scroll 0 0 #d9f1f4; border-radius:0.2em; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5); color:#333; margin:0 3% 1em; padding:1em 1em 1em 3em; position:relative; width:424px; }
.error p, .success p { margin:0; }

.formLine, #calculatorPage_2 .dropdown.invalid { width: 100%; max-width: 100px;}
#getTCODetailForm .dropdown.invalid input { max-width: 100px; }

@media screen and (max-width:1024px) {
.mobile .tislides, .mobile .tislides ul, .mobile .bannerGradient { height:185px !important; }
.mobile .tislides img { max-width:700px; }
#getTCODetailForm input[type=text], #getTCODetailForm input[type=number] { width:100%; }
}
@media screen and (max-width:768px) {
#calculatorPage_1 .c4 { width: 100%}
#resultsPage .c9 { width: 100%}
#getTCODetailForm input[type=text], #getTCODetailForm input[type=number] { width:100%; }

}
@media screen and (max-width:640px) {
#calculatorPage_1 .c4 { width: 100%}
#resultsPage .c9 { width: 100%}
#getTCODetailForm input[type=text], #getTCODetailForm input[type=number] { width:100%; }
}