* {
	outline: none;
}

#app_text {
	width: 620px;
	height: 40px;
	/*border: 1px solid #D1D2D4;*/
	font-size: 12px;
	margin-left: 5px;
	font-family: Arial;
	padding: 5px;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,q,small,strong,sub,sup
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	vertical-align: baseline;
}

body {
	background-color: #FFFFFF;
	margin: auto;
	padding: 5px;
	width: 671px;
	font-family: Arial;
	line-height: 1;
    overflow: hidden;
}

h1,h2,h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Abel', sans-serif;
	font-weight: bold;
}

ol,ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

blockquote,q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#mat_env_form {
	background-color: #FFFFFF;
	width: 651px;
	height: 735px;
	/*border:1px solid #BBB3B3;*/
}

h1 {
	padding-left: 10px;
	font-size: 20px;
	font-family: arial;
	color: rgb(162, 145, 66);
}

.headers {
	font-weight: bold;
	float: left;
	display: inline;
	font-size: 15px;
}

.headers2 {
	float: left;
	display: inline;
	margin-top: 1px;
	font-size: 13px;
	padding-left: 4px;
}

#error_message {
	padding-left: 10px;
	border: 1px solid #D8000C;
	font-size: 12px;
	background-color: #FFBABA;
	width: 586px;
	margin-left: 25px;
	margin-bottom: 10px;
	box-shadow: 0 0 2px red;
	height: 25px;
	margin-top: -34px;
	line-height: 25px;
	display: none;
	position: absolute;
}

#mat_env {
	width: 651px;
	height: 550px;
	/*border: 1px solid #BBB3B3;*/
	margin-left: 10px;
}

#select_mat {
	float: left;
	width: 300px;
	height: 450px;
	margin-top: 20px;
	display: inline;
	/*border: 1px solid #BBB3B3;*/
}

#materials {
	width: 290px;
	height: 448px;
	margin-top: 20px;
	border: 1px solid #BBB3B3;
	overflow-y: auto;
	overflow-x: hidden;
}

#select_env {
	float: left;
	width: 300px;
	height: 450px;
	margin-top: 20px;
	display: inline;
	/*border: 1px solid #BBB3B3;*/
	margin-left: 40px;
}

#environments {
	width: 290px;
	height: 448px;
	margin-top: 20px;
	border: 1px solid #BBB3B3;
	overflow-y: auto;
	overflow-x: hidden;
}

.field_mat {
	height: 20px;
	width: 280px;
	border-bottom: 1px solid #BBB3B3;
	border-bottom-style: dotted;
	padding: 8px;
}

.checkboxtext {
	font-size: 13px;
	display: inline;
	margin-left: 8px;
}

#mat_count,#env_count {
	width: 270px;
	height: 25px;
	margin-top: 5px;
	font-size: 13px;
	float: left;
	display: inline;
}

#count1,#count2 {
	display: inline;
}

.button_container {
	width: 600px; /*height: 60px;*/
	border: 1px solid #cccccc;
	background: #cccccc;
	margin-left: 9px;
	float: left;
	padding: 15px; /*margin-top: 30px;*/
	behavior: url(PIE.htc);
}

.reset_button {
	/*	background: #cccccc;
	height: 32px;
	width: 115px;
	float: left;
	margin-right: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc);
	position: relative;
	z-index: 9999;*/
	float: left;
}

#reset {
	background: url('../images/btn_02.png') no-repeat;
	padding: 0px;
	height: 37px;
	border: 0px;
	margin: 0px;
	font-weight: normal;
	/* margin: 0px 12px; */
	line-height: 37px;
}

.button_container #reset {
	height: 37px;
	width: 110px;
	color: black;
	font-weight: bold;
	font-size: 13px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	behavior: url(PIE.htc);
}

/*.button_container #show {
	height: 32px;
	width: 150px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	border: none;
	cursor: pointer;
	background: #272626;
	border-radius: 5px;
	behavior: url(PIE.htc);
	/* margin-top: 2px; */
}
* /
	/*    .comp_button
    {
        background:  #272626;
        height: 32px;
        width: 150px;
        float: left;
        margin-right: 10px;
        border-radius:5px;
        behavior: url(PIE.htc);
        position: relative;
        z-index: 9999;
    } */ 
#subheader {
	font-size: 14PX;
	font-weight: bold;
	margin-left: 0px;
	background: #D1D2D4;
	color: #FFFFFF;
}

.info {
	float: right;
	margin-right: 30px;
	cursor: pointer;
}

.tooltip {
	/* border-bottom: 1px dotted #000000; color: #000000; outline: none;*/
	cursor: pointer;
	position: relative;
}

.tooltip:hover .tip {
	border: 1px solid #cccccc;
	font-family: Arial;
	position: absolute;
	/*left: -200px;*/
	/*top: 200px;*/
	z-index: 999999;
	top: -5px;
	margin-left: -220px;
	width: 250px;
	display: block;
	background: white;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 200px;
	border-radius: 4px;
	height: 29px;
}

.tip {
	display: none;
	behavior: url(PIE.htc);
	height: 29px;
}

/* Compatibility Page css */
.mc-body {
	margin: 0 auto;
	width: 671px;
}

.h1 {
	color: #A29142;
	font-size: 20px;
	margin-bottom: 12px;
	padding: 0 0 0 10px;
	font-family: Arial;
}

.mc-block {
	color: #666666;
	position: relative;
}

.MainBlk {
	width: 660px;
	overflow: hidden;
}

.chartHeader {
	height: 20px;
}

.chartHeader h3 {
	font-weight: bolder;
}

.cleanZ {
	clear: both;
	padding-left: 12px;
	padding-top: 12px;
}

.EnvironmentTab {
	width: 100%;
	background-color: #3FADBE;
	height: 30px;
	margin-top: 60px;
	display: table;
}

.addEnviron {
	padding: 3px 0 0 3px;
}

.leftSec {
	float: left;
}

.rightSec {
	float: right;
}

.EnvironmentHeader {
	/* display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #fff;
	font-weight: bolder;
	font-size: 12px; */
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #fff;
	font-weight: bolder;
	font-size: 12px;
	float: left;
	padding-top: 7px;
	padding-left: 7px;
}

/* Environment category css */
.environCat {
	position: absolute;
	float: left;
	display: none;
}

.environCat li {
	color: #666;
	height: 20px;
	padding: 5px;
	width: 100px;
	background-color: #EEEEEE;
	font-weight: bold;
}

.environSubCat {
	position: absolute;
	float: left;
	margin-left: 110px;
	display: none;
}

.environSubCat li {
	color: #666;
	height: 20px;
	padding: 5px;
	width: 135px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #F5F5F5;
}

#Environmentlist {
	margin-left: 0;
	width: 230px;
}

#Environmentlist li {
	color: #666;
	height: 20px;
	padding: 5px;
}

#Environmentlist li:nth-child(2n) {
	background-color: #ffffff;
}

#Environmentlist li:nth-child(2n+1) {
	background-color: #EAEAEA;
}

.materialPaginator {
	margin-left: 240px;

	height: 30px;
	background-color: #3FADBE;
	color: #fff;
	display: table;
}

.MaterialHeader {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bolder;
}

.materialBck {
	padding: 2px 0 0 3px;
}

.materialNxt {
	padding: 2px 3px 0 0;
}

.btngroup {
	background-color: #CCCCCC;
	height: 60px;
	margin: 0 0 30px 10px;
	width: 650px;
	display: table;
}

.btnalign {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
}

 .buttons {
	border: none;
	width: 150px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc);
	cursor: pointer;
} 

#MateriallistSec {
	margin-left: 240px;
	
}

#MateriallistSec ul {
	display: block;
	float: left;
	height: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#MateriallistSec li {
	display: block;
	float: left;
	height: auto;
	vertical-align: middle;
	width: 30px;
}

#Materiallist li {
	color: #666;
	padding: 5px;
	height: 20px;
	width: 20px;
}

#Materiallist   li.firstSec {
	color: #666;
	padding: 5px;
	height: 70px;
	width: 20px;
}

#Materiallist li:nth-child(2n) {
	background: rgba(234, 234, 234, 0.4);
}
/* #Materiallist li:nth-child(2n+1){
	 background: rgba(234,234,234, 0.4); 
	
}  */
#Materiallist .rotateHeader {
	color: #666666;
	height: 60px;
	width: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	 /*-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) \9; */
   
   -ms-transform: rotate(-90deg);

}

.greycol {
	background-color: #EAEAEA;
}

.displayblk {
	background-color: #fff;
	margin-left: 10px;
	width: 650px;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 50px;
}

#navlist img,#navlistSubBlk img {
	vertical-align: middle;
}

#navlistSubBlk {
	margin-top: 20px;
}

#navlistSubBlk li {
	display: inline;
	list-style-type: none;
	padding-right: 43px;
}
/* Technical Info css  */
.TechnicalInfoSec {
	position: relative;
}

.TechnicalInfo {
	float: left;
	margin-left: 10px;
}

.TechnicalInfo li {
	color: #666;
	height: 20px;
	padding: 5px;
}

.TechnicalHeader {
	width: 230px;
}

.TechnicalInfo li:even {
	background-color: #fff;
}

.TechnicalInfo li:odd {
	background-color: #EAEAEA;
}

.TechInfoMaterial li {
	display: block;
	float: left;
	height: 20px;
	width: 30px;
}

.Telchnica-carousel ul {
	display: block;
	float: left;
	height: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 600px;
}

.Telchnica-carousel li {
	display: block;
	float: left;
	height: auto;
	width: 100px;
}

.Technical-carousel {
	margin-left: 240px;
	width: 420px
}

#TechnicalInfoList {
	display: block;
	float: left;
	height: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#TechnicalInfoList li {
	display: block;
	height: 20px;
	width: 120px;
	padding: 5px;
	text-align: center;
}

#TechnicalInfoPaginator {
	position: absolute;
	float: right;
	height: 20px;
	width: 30px;
	top: 0;
	/* right: 11px; */
	margin-left: 199px;
	padding: 5px;
	border-left: 1px solid #ffffff;
	background-color: #cccccc;
	cursor: pointer;
}

.TechnicalInfo li.HeaderTitle {
	background-color: #33A8BA;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: left;
	padding-left: 50px;
	vertical-align: middle;
	line-height:20px;
}

#TechnicalInfoList li.TechnicalHdrTitle {
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #ffffff;
	width: 119px;
	line-height:20px;
	font-size: 11px;
}

.showEnvironment {
	cursor: pointer;
}

.HideEnvironment {
	cursor: pointer;
}

.button_hide {
	display: none;
	float: left;
	
}

#AddRemoveBtn {
	margin-right: 6px;
}

.callout {
	z-index: 20;
	position: absolute;
	top: 30px;
	border: 0;
	left: -12px;
}

.callout_1 {
	z-index: 20;
	position: absolute;
	top: -2px;
	border: 0;
	left: -10px;
}

#b {
	border: 1px solid #cccccc;
	margin-bottom: 1px;
	width: 630px;
	margin-left: 9px;
}

.comp_button div {
	float: left;
	cursor: pointer;
}

.leftBlackButton {
	background: url(../images/btn_left.png) no-repeat;
	height: 37px;
	width: 9px;
}

.middleBlackButton {
	background: url(../images/btn_bg.png) repeat-x 0 -1px;
	height: 37px;
	line-height: 37px;
	outline: none;
}
.leftBlackButton_1 {
	background: url(../images/btn_left.png) no-repeat;
	height: 37px;
	width: 9px;
}

.middleBlackButton_1 {
	background: url(../images/btn_bg.png) repeat-x 0 -1px;
	height: 37px;
	line-height: 37px;
	outline: none;
}
.middleBlackButton #show {
	background: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	cursor: pointer;
	color: #fff;
	outline: none;
	font-size:13px; 
	font-weight: bold;
}

.rightBlackButton {
	background: url(../images/btn_right.png) no-repeat;
	height: 37px;
	width: 10px;
}
.rightBlackButton_1 {
	background: url(../images/btn_right.png) no-repeat;
	height: 37px;
	width: 10px;
}
.clearfix {
	clear: both;
}
.buttons div {
	float: left;
	cursor: pointer;
}
.middleBlackButton_1 #AddRemoveBtn {
	background: none;
	padding: 10px;
	margin: 0px;
	border: 0px;
	cursor: pointer;
	color: #fff;
	outline: none;
	font-size:13px; 
	font-weight: bold;
}

.middleBlackButton #showTechInfo {
	background: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	cursor: pointer;
	color: #fff;
	outline: none;
	font-size:13px; 
	font-weight: bold;
}

.bla_bla
{
	display: none;
}

#l
{
	border: 1px solid #cccccc;
margin-bottom: 1px;
width: 648px;
margin-left: 10px;
}
/* ul#TechnicaloptionSubSec {
	width:auto !important;
	
} */


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.MainBlk ul li,
.MainBlk ol li,
.TechnicalInfoSec ul li,
.TechnicalInfoSec ol li {
    min-height: 0;
}
#MateriallistSec ul�{
����width:�422px�!important;
}

div#b, div#l�{
border:�0;
}
.leftBlackButton, .leftBlackButton_1�{
����width:�9px�!important;
}