html, body { margin: 0; padding: 0; overflow: hidden; }
h4 { text-align: center; margin: 4px 0; }
a.widgetLink { /* "Widget Code" */ color: #888; font-family: Arial,Tahoma,Verdana; text-decoration: none; font-size: 1.5em; font-weight: bold; line-height: 10px; margin: 0; padding: 5px 0 10px; }

    a.widgetLink:hover { color: #be0d0d; }

    a.widgetLink:active { color: #f34040; }
#demoStyle { font-size: 10px; font-family: Arial,Verdana,"Lucida Grande",sans-serif; color: #666666; background-color: #fff; }

/* common class for top-most div element of widget */
.widget { margin: 0; border: none; }
#dynamicHeader { display: none; }
#headerLogo { /*background: url(toshibaLogo.png); width: 93px; height: 15px; margin: 5px auto 0;*/ }
/* Set individual widget dimensions for each widget at top-most div*/
#toolWrapper { height: 100%; overflow: hidden; border: 1px solid #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #666; background: #ccc; background: -moz-linear-gradient(bottom, #fff 0%, #ddd 100%); background: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #fff), color-stop(100%, #ddd)); background: -webkit-linear-gradient(bottom, #ddd 0%, #fff 100%); background: -o-linear-gradient(bottom, #fff 0%, #ddd 100%); background: -ms-linear-gradient(bottom, #fff 0%, #ddd 100%); background: linear-gradient(to bottom, #fff 0%, #ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); }

.submit { cursor: pointer; }
.footer { height: 36px; padding-top: 0px 100%; bottom: 0; }
.Action_Btn { color: #FFF; cursor: pointer; margin: 0 auto; width: 60px; font-weight: bold; letter-spacing: .03em; line-height: 25px; padding: 0 25px; *padding: 0 5px; font-size: 12px; text-decoration: none; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; -o-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; background-image: url(redBtn.png); background-position: -132px 0px; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #bf2525), color-stop(100%, #c82d2d)); background-image: -webkit-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: -moz-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: -o-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: -ms-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); text-shadow: 0 -1px 1px #6f1b1b; border: 1px solid #6f1b1b; }
.Action_Btn_InteractiveDatasheet { color: #FFF; cursor: pointer; margin: 17px auto; width: 60px; font-weight: bold; letter-spacing: .03em; line-height: 25px; padding: 0 25px; *padding: 0 5px; font-size: 12px; text-decoration: none; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; -o-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset; background-image: url(redBtn.png); background-position: -132px 0px; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #bf2525), color-stop(100%, #c82d2d)); background-image: -webkit-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: -moz-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: -o-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: -ms-linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); background-image: linear-gradient(bottom, #bf2525 0%, #c82d2d 100%); text-shadow: 0 -1px 1px #6f1b1b; border: 1px solid #6f1b1b; }
    .Action_Btn:hover { background-image: -moz-linear-gradient(center bottom, #c82d2d 0%, #f34040 100%); background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #be0d0d), color-stop(100%, #f34040)); background-image: -webkit-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: -moz-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: -o-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: -ms-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: linear-gradient(bottom, #c82d2d 0%, #f34040 100%); }
    .Action_Btn_InteractiveDatasheet:hover { background-image: -moz-linear-gradient(center bottom, #c82d2d 0%, #f34040 100%); background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #be0d0d), color-stop(100%, #f34040)); background-image: -webkit-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: -moz-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: -o-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: -ms-linear-gradient(bottom, #c82d2d 0%, #f34040 100%); background-image: linear-gradient(bottom, #c82d2d 0%, #f34040 100%); }

#accordion { margin-top: 0px; }
.accordion-title { position: relative; margin: -1px; color: #FFF; font-weight: normal; padding-left: 5px; font-size: 1em; line-height: 15px; height: 17px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; background-size: 100; font-size: 11px; }
.expand { font-size: 1.2em; padding-right: 2px; }
.closed { border: 1px solid #aaa; border: 1px solid #aaa; text-shadow: 0 1px 1px #fff; cursor: pointer; color: #666; background: #ccc; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F5F5F5), color-stop(100%, #ccc)); background-image: -webkit-linear-gradient(top, #F5F5F5, #ccc); background-image: -moz-linear-gradient(top, #F5F5F5, #ccc); background-image: -ms-linear-gradient(top, #F5F5F5, #ccc); background-image: linear-gradient(top, #F5F5F5, #ccc); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F5F5F5', endColorstr='#cccccc');"; }
    .closed:hover { text-shadow: none; background: #b8b8b8; color: #000; }
.open { cursor: default; background: #bf2525; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bf2525), color-stop(100%, #c82d2d)); background-image: -webkit-linear-gradient(top, #bf2525, #c82d2d); background-image: -moz-linear-gradient(top, #bf2525, #c82d2d); background-image: -ms-linear-gradient(top, #bf2525, #c82d2d); background-image: linear-gradient(top, #bf2525, #c82d2d); border: 1px solid #851616; border: 1px solid #851616; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf2525', endColorstr='#c82d2d');"; }

.opt-container { margin: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: relative; font-size: 0.9em; }
div.inputsContainer { margin: 0px 15px 0; padding: 5px; padding-right: 5px; }
input[type=text] { width: 35px; }
input.sliderInput { width: 33px!important; }
label.inputTitle { float: left; width: 110px; overflow: hidden; }
div.iePadding { display: none; display: block; width: 1px; height: 1px; margin-bottom: 25px; }
div.rangeSlider { clear: both; margin: 2px 5px 5px; height: 6px; width: 115px; }
div.inputsSpacer { clear: both; width: 200px; height: 0px; }
div.rangeSlider .ui-widget-header { background: #bf2525; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f34040), color-stop(100%, #bf2525)); background-image: -webkit-linear-gradient(top, #f34040, #bf2525); background-image: -moz-linear-gradient(top, #f34040, #bf2525); background-image: -ms-linear-gradient(top, #f34040, #bf2525); background-image: linear-gradient(top, #f34040, #bf2525); }
div.rangeSlider .ui-slider-handle { margin-top: -2px; width: 13px; border: 1px solid #888; }
div.inputWrapper { width: 134px; text-align: left; float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 16px; clear: right; }
.invisible { display: none; }

/* Demo page css */
div.demoWrap { text-align: center; float: left; margin-bottom: 50px; width: 310px; height: 500px; margin-right: 50px; margin-bottom: 50px; border: solid 1px silver; padding: 10px; }
div.demoWrap h3 { color: #333; border-bottom: 1px solid #C5C5C5; font-family: Arial,Tahoma,Verdana; font-weight: bold; line-height: 26px; margin: 0; }
div.demoDescription { margin-bottom: 10px; border-bottom: solid 1px silver; }
div.demoWrap iframe { border: none; border-radius: 5px; overflow: hidden; }
div.demoWrap pre { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.15); display: block; line-height: 18px; margin: 0 0 9px; padding: 8.5px; white-space: pre-wrap; border-radius: 3px 3px 3px 3px; color: #333333; font-family: Menlo,Monaco,"Courier New",monospace; padding: 0 3px 2px; font-size: 11px; }

.showLogo #toolWrapper {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.showLogo #accordion { position: relative; z-index: 10; }
.showLogo #dynamicHeader { display: block; cursor: default; height: 100%; overflow: hidden; color: #FFF; font-family: sans-serif; font-weight: bold; width: 100%; padding: 4px 0 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; z-index: 1; background: #bf2525; background: -moz-linear-gradient(top, #c82d2d 0%, #a32020 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c82d2d), color-stop(100%,#a32020)); background: -webkit-linear-gradient(top, #c82d2d 0%,#a32020 100%); background: -o-linear-gradient(top, #c82d2d 0%,#a32020 100%); background: -ms-linear-gradient(top, #c82d2d 0%,#a32020 100%); background: linear-gradient(to bottom, #c82d2d 0%,#a32020 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c82d2d', endColorstr='#a32020',GradientType=0 ); }
.showLogo .opt-container { padding-bottom: 0px; }
.showLogo .open {
    line-height: 17px;
    cursor: default;
    background: #6b6b6b;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #797979));
    background-image: -webkit-linear-gradient(top, #6b6b6b, #797979);
    background-image: -moz-linear-gradient(top, #6b6b6b, #797979);
    background-image: -ms-linear-gradient(top, #6b6b6b, #797979);
    background-image: linear-gradient(top, #6b6b6b, #797979);
    border: 1px solid #717373;
    border: 1px solid #717373;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#797979', endColorstr='#6b6b6b');";
}
.filterField { float:left; width: 150px; }
.centerHeader { margin-left:auto; margin-right:auto; width: 21%; min-width: 185px; max-width: 302px; }
.centerDatasheet { margin-left:auto; margin-right:auto; width: 54%; min-width: 205px; max-width: 490px; }
.centerApplication { margin-left:auto; margin-right:auto; width: 54%; min-width: 205px; max-width: 490px; }
.centerNote { margin-left:auto; margin-right:auto; width: 54%; min-width: 205px; max-width: 490px; }