input[type="radio"], input[type="checkbox"]{margin-top:0;}
.text-value-container {
	padding:8px 0
}
.text-value-container-max {
	padding:4px 0
}
.link-button {
	background:#f5f5f6;
	border:1px solid #d9d9d9;
	display:inline-block;
	padding:8px;
	color:#515151;
	text-decoration:none;
	border-radius:2px;
	margin:4px 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px
}
.link-button:hover {
	color:#000
}
.first-row-head th {
	vertical-align:top;
	border:1px solid #b5d1f1
}
.sorting-container {
	position:relative
}
.sorting-container a.ascending, .sorting-container a.descending {
	background:url(../images/parametric/sorting-ascending.gif) 0 0 no-repeat;
	text-indent:-999em;
	width:17px;
	height:16px;
	display:inline-block
}
.sorting-container a.descending {
	background:url(../images/parametric/sorting-descending.gif) 0 0 no-repeat
}
.sorting-container a.ascending2, .sorting-container a.descending2 {
	background:url(../images/parametric/sorting-ascending2.gif) 0 0 no-repeat;
	text-indent:-999em;
	width:17px;
	height:16px;
	display:inline-block
}
.sorting-container a.descending2 {
	background:url(../images/parametric/sorting-descending2.gif) 0 0 no-repeat
}
.no-wrap {
	white-space:nowrap
}
tr.data td {
	vertical-align:middle;
	text-align:left;
}
#wrapper .link-button.buy-link {
	background:url("../images/parametric/buy-button-bg.png") repeat-x scroll left bottom #bed7f1;
	border-color:#9ca4e4;
	color:#fff!important;
	margin:0;
	padding:2px 14px;
	white-space:nowrap
}
#wrapper .link-button.product-link {
	color:#fff!important
}
.loader {
	border:2px solid #CCC;
	font-size:2em;
	padding:20px 80px 20px 20px;
	width:200px;
	text-align:center;
	left:46%;
	margin:20px auto
}
.width211 {
	height: 144px;
	margin-right: 26px;
	margin-top: 6px;
	width: 210px;
}
.proImg img {
  padding-top: 18px;
}
.curveShapeTop25F4, .curveShapeBottom25F4{
  background-image: url("../images/rohm-theme/shadow-sprite.png");
}
.curveShapeTop25F4{
	background-repeat: no-repeat;
	background-position:-320px -94px;
	width: 100%;
	height:6px;
	line-height: 6px;
	float: left;
}
.curveShapeBottom25F4{
	background-repeat: no-repeat;
	background-position:-320px -112px;
	width: 100%;
	height:7px;
	line-height: 7px;
	float: left;
}
.repeatLightGrayBgF4{
	min-height: 130px;
	height: 130px;
	padding-left: 14px;
	padding-right: 14px;
	overflow:hidden;
	text-align: center;
	background: none;
	border-left: 1px solid #e5e6e6;
	border-right: 1px solid #e5e6e6;
}
.ie .first-row-head th:hover {
	background-color:#d0eaf8
}
.first-row-head th:hover {
	background-color:#d0eaf8
}
.ascendingSpan, .descendingSpan {
	padding: 0px
}
.modal_window h1 {

}
#tableData {
	clear:both;
	color:#515151;
	font-size:11px;
	font-weight:normal;
	border:1px solid #b5d1f1;
	border-width:1px 1px 0 0;	
}
#tableData td, #tableData th, .newFixedHeader .first-row-head th {
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	padding-bottom:1px;
	border:1px solid #b5d1f1;
	border-width:1px 1px 1px 1px;
}
#tableData th{
	font-family: 'open_sanssemibold', sans-serif;
	font-weight: bold;
	text-align:center;
}
.ko_KR #tableData th{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW #tableData th{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN #tableData th{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}
#tableData input[type="text"] {
	width:80%;
	background-color:#fff;
	text-align:right
}
#tableData tr.data td {
	padding:2px 2px 2px 20px;
}
#tableData input[type="text"] {
	width:50px;
	border:1px solid #ccc;
	color:#333;
	height:10px;
	background:0;
	padding:3px 0 2px 0
}
#tableData td input[type="checkbox"] {
	vertical-align:middle;
	padding-right:4px;
	margin-right:4px;
	background:transparent!important
}
#tableData tr.filterRow th {
	white-space:nowrap;
	vertical-align:top;
	height:50px
}
#tableData .filter-row th .verticalFilterBG {
	height:63px;
	background-repeat:no-repeat;
	background-position:center;
	position:relative
}
.hilight:hover {
	background-color:#DEF
}
#tableData .part-name {
	white-space:nowrap;
	min-width:150px!important;
	padding-left:4px;
	text-align:left!important
}
.portlet-borderless-container {
	min-height:2.2em;
	position:static
}
#tableData .filter-row th {
	vertical-align:middle;
	padding-bottom:0px;
	padding-top:0px
}
.tableHeader>li {
	float:left;
	list-style-type:none;
	padding:2px 8px;
	color:#FFF !important;
}
#tableHeader li a img {
	vertical-align:bottom;
	position:absolute;
	margin-left:-22px
}
#tableHeader li a {
	text-decoration:none;
	color:#515151;
	padding-left:20px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
#tableHeader li a img {
	vertical-align:bottom
}
#tableHeader li a {
	text-decoration:none;
	color:#515151
}
#tableHeader {
	width:auto;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	border:1px solid #b5d1f1;
	border-width:1px 1px 0 1px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:px;
	border-radius:0 12px 0 px
}
#wrapper.fr #tableHeader{ width:830px !important}
#tableHeader ul.tableHeader {
	margin:0
}
#tableData td input[type="checkbox"] {
	vertical-align:middle;
	padding-right:4px;
	margin-right:4px;
	border:0 solid #b5d1f1
}
#tableData #contains_1, #tableData #contains_2 {
	width:80%;
	margin-top:6px
}
tableData .text-value-container {
	width:80%
}
.center {
	font-size: 18px;
	text-align:center;
	width:64px;
	height:64px;
	color:#000;
	font-weight:700;
	margin:300px auto;
	background:url(/o/rohm-new-theme/images/progress_bar/loading_animation.gif) 50% 72% no-repeat;
}
#tableData .sorting-container-row {
	text-align:center
}
#tableData .sorting-container-row th {
	padding:2px
}
#CompareDiff.inactive {
	background:#ccc;
	color:#333
}
#tableData .filter-row th.totalPartsStyle {
	vertical-align:middle
}
#tableData .filter-row th img.compareSign {
	vertical-align:middle
}
#tableData .filter-row th.maxalign {
	vertical-align:top
}
.ui-slider-vertical .top, .ui-slider-vertical .bottom {
	position:absolute;
	font-weight:normal;
	color:#353535;
	font-size:10px
}
.ui-slider-vertical .top {
	right:-40px;
	top:0
}
.ui-slider-vertical .bottom {
	right:-40px;
	bottom:0
}
.value-label {
	height:0px;
	position:absolute;
	right:0;
	top:0;
	padding-bottom:5px;
	padding-top:5px
}
.value-label .top, .value-label .bottom {
	position:relative;
	font-weight:bold;
	font-size:10px;
	height:58px
}
.value-label .top {
	height:15px;
	margin-top:26px;
}
.value-label .bottom {
	bottom:0;
	height:20px;
	margin-top:39px
}
.table-border {
	border:1px solid #a0a0a0
}
.details-title {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#707070;
	font-weight:bold;
	padding:10px 0
}
.ko_KR .details-title{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW .details-title{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN .details-title{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}
.datasheet-button {
	background:#FFF;
	padding:3px;
	border:1px solid #a0a0a0;
	border-radius:2px;
	display:inline-block
}
#wrapper .datasheet-button a {
	background:url("/o/rohm-new-theme/images/rohm-theme/pdf-icon-small.gif") 0 1px no-repeat;
	padding:4px;
	padding-left:22px;
	font-size:11px;
	color:#008cce!important;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none
}
.ko_KR #wrapper .datasheet-button a{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW #wrapper .datasheet-button a{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN #wrapper .datasheet-button a{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}
#wrapper #tableData .link-button.buy-link {
	background: url("/o/rohm-new-theme/images/rohm-theme/para-sprite.gif") repeat-x scroll -9px -30px #BED7F1;
	border-color: #9CA4E4;
	color: #FFFFFF !important;
	margin: 0;
	padding: 0 14px;
	white-space: nowrap;
}
#wrapper #tableData .link-button.buy-link:hover, #wrapper #tableData .link-button.product-link:hover {
	background: url("/o/rohm-new-theme/images/rohm-theme/para-sprite.gif") repeat-x scroll left -60px #6D86D0 !important;
}

.datasheetLink {
    display: block;
    height: 19px;
    width: 21px;
	background:url("/o/rohm-new-theme/images/rohm-theme/para-sprite.gif") no-repeat -10px -400px;padding:0;
}
li .datasheetLink {
  background: none;
}
.att_move_up, .att_move_down{
	background: url("/o/rohm-new-theme/images/rohm-theme/para-sprite.gif") !important;
	background-repeat:no-repeat;
	height: 23px;
    width: 20px;
	display: block;
}
.att_move_up {
    background-position: -10px -290px !important;
}
.att_move_down {
    background-position: -10px -323px !important;
}
.att_move_single, .att_remove_single{
	background: url("/o/rohm-new-theme/images/rohm-theme/para-sprite.gif") !important;
	background-repeat:no-repeat;
	height: 21px;
    width: 43px;
	display: block;
}
.att_move_single{
	background-position: 0 -228px !important;
	margin-bottom: 10px;
} 
.att_remove_single{
	background-position: 0 -259px !important;
}
/* start --- Anand */
.ui-widget-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #C4C4C4;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #aaaaaa;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #aaaaaa;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #aaaaaa;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #aaaaaa;
    border-top-style: solid;
    border-top-width: 1px;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ko_KR .ui-widget{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW .ui-widget{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN .ui-widget{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}
.ui-slider-vertical {
    height: 100px;
    width: 0.2em;
    margin:0 auto;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider .ui-slider-range {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-position: 0 0;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
    background:#5b76b5;
}
.ui-widget-header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #cccccc;
    background-origin: padding-box;
    background-repeat: repeat-x;
    background-size: auto auto;
    color: #222222;
    font-weight: bold;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
}
.ko_KR .ui-widget{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW .ui-widget{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN .ui-widget{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}
.ui-slider {
    text-align: left;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(/o/rohm-new-theme/images/parametric/slider-image-ver.gif);
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
}
.ui-slider-vertical .ui-slider-handle {
    left: -0.1em;
    margin-bottom: -0.6em;
    margin-left: 0;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
.ui-slider-range-min {
    bottom: 0 !important;
}
/*end --- Anand */
#download .topHeaderButtons  span	{
	background-repeat: no-repeat;
	background-position: 1px -718px;
	padding: 1px 0 2px 26px;
}
#saveSettings .topHeaderButtons  span,
#saveSettings .topHeaderButtonsLock  span	{
	background-repeat: no-repeat;
	background-position: 1px -687px;
	padding: 1px 0 2px 26px;
}
.max,.min{float:left; background: url("/o/rohm-new-theme/images/rohm-theme/para-sprite.gif"); width:10px; height:18px;}
.max{background-position: -15px -352px;}
.min{background-position: -15px -378px;}
#slider-vertical, #slider-vertical-current, #slider-vertical-power {
	height:100px;
	margin:0 auto
}
#searchFilter .search-input {
	background:url(/o/rohm-new-theme/images/rohm-theme/para-sprite.gif) -12px -185px no-repeat;
	padding:5px;
	border:0 none;
	vertical-align:middle
}
#searchFilter .search-button {
	border:1px solid #e8e8e8;
	background:#fff url(/o/rohm-new-theme/images/rohm-theme/para-sprite.gif) left top repeat-x;
	font-size:12px;
	color:#515151;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border-radius:0
}
.ko_KR #searchFilter .search-button{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW  #searchFilter .search-button{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN  #searchFilter .search-button{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}
#tableData .filter-row th.totalPartsStyle {
	vertical-align:middle
}
/* New CSS for ldo-finder */
#introduction {clear: both;display: inline-block; width: 100%; margin-bottom: 10px;}
#introduction h3 {color: #dd2039; margin-bottom: 0;} 
#introduction .folder { display: inline-block; float: left; font-size: 13px; line-height: 16px; width: 530px;}
.usermanual{margin-left:50px; float:left; margin-right: 14px}
.usermanual a{padding-left:33px; font-size:13px; line-height: 30px; color:#555; text-decoration:none; 
background: url("/o/rohm-new-theme/images/rohm-theme/sprite.png") no-repeat 0 -1584px;display: inline-block;}
#introduction .prdicons {position:relative;bottom: 0;right: 0; float: left;}
#introduction .prdicons .redbutton {
  background-color: #dc2039;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  margin-top: 0px;
  padding: 0 0 0 8px;
  text-align: center;
  width: 108px;
}
#wrapper.newROHM #introduction .prdicons .faq-prd {
  background-color: #dc2039;
  color: #fff;
  float: left;
  padding-top: 4px;
  text-align: center;
  width: 90%;
}
#introduction .prdicons span.rrc{float: right; height: 31px; width: 8px;}
/* filter */
#filterCluster { border: 1px solid #444f58; padding: 4px; width: 934px; display: inline-block; position: relative; font-size: 14px; color: #444f58; clear: both;}
#filterCluster #ldo-filter-icon { cursor: pointer; float: left; height: 20px; width: 20px; background: url("/o/rohm-new-theme/images/rohm-theme/filter-icon-up.gif") no-repeat center center; position: absolute; z-index: 10;}
#filterCluster #ldo-filter-icon.filterIcon{background: url("/o/rohm-new-theme/images/rohm-theme/filter-icon-down.gif") no-repeat center center;}
#ldo-filter .parameter h3, #ldo-filter .channel h3, #ldo-filter .grade h3, #ldo-filter .functions h3 {margin-top: 2px; font-size: 14px;}
#ldo-filter .parameter, #ldo-filter .channel, #ldo-filter .grade, #ldo-filter .functions {float: left;}
#ldo-filter .channel, #ldo-filter .grade, #ldo-filter .functions { margin-left: 14px;}
#ldo-filter .functions { width: 400px;}
#ldo-filter .functions div { /*width: 200px;*/ float: left;}
#ldo-filter .channel { width: 80px;}
#ldo-filter .grade { width: 100px;}
#ldo-filter .parameter h3, #ldo-filter .grade h3, #ldo-filter .functions h3 { text-align: center;}
#ldo-filter .parameter { margin-left:12px; width: 294px;  position: relative;}
#ldo-parameter table td.textcenter {font-size: 12px; text-align: center;}
#ldo-parameter table td.parameterlabel {float: left; width: 36px;}
#ldo-parameter table td.field70 {float: left; width: 70px; padding-bottom: 6px;}
#ldo-parameter table td.field40 {float: left; padding-bottom: 6px; width: 40px;}
#ldo-parameter table td input {float: left; width: 60px; background: #fff none; border: 1px solid #b5b6b6;text-align:center; margin-bottom:0px;}
#ldo-filter input.selectfilter {margin-right: 0px;}

#ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset { bottom:0px; margin-left: 340px !important; position: relative; clear: both; z-index: 9;}
#ldo-filter .parameter .ldo-filterReset, #filterCluster .ldo-filterReset, .agreeDisclaimer, .downLoadPDF {
  background: #b5b6b6 none repeat scroll 0 0;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  margin:5px auto;
  padding-bottom: 4px;
  padding-right: 4px;
  width: 80px;
}
#ldo-filter .parameter .ldo-filterReset input[type="reset"], #ldo-filter .parameter .ldo-filterReset input.reset,
#filterCluster .ldo-filterReset input[type="reset"], #filterCluster .ldo-filterReset input.reset,
.agreeDisclaimer input.agreeDisclaimerbutton, .downLoadPDF input.downLoadPDFbutton{
  background: #444f58 none;
  border: 0 none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #fff;
  text-shadow: 0 0 transparent;
  width: 84px;
  margin-left: -4px;
  margin-top: -4px;
  height:26px;
  line-height: 14px;
}
#graphSuport {
  border-left: 1px solid #444f58;
  border-right: 1px solid #444f58;
  border-bottom: 1px solid #444f58;
  padding: 10px;
  width: 922px;
  clear: both;
  display: inline-block;
  float: left;
  position:relative;
}
.agreeDisclaimer{width: 116px;}
.agreeDisclaimer input.agreeDisclaimerbutton{background: #d90013 none; height: auto; white-space: normal; width: 120px;}
.GraphFilter, .DisplayFilter, .AxisFilter, .downLoadPDF {float: left; margin-left: 20px;}
.downLoadPDF {width: 86px !important;}
.downLoadPDF input.downLoadPDFbutton{background: #f7ac00 none; width: 90px !important; white-space: normal; height: auto;}
.downLoadPDF input.downLoadPDFbutton.disabled, .agreeDisclaimer input.agreeDisclaimerbutton.disabled{background: #f2f2f2 none; /*width: 90px !important;*/ white-space: normal; height: auto; cursor:default;}

.GraphFilter, .DisplayFilter, .AxisFilter{color: #444f58;font-size: 13px;}
.graphLabel { float: left; text-align: center; width: 90px;font-size: 14px; font-weight: bold;color: #444f58;}
.DisplayFilter .graphLabel {width: 60px;}
.AxisFilter .graphLabel { width: 92px;}
.LabelStyleLeft { border-left: 2px solid #444f58; border-top: 2px solid #444f58; height: 4px; margin-top: 2px;}
.graph-Label { float: left; margin-left: 4px; margin-right: 4px; margin-top: -10px; text-align: center; width: auto;}
.LabelStyleRight { border-right: 2px solid #444f58; border-top: 2px solid #444f58; height: 4px; margin-top: 2px;}
.GraphFilter .clAll, .DisplayFilter .clAll { clear: both; height: 10px; line-height: 10px;}
.AxisFilter .clAll {clear: both; height: 8px; line-height: 8px;}
.AxisFilter input { background: #fff none; border: 1px solid #b5b6b6; margin-left: 4px; margin-right: 26px; width: 70px; margin-bottom:0px;}
.AxisFilter input.marginRight0px{margin-right:0px;}
.GraphFilter.disabled, .DisplayFilter.disabled, .AxisFilter.disabled {color: #d9d9d9;cursor: default; font-size: 13px;}
.GraphFilter.disabled .LabelStyleLeft, .DisplayFilter.disabled .LabelStyleLeft, .AxisFilter.disabled .LabelStyleLeft  { border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;}
.GraphFilter.disabled .graph-Label, .DisplayFilter.disabled .graph-Label, .AxisFilter.disabled .graph-Label {color: #d9d9d9;}
.GraphFilter.disabled .LabelStyleRight, .DisplayFilter.disabled .LabelStyleRight, .AxisFilter.disabled .LabelStyleRight {border-right: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.AxisFilter.disabled .AxisFilter input {border: 1px solid #d9d9d9; cursor:default;}

.selectedcolumn{
	background-color:#c2ecff;
}
/* filter End */


/* new css 05-01-2016*/

#introduction .disclaimermsg {color: #dc2039;float: right;font-size: 10px;line-height: normal;position: relative;right: 0;width: 242px;}

#graphSuport .disclaimer_label{position:absolute;bottom:0px;padding:0px;left:18px;font-size:11px;}
#graphSuport .disclaimer_label a{color:#dc2039;}
#graphSuport .fl.agreeDisclaimer {margin-bottom: 12px;}
.orangeNew{background-color:#ffe6ca;}
#wrapper #tableData .link-button.buy-link.graybtn{
    background:#cbcbcb url(/o/rohm-new-theme/images/rohm-theme/para-sprite.gif) left -752px repeat-x !important;
    color:#fff !important;border: 1px solid #7f7f7f;
}
#wrapper #tableData .link-button.buy-link.graybtn:hover{
    background:#616161 url(/o/rohm-new-theme/images/rohm-theme/para-sprite.gif) left -780px repeat-x !important;
}

#graphSuport .maxchkboxmsg {background: #fff;border: 1px solid #444f58;top:-32px;color: #444f58;font-size:10px;left:9px;line-height: 16px;  padding: 2px 10px;position: absolute;text-align: center;width:100px;}

#graphSuport .maxchkboxmsg .downpointer {
  background: rgba(0, 0, 0, 0) url("/o/rohm-new-theme/images/rohm-theme/downpointer.gif") no-repeat scroll center bottom;
  bottom: -10px;height: 12px;left: 39%;position: absolute;width: 12px;}
  
.ng{color:#dc2039;margin-left:2px;}
#ldo-filter .functions div.col-1 {margin-right: 10px;width: 240px;}
#ldo-filter .functions div.col-2 {width: 150px;}
#resultMain .clearcheck {background-color: #b6b6b6;background-image: none;border: 0 none;color: #fff;padding: 6px;
text-shadow: inherit;border-radius: 4px;}
.agreeDisclaimer input.agreeDisclaimerbutton {background:#d90013;box-shadow: 1px 8px 11px #787878;margin: 0; border-radius:4px;}
.agreeDisclaimer {width:120px;}
#graphSuport .fl.agreeDisclaimer {background-color: transparent;} 
.downLoadPDF {background-color: transparent;}
.downLoadPDF input.downLoadPDFbutton {box-shadow: 1px 8px 11px #787878;}
.downLoadPDF input.downLoadPDFbutton.clicked, .agreeDisclaimer input.agreeDisclaimerbutton.clicked{box-shadow:1px 3px 3px #8d8c8c;}
.downLoadPDF input.downLoadPDFbutton.disabled, .agreeDisclaimer input.agreeDisclaimerbutton.disabled{box-shadow:inherit;}  
.downLoadPDF input.downLoadPDFbutton {margin: 0;border-radius: 4px;}
#tableData tr.data td:first-child {padding-left: 2px;}
#tableData .ceteralign th {padding-left:472px;text-align:left;}   
#ldo-parameter table tr:nth-child(2) td:nth-child(3) input, #ldo-parameter table tr:nth-child(5) td:nth-child(2) input {background-color:#f2dcdb;}

/* CSS for Graph */
.graphContainer > div {float: left;margin:0 1% 0 0;width:32.4%;}
.graphContainer .graph-inner {border:1px solid #b6b6b6;}
.graghHeading {font-size:14px;font-weight:bold;padding:0 0 0 14px;}
.graphContainer > div.last {margin-right:0;}
.graphContainer.graphCol1, .graphContainer.graphCol2, .graphContainer.graphCol4 {text-align:center;}
.graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div {display:inline-block;float: none;margin:0 0 0 1%;width:34.4%;}
.graphContainer.graphCol4 > div#graphdiv-2 { margin: 0;}
.graphContainer.graphCol2 > div:first-child, .graphContainer.graphCol4 > div:first-child {margin-left:0;}
.graphContainer.graphCol1 > div {display:inline-block;float:none;margin:0;width:33%;}

/* CSS for Graph end */
#pmetric-samplebtn {margin-left: 5px!important;}
#tableData tr.data td.DistributionInventory{padding-left:2px;}
#wrapper #tableData .link-button.buy-link{line-height:18px;}

.graphContainer {border-left:1px solid #444f58;border-right:1px solid #444f58;padding:10px 0 10px 4px;position:relative;overflow:hidden;}
.graphContainer.graphCol4 {text-align: center;}
.graphContainer.graphCol4 > div {display: inline-block;float: none;}
.graphContainer > div.clear {clear: both;display: block;}

/* CSS 12-01-16 */
#ldoFinder #filterCluster .ldo-filterReset {border:none;border-radius:4px;background:transparent;padding:0;}
#ldoFinder #filterCluster .ldo-filterReset .reset{border-radius: 4px;}

/* CSS 18-01-16 */
#graphSuport .bgshadow {height:83px;position:absolute;right:0;top:0;width:84%;background:#fff;opacity:0.8;}

/* CSS 20-01-16 */
.graphContainer  div#legenddiv{width:auto;position:absolute;left:5%;}
/* CSS 25-01-16 */
#resultMain{margin:0;width:944px;height:400px;}

/* Added on 16-05-16  - JIRA 1542 */
.vertical_divider{border-left:2px solid #d9d9d9;height:180px;margin:8px 15px 0 15px;float:left;}
#tableData .first-row-head #download{margin:0 10px;border:1px solid #c3d69b;text-align:left;padding:0 10px;overflow:hidden;}
#tableData .first-row-head #download a.topHeaderButtons{display:block;text-decoration:underline;margin-left:0 !important;}
#tableData .first-row-head #download a.topHeaderButtons span{padding:0;}
#tableData .first-row-head #showhidediv{margin:2px 10px;border:1px solid #d9d9d9;text-align:left;width:auto !important;overflow:hidden;}
#tableData .first-row-head #showhidediv a.link-button.ShowHide{padding:0 10px;border:0;background:none;margin:0;text-decoration:underline;display:block;}
#tableData .filter-row #searchFilter{text-align:left;padding:0 10px;}
#tableData .filter-row #searchFilter > div{position:relative;border-radius:15px;padding:2px 10px !important;border:1px solid #ccc;}
#tableData .filter-row #searchFilter input#search-box{width:90% !important;margin:0;text-align:left;border:0;background:none;background-image:none;box-shadow: none;padding:0;height:20px;line-height:20px;}
#tableData .filter-row #searchFilter input.search-button{background:url("/o/rohm-new-theme/images/rohm-theme/search-icon.png") 0 center no-repeat;border:none;position:absolute;right:8px;width:16px;height:16px;text-indent:-999em;top:5px;}
.first-row-head th.first-row-headCol1:hover {background-color:transparent;}
.ie .first-row-head th.first-row-headCol1:hover {background-color:transparent;}
#tableData .first-row-head #download a.topHeaderButtons span.downloadCsvImage{background:url("/o/rohm-new-theme/images/rohm-theme/csv.png") center center no-repeat;width:26px;height:26px;display:inline-block;text-indent:-999em;float:right;}
.showHideImage{background:url("/o/rohm-new-theme/images/rohm-theme/show-hide.png") 0 0 no-repeat;width:26px;height:26px;display:inline-block;text-indent:-999em;float:right;}
#showHideCol .paraShowHideContent, #showHideCol .applyBtn {margin-top: 20px;}
#showHideCol .paraShowHideContent .colOrder {width: 5%;}
#showHideCol .floatLeft {float: left;}
#showHideCol .pad12 {padding: 12px;}
#showHideCol .paraShowHideContent .moveArrow {width: 10%;padding-left: 34px;margin-top: 108px;}
#showHideCol .paraShowHideContent .mulitCol1, #showHideCol .paraShowHideContent .multiCol2 {width: 30%;margin-top: 6px;}
#showHideCol select {border: 1px solid #5068c1;background: #fff;}
#showHideCol strong.showHide-parametertitle {padding-bottom: 6px;font-weight: normal;padding-left: 12px;padding-top: 28px;display: block;}
#showHideCol .paraShowHideContent .multiCol2 select {}
.button-popup.submit {padding:2px 10px;display:inline-block;float:left;background:#d9465c;border:1px solid #d9d9d9;color:#fff;text-decoration:none;}
.button-popup.cancel {padding:2px 10px;display:inline-block;float:left;background:#f5f5f6;border:1px solid #e1e1e1;color:#000!important;text-decoration:none;margin-left:12px;}
#wrapper.newROHM #showHideCol .submit, #wrapper.newROHM #showHideCol .submit:hover {color:#fff;}
#showHideCol {border:1px solid #7289d2;background:#fff;width:512px;padding-bottom:20px;box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;	-webkit-box-shadow:0 0 5px #000}

/* 1542 - 25-05-2016 */
#ldo-parameter table td.col1{width:15%;} 
#ldo-parameter table td.col2{width:25%;}	
#ldo-parameter table td.col3{width:5%;}
#ldo-parameter table td.col4{width:10%;}
#ldo-parameter table td.row1{height:5px;}
.parameters tr td{position:relative;}

@media (max-width: 767px){
	#showHideCol .paraShowHideContent .colOrder {
	  width: 50%;
	  padding-left: 47%;
	}
	#showHideCol .pad12 {
	  padding: 0px;
	}
	#showHideCol .paraShowHideContent .mulitCol1, #showHideCol .paraShowHideContent .multiCol2 {
	  height:auto;
	  width: 65%;
	  padding-left: 15%;
	}
	#showHideCol .paraShowHideContent .moveArrow {
	  width: 50%;
	  padding-left: 44%;
	}
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) and (orientation: portrait){
	#showHideCol {
	  height: 380px !important;
	  margin-left: -42% !important;
	  width: 76% !important;
	  overflow-y: auto;
	  overflow-x: hidden;
	}
	#showHideCol .paraShowHideContent .colOrder {
	  padding-left: 44% !important;
	}
	#showHideCol strong.showHide-parametertitle {
	  padding-top: 0px;
	  padding-left: 26px;
	}
	#showHideCol select {
	  height: 50px !important;
	  line-height: 14px!important;
	  padding: 1px !important;
	}
	#showHideCol .paraShowHideContent .moveArrow {
	  padding-left: 40% !important;
	  padding-bottom: 6px !important;
	  margin-top: 5px !important;
	}
	#showHideCol .applyBtn {
	  margin-top: 6px;
	  text-align: center;
	width: 74%;
	}
	#showHideCol .applyBtn a.cancel {
	  margin-right: 9% !important;
	}
	#showHideCol {
	  top: 6% !important;
	}
	
}

/* JIRA 1546 */
.ja #ldo-filter .channel{width:100px;}
@media (min-width: 980px){
	.ja #introduction .disclaimermsg {
	  margin-left: 214px;
	}
}
/* JIRA 1408 */
.ja .GraphFilter, .ja .DisplayFilter, .ja .AxisFilter, .ja .downLoadPDF,
.zh .GraphFilter, .zh .DisplayFilter, .zh .AxisFilter, .zh .downLoadPDF,
.ko .GraphFilter, .ko .DisplayFilter, .ko .AxisFilter, .ko .downLoadPDF{margin-left:8px;}
.ja .GraphFilter,.zh .GraphFilter,.ko .GraphFilter {padding-left:2px;}
@media (min-width: 980px){
	/* LDO Finder */
	  #introduction .folder{width:56% !important; margin-bottom: 10px;}
	  #introduction .disclaimermsg{width: 55% !important; float: left !important; margin-left: 174px;}
	  .ja_JP .ja #introduction .disclaimermsg{width: 46% !important; float: left !important; margin-left: 214px;}
	  .ldo-alignment {width: 44%;}
	  #filterCluster{width: 98% !important;}
	  #graphSuport{width: 98% !important; padding:10px 4px !important; margin-bottom: 10px;}
	  #ldo-parameter table td input{width: 60px !important;}
	  #ldo-filter .channel, #ldo-filter .grade { margin-bottom: 14px;}
	  #ldo-filter .functions{margin-bottom: 14px;}
	  #graphSuport .bgshadow{width: 86% !important; height:100% !important; left: 129px;}
	  
	  .AxisFilter .graphLabel {width: 92px !important;}
	  .AxisFilter input { width: 70px !important;}
	  
	  .GraphFilter, .DisplayFilter, .AxisFilter{margin-bottom: 20px;}
	  .DisplayFilter, .AxisFilter { margin-left: 10px !important;}
	  #ldo-filter .functions {width: 44% !important;}
	  #resultMain{width:100% !important; height:auto;}
	  .loader {  padding: 20px !important;}
	  
	  .GraphFilter input[type="radio"][disabled], .DisplayFilter input[type="radio"][disabled], .AxisFilter input[type="radio"][disabled], 
	  .GraphFilter input[type="radio"][readonly], .DisplayFilter input[type="radio"][readonly], .AxisFilter input[type="radio"][readonly]{margin-top:0;}
	  .GraphFilter, .DisplayFilter, .AxisFilter, .downLoadPDF { margin-left: 16px !important;}
	  #ldo-filter .channel, #ldo-filter .grade, #ldo-filter .functions { margin-left: 9px;}
	  .graphContainer {width: 98.4%;}
	/* End */
	.table-container {
		border: 1px solid #939393;
		clear: both;
		display: inline-block;
		height: 100%;
		overflow: auto;
		position: relative;
		width: 99%;
		z-index: 0;
		margin-bottom: 14px;
	  }
	  .table-responsive {
		width:100%;
		position:absolute;
	  }
	   .table-container {
		min-height: 392px;
	  }
}
@media (min-width: 768px) and (max-width: 979px){
	 .table-container {width:99%;}
	/* LDO Finder */
	  #introduction .folder{width:56% !important; margin-bottom: 10px;}
	  #introduction .disclaimermsg{width: 43% !important; float: left !important; margin-left: 174px;}
	  .ja_JP .ja .usermanual{margin-left: 38px;}
	  .ja_JP .ja #introduction .disclaimermsg {width: 37% !important; float: left !important; margin-left: 202px;}
	  .ldo-alignment {width: 44%;}
	  #filterCluster{width: 98% !important;}
	  #graphSuport{width: 98% !important; padding:10px 4px !important; margin-bottom: 10px;}
	  #ldo-parameter table td input{width: 60px !important;}
	  #ldo-filter .channel, #ldo-filter .grade { margin-bottom: 14px;}
	  #ldo-filter .functions{margin-bottom: 14px;}
	  #graphSuport .bgshadow{width: 82% !important; height:100% !important;}
	  
	  .AxisFilter .graphLabel {width: 92px !important;}
	  .AxisFilter input { width: 70px !important;}
	  
	  .GraphFilter, .DisplayFilter, .AxisFilter{margin-bottom: 20px;}
	  .DisplayFilter { margin-left: 10px !important;}
	  
	  #ldo-filter .functions {width: 41% !important;}
	  #resultMain{width:100% !important; height:auto;}
	  .loader {  padding: 20px !important; width: 50% !important;}
	  .downLoadPDF {float: right !important; margin-right:10px !important;}
	  
	  .GraphFilter input[type="radio"][disabled], .DisplayFilter input[type="radio"][disabled], .AxisFilter input[type="radio"][disabled], 
	  .GraphFilter input[type="radio"][readonly], .DisplayFilter input[type="radio"][readonly], .AxisFilter input[type="radio"][readonly]{margin-top:0;}
	  .GraphFilter, .DisplayFilter, .AxisFilter, .downLoadPDF { margin-left: 10px !important;}
	  .AxisFilter {margin-left: 140px !important;}
	  
	  .graphContainer, .graphContainer > div, .graphContainer.graphCol1 > div, .graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div{width:48.8%; padding-left:4px; padding-right:4px; margin-left:0px; margin-right:0px;}
	  .graphContainer.graphCol1 > div{margin-right:0px;}
	  .graphContainer{width:98.3%; padding-left:1px; margin-left:0px; margin-right:0px;}
	  .graghHeading{text-align:center;}
	  .graphContainer.graphCol1 .mergedGraphClass{float:right;}
	/* End */
}
@media (min-width: 856px) and (max-width: 979px){
	#graphSuport .bgshadow{width: 84.4% !important; height:100% !important;}
	.AxisFilter {margin-left: 10px !important;}
}
@media (min-width: 768px) and (max-width: 855px){
	#graphSuport .bgshadow{width: 82% !important; height:100% !important;}
}
@media (min-width: 641px) and (max-width: 767px){
		.table-container {width:99%; min-height: 230px;}
	/* LDO Finder */
	  #introduction .folder{width:100% !important; margin-bottom: 10px;}
	  .usermanual{margin-left:0px !important;}
	  #introduction .disclaimermsg{width: 70% !important; float: left !important; margin-left: 124px;}
	  .ja_JP .ja #introduction .disclaimermsg{ margin-left: 165px;}
	  #ldo-filter .parameter{width: 52% !important;}
	  #filterCluster{width: 100% !important;}
	  #graphSuport{width: 100% !important; padding:10px 4px !important; margin-bottom: 10px;}
	  #ldo-parameter table td input{width: 60px !important;}
	  #ldo-filter .channel, #ldo-filter .grade { margin-bottom: 14px;}
	  #ldo-filter .functions{margin-bottom: 14px;}
	  #graphSuport .bgshadow{width: 78.5% !important; height:100% !important;}
	  
	  .AxisFilter .graphLabel {width: 92px !important;}
	  .AxisFilter input { width: 70px !important;}
	  
	  .GraphFilter, .DisplayFilter, .AxisFilter{margin-bottom: 20px;}
	  .DisplayFilter { margin-left: 10px !important;}
	  .AxisFilter {margin-left: 150px !important;}
	  #ldo-filter .functions {width: 43% !important;}
	  #resultMain{width:100% !important; height:auto;}
	  .loader {  padding: 20px !important; width: 50% !important;}
	  .downLoadPDF {float: right !important; margin-right:10px !important;}
	  
	  .GraphFilter input[type="radio"][disabled], .DisplayFilter input[type="radio"][disabled], .AxisFilter input[type="radio"][disabled], 
	  .GraphFilter input[type="radio"][readonly], .DisplayFilter input[type="radio"][readonly], .AxisFilter input[type="radio"][readonly]{margin-top:0;}
	  
	  .graphContainer, .graphContainer > div, .graphContainer.graphCol1 > div, .graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div{width:99.3%; padding-left:4px; padding-right:4px; margin-left:0px; margin-right:5px;}
	  .graphContainer.graphCol1 > div{margin-right:0px;}
	  .graphContainer{width:100%; padding-left:1px; margin-left:0px; margin-right:0px;}
	  .graghHeading{text-align:center;}
	  
	/* End */
}
@media (min-width: 640px) and (max-width: 767px){
	  .graphContainer div#legenddiv{left:2%; position: absolute;}
	  .graphContainer div#legenddiv svg {height: 200px !important;}
	  .graphContainer.graphCol1 .mergedGraphClass{width:55%; float:right;}
}
@media (min-width: 480px) and (max-width: 639px){
	  .graphContainer div#legenddiv{left:2%; position: relative;}
	  .graphContainer div#legenddiv svg {height: 200px !important;}
	  .graphContainer.graphCol1 .mergedGraphClass{width:98%; float:right;}
}
@media (min-width: 480px) and (max-width: 640px){
	.table-container{width:98%;}
	/* LDO Finder */
	  #introduction .folder{width:100% !important; margin-bottom: 10px;}
	  .usermanual{margin-left:0px !important;}
	  #introduction .disclaimermsg{width: 70% !important; float: left !important; margin-left: 124px;}
	  .ja_JP .ja #introduction .disclaimermsg{width: 62% !important; margin-left: 165px;}
	  #ldo-filter .parameter{width: 61% !important;}
	  #filterCluster{width: 100% !important;}
	  #graphSuport{width: 100% !important; padding: 4px !important; margin-bottom: 10px;}
	  #ldo-parameter table td.field70{width: 59px !important;}
	  #ldo-parameter table td input{width: 48px !important;}
	  #ldo-parameter table td.field40{width: 39px !important;}
	  #ldo-filter .channel, #ldo-filter .grade {width: 30% !important; margin-bottom: 14px;}
	  #ldo-filter .functions{margin-bottom: 14px;}
	  #graphSuport .bgshadow{width: 100% !important; height:81% !important; top:19%;}
	  
	  .graphLabel{width: 44% !important;}
	  .DisplayFilter .graphLabel {width: 43% !important;}
	  .AxisFilter .graphLabel {width: 45.5% !important;}
	  .AxisFilter input { width: 36% !important;}
	  
	  .GraphFilter, .DisplayFilter{margin-bottom: 20px;}
	  .GraphFilter, .DisplayFilter, .AxisFilter {width: 94% !important; margin-left: 10px !important;}
	   #resultMain{width:100% !important; height:auto;}
	  .loader { padding: 20px 10% !important;}
	  .downLoadPDF {float: right !important; margin-right:10px !important;}
	  
	  .GraphFilter input[type="radio"][disabled], .DisplayFilter input[type="radio"][disabled], .AxisFilter input[type="radio"][disabled], 
	  .GraphFilter input[type="radio"][readonly], .DisplayFilter input[type="radio"][readonly], .AxisFilter input[type="radio"][readonly]{margin-top:0;}
	  
	  .graphContainer, .graphContainer > div, .graphContainer.graphCol1 > div, .graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div{width:99.3%; padding-left:4px; padding-right:4px; margin-left:0px; margin-right:5px;}
	  .graphContainer.graphCol1 > div{margin-right:0px;}
	  .graphContainer{width:100%; padding-left:1px; margin-left:0px; margin-right:0px;}
	  .graghHeading{text-align:center;}

	/* End */
}
@media (min-width: 320px) and (max-width: 424px){
	/* LDO Finder */
	  #introduction .folder{width:100% !important; margin-bottom: 10px;}
	  .usermanual{margin-left:0px !important;}
	  #introduction .disclaimermsg{width: 54% !important; float: left !important; margin-left: 124px;}
	  #ldo-filter .parameter{width: 96% !important;}
	  #filterCluster{width: 100% !important;}
	  #graphSuport{width: 100% !important; padding: 4px !important; margin-bottom: 10px;}
	  #ldo-parameter table td.field70{width: 59px !important;}
	  #ldo-parameter table td input{width: 48px !important;}
	  #ldo-parameter table td.field40{width: 39px !important;}
	  #ldo-filter .channel, #ldo-filter .grade {width: 40% !important; margin-bottom: 14px;}
	  #ldo-filter .functions { width: 92% !important;}
	  #graphSuport .bgshadow{width: 100% !important; height:81% !important; top:19%;}

	  .graphLabel{width: 40% !important;}
	  .DisplayFilter .graphLabel {width: 39% !important;}
	  .AxisFilter .graphLabel {width: 43% !important;}
	  .AxisFilter input { width: 28%;}
	  
	  .GraphFilter, .DisplayFilter{margin-bottom: 20px;}
	  .GraphFilter, .DisplayFilter, .AxisFilter {width: 94% !important; margin-left: 10px !important;}
	   #resultMain{width:100% !important; height:auto;}
	  .loader { padding: 20px 10% !important;}
	  .downLoadPDF {float: right !important; margin-right:10px !important;}
	  
	  .GraphFilter input[type="radio"][disabled], .DisplayFilter input[type="radio"][disabled], .AxisFilter input[type="radio"][disabled], 
	  .GraphFilter input[type="radio"][readonly], .DisplayFilter input[type="radio"][readonly], .AxisFilter input[type="radio"][readonly]{margin-top:0;}
	  
	  #ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset{margin-left: 180px !important;}
	/* End */
}

@media (max-width: 424px){
	.graphContainer.graphCol1 > div { width: 99%;}
	.graphContainer, .graphContainer > div, .graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div{width:99%; padding-left:0px; margin-left:0px; margin-right:0px;}
	.graphContainer{width:100%; padding-left:1px; margin-left:0px; margin-right:0px;}
	
	.graphContainer div#legenddiv{left:2%; position: relative;}
	.graphContainer div#legenddiv svg {height: 200px !important;}
	.graphContainer.graphCol1 .mergedGraphClass{width:100%; float:right;}
	.graghHeading{text-align:center;}
	
	.ja_JP .ja #introduction .disclaimermsg{width: 50% !important; float: left !important; margin-left: 165px;}
	#ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset{margin-left: 230px !important;}
}

@media (min-width: 320px) and (max-width: 375px){
	/* LDO Finder */
	  #introduction .folder{width:100% !important; margin-bottom: 10px;}
	  .usermanual{margin-left:0px !important;}
	  #introduction .disclaimermsg{width: 54% !important; float: left !important; margin-left: 124px;}
	  #ldo-filter .parameter{width: 96% !important;}
	  #filterCluster{width: 100% !important;}
	  #graphSuport{width: 100% !important; padding: 4px !important; margin-bottom: 10px;}
	  #ldo-parameter table td.field70{width: 59px !important;}
	  #ldo-parameter table td input{width: 48px !important;}
	  #ldo-parameter table td.field40{width: 39px !important;}
	  #ldo-filter .channel, #ldo-filter .grade {width: 40% !important; margin-bottom: 14px;}
	  #ldo-filter .functions { width: 92% !important;}
	  #graphSuport .bgshadow{width: 100% !important; height:81% !important; top:19%;}

	  .graphLabel{width: 40% !important;}
	  .DisplayFilter .graphLabel {width: 39% !important;}
	  .AxisFilter .graphLabel {width: 43% !important;}
	  .AxisFilter input { width: 28%;}
	  
	  .GraphFilter, .DisplayFilter{margin-bottom: 20px;}
	  .GraphFilter, .DisplayFilter, .AxisFilter {width: 94% !important; margin-left: 10px !important;}
	   #resultMain{width:100% !important; height:auto;}
	  .loader { padding: 20px 10% !important;}
	  .downLoadPDF {float: right !important; margin-right:10px !important;}
	  
	  .GraphFilter input[type="radio"][disabled], .DisplayFilter input[type="radio"][disabled], .AxisFilter input[type="radio"][disabled], 
	  .GraphFilter input[type="radio"][readonly], .DisplayFilter input[type="radio"][readonly], .AxisFilter input[type="radio"][readonly]{margin-top:0;}
	  
	  #ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset{margin-left: 180px !important;}
	/* End */
}
@media (max-width: 375px){
	.graphContainer.graphCol1 > div { width: 99%;}
	.graphContainer, .graphContainer > div, .graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div{width:99%; padding-left:0px; margin-left:0px; margin-right:0px;}
	.graphContainer{width:100%; padding-left:1px; margin-left:0px; margin-right:0px;}
	
	.graphContainer div#legenddiv{left:2%; position: relative;}
	.graphContainer div#legenddiv svg {height: 200px !important;}
	.graphContainer.graphCol1 .mergedGraphClass{width:100%; float:right;}
	.graghHeading{text-align:center;}
	
	.ja_JP .ja #introduction .disclaimermsg{width: 50% !important; float: left !important; margin-left: 165px;}
	#ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset{margin-left: 230px !important;}
}
@media (max-width: 360px){
	.ja_JP .ja #introduction .disclaimermsg{width: 49% !important; float: left !important; margin-left: 165px;}
	#ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset{margin-left: 214px !important;}
}
@media (max-width: 320px){
	.table-container {min-height: 276px;}
	.graphContainer.graphCol1 > div { width: 99%;}
	.graphContainer, .graphContainer > div, .graphContainer.graphCol2 > div, .graphContainer.graphCol4 > div{width:99%; padding-left:0px; margin-left:0px; margin-right:0px;}
	.graphContainer{width:100%; padding-left:1px; margin-left:0px; margin-right:0px;}
	
	.graphContainer div#legenddiv{left:2%; position: relative;}
	.graphContainer div#legenddiv svg {height: 200px !important;}
	.graphContainer.graphCol1 .mergedGraphClass{width:100%; float:right;}
	.graghHeading{text-align:center;}
	
	.ja_JP .ja #introduction .disclaimermsg{width: 42% !important; float: left !important; margin-left: 165px;}
	#ldo-parameter .ldo-filterReset, #filterCluster .ldo-filterReset{margin-left: 180px !important;}
}
@media (min-width: 320px){
	/* LDO Finder */
	#parameters input[type="text"], .parameters input[type="text"], .AxisFilter input[type="text"]{border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;}
	.downLoadPDF input[type="button"]{ padding: 5px 8px;}
}

.ja_JP .details-title,.ja_JP #wrapper .datasheet-button a,.ja_JP #searchFilter .search-button{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;}
.ko_KR .details-title,.ko_KR #wrapper .datasheet-button a,.ko_KR #searchFilter .search-button{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif"!important;}
.zh_TW .details-title,.zh_TW #wrapper .datasheet-button a,.zh_TW #searchFilter .search-button{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN .details-title,.zh_CN #wrapper .datasheet-button a,.zh_CN #searchFilter .search-button{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;}