/* general styles */#comparison_matrix_main{
	padding: 10px;	
	
}

#comparison_matrix_instructions{
	display: none;	
	margin-top:10px;
	/*color: #730000;*/
}

/* nav styles */
#comparison_matrix_nav{
	margin-top: 10px;
	visibility: visible;
}

#nav_select{
	float: left;	
}

#comparison_matrix_nav ul{
	    list-style-type: none;
		padding: 10px;		
}

#comparison_matrix_nav li{
	line-height: 1.52em;
}

#comparison-matrix-nav-button{
	visibility: hidden;
}

/* table styles */
#comparison_matrix_table_div, #cloned_thead_div{
    margin-top: 8px;
	width: 800px;
    z-index: 500;
    background-color: rgba(255, 255, 255, 0.62);
}


#comparison_matrix_table_div table, #cloned_thead_div table{
	width: inherit !important;	
	table-layout: fixed;
}

#comparison_matrix_table_div table thead th#columnHead0, #cloned_thead_div table thead th#columnHead0{
	padding: 3px 0;
}

#comparison_matrix_table_div table thead th, #cloned_thead_div table thead th{
	width: 375px;	
	font-size: 14px;
	padding-right: 6px;
}

#comparison_matrix_table_div table th p, #cloned_thead_div{
	font-weight: normal;
	padding: 7px 0 6px;
	/*margin-left: 10px;*/
}
#comparison_matrix_table_div table th p.header, #cloned_thead_div table th p.header{
	font-size: 13px;
	/*margin-left: 0px;*/
	font-weight: bold;
}

#comparison_matrix_table_div table th p:not(.header), #cloned_thead_div table th p:not(.header){
	cursor: pointer;
}

#comparison_matrix_table_div table th p, #cloned_thead_div,
#comparison_matrix_table_div table td, #characteristic_table_popup_div td, #cloned_thead_div td,
#characteristic_table_popup_div table th p{
	line-height: 1.5em;
}

table tbody tr th p{
	padding-left: 6px !important;
    padding-right: 6px !important;
}

/*popup icons*/
/* - in JS file | #comparison_matrix_table_div table th p:not(.header)::before {
  content: url("/images/icons/popup_icon.png");
  margin-right: 5px;
  position: relative;
  top: 3px;
}*/

#comparison_matrix_table_div table td, #characteristic_table_popup_div td, #cloned_thead_div td{
	text-align: left;
	padding: 8px 10px 10px 12px !important;
}

.checkmark{
	color:#00a200;
	font-weight: bold;
	font-size: 14px;
	margin-right: 5px;
	color:#005a00; /*accessibility*/
}

.cross_mark{
	color:#F00;
	font-weight: bold;
	font-size: 13px;
	margin-right: 5px;
	color:#A80000; /*accessibility*/
}



/*table column navs styles */
#comparison_matrix_table_div table select, #cloned_thead_div table select{
	font-size: 13px;
	height: 31px;
	
}

#add_column_button{
	position: absolute;
}

#add_column_button, 
#characteristic_table_popup_div #remove_table_button,
#comparison_matrix_table_div #remove_table_button{
    font-size: 18px;
    font-weight: bold;
    color: #990000;
	color: #730000;
    cursor: pointer;
	position:relative;
	bottom:15px;
}

#comparison_matrix_table_div #remove_table_button{
	/*margin-bottom: -18px;*/
	margin-right: -250px;
	float: right;
}

/*#characteristic_table_popup_div #remove_table_button{
	position: absolute;
	top: 16px;
    right: 28px;
}*/
#characteristic_table_popup_div > a{
	display: inline-block;
	float: right;
	margin-right: 22px;
    position: relative;
    text-decoration: none;
    bottom: -18px;
}

#characteristic_table_popup_div #remove_table_button span,
#comparison_matrix_table_div #remove_table_button span{
	font-weight: normal;
	font-size: 12px;
	position: relative;
    top: -3px;
}

/*popup table styles */
#characteristic_table_popup_div{
	display:none;
	padding: 7px 0 7px 21px;
    width: 550px;
    min-height: 272px;
	max-height: 70%;
	overflow-y: scroll;
	overflow-x: hidden;
    position: fixed;
    top: 10%; /*20px;*/
    left: 30%; /*25px;*/
    background-color: #fff;
    border: solid #000 1px;
    z-index: 10000;
	-webkit-box-shadow: 0px 0px 100px 0px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 100px 0px #333;  /* Firefox 3.5 - 3.6 */
	box-shadow: 0px 0px 100px 0px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

#blackout{
	z-index: 10000;
	width: 100%;
	height: 100%;
	opacity: .5;
	background-color: #333;
	position: fixed;
    top: 0;
    left: 0;
}

#characteristic_table_popup_div table.regular caption{
	font-weight: bold;
	font-size: 112%;
}

#comparison_matrix_main table caption{
	padding-bottom: 5px;
}

#characteristic_table_popup_div table.regular thead th{
	vertical-align: middle;
}

#characteristic_table_popup_div table th p{
	padding: 3px 0 1px;
}

#cloned_thead_div{
	position: fixed;
	top:0px;
	left:23px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#cloned_thead_div table.regular{
	margin: 0px;
}
#cloned_thead_div #cloned_thead{
	-webkit-box-shadow:0 0 15px 0px #333;
	-moz-box-shadow: 0 0 15px 0px #333;
	box-shadow: 0 0 15px 0px #333;
	/*border-collapse: separate;*/
	border-bottom: 3px solid #aaa;
}

.highlight{background-color: #EDF8E0;}

.popup{
	text-decoration:none;
	display:block;
}