/**
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magesupport.com/license/
 * 
 * @package    Inic_Faq
 * @copyright  Copyright (c) 2013 Inic
 * @license    http://www.magesupport.com/license/
 */
.page-title{
	margin-top: 30px;
    overflow: visible;
}
h2{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}
 
table tbody tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}
table td {
    vertical-align: top;
}
table th, table td {
    line-height: 18px;
    padding: 14px 0px;
    text-align: left;
	font-size:16px;
	color:#737373;
}

.faq-answer td{padding-left: 20px; border-top: 1px solid #e9e9e9;}
.label.important {
    background-color: #C43C35;
}
.faq-container dt h3{margin: 0 0 30px 0;}
.faq-container .label {
	background:url(../../../images/faq_bg.png) no-repeat center;
	width:17px;
	height:16px;
    padding: 1px 6px 2px;
    white-space: nowrap;
	text-indent:-999em;
	cursor:pointer;
	float:right;
}

.faq-container{
	 width: 100%;

}
.faq-frequent-container{
	 width: 100%;
}
.faq-griddata-table{width: 47%;float:left;}
.faq-listdata-table{
    width: 100%;
}
.faq-listdata-table{
    border-bottom: 1px solid #e9e9e9;
    border-collapse: separate;
    font-size: 16px;
    padding: 0;
}
.faq-griddata-table th + th, .faq-griddata-table td + td ,table.faq-listdata-table th + th, table.faq-listdata-table td + td{

}
.faq-griddata-table tr + tr td ,table.faq-listdata-table tr + tr td {
 
}
.faq-detail table tbody tr td:first-child{
	margin-right: 10px;
}
.faq-list .faq-griddata-table{
	margin-right: 10px;
}
.faq-griddata-table table{
	border: 1px solid #DDDDDD;
    border-collapse: separate;
    border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    margin-bottom: 18px;
    padding: 0;
}
.faq-question{
	cursor: pointer;
}

.catname{
cursor: pointer;
text-transform: uppercase;
font-size:21px;
font-weight:bold;
color: #737373;
}

.bk-link{
	clear: both;
}

.expand, .collaps{
	float:right;
}
.expand a{background: url("../../../images/inic/faq/plus.png") no-repeat left center; padding-left:20px; display:block;}

.collaps a{background: url("../../../images/inic/faq/minus.png") no-repeat left center; padding-left:20px; display:block;}

/*Search Area*/
.faq #searchform {
    background: url("../../../images/inic/faq/faq_search_bar.png") no-repeat scroll left top #F5F5F5;
    height: 21px;
    margin: 30px;
    padding: 10px 10px 10px 30px;
}

.faq #searchform label {
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.faq #searchform #keyword {
    float: left;
    margin-left: 10px;
}


.faq #searchform .btnSearch {
    background: url("../../../images/inic/faq/search.gif") no-repeat scroll left top transparent;
    border: 0 none;
    display: inline;
    float: left;
    height: 25px;
    margin: 0 0 0 5px;
    width: 25px;
}

/*Search Ends*/
.faq-index-index .section-title.padding-right{ margin-top: 100px; color:#737373; margin-bottom:35px; font-family:'Exo-bold'; float:left;}

.feature_block{clear:both;}
.faq-index-index .page-title{ background:url(../../../images/faq_title_bg.png) no-repeat; background-size: 100%; height:120px;width:100%;  }
.faq-index-index .page-title h2{font-size:40px; font-family:'Exo-bold';background:url(../../../images/faq_title_smal_bg.png) no-repeat left center; color: #fff; border-bottom:none; line-height:120px; padding-left:100px; margin-left:18%;}

.faq-container .faq-list div{ margin-bottom:45px;}
.block-faq{ background:#f7f7f7; border-radius: 5px; margin-bottom:25px;}
.block-faq .block_title{ background:#00adef; border-radius: 5px 5px 0 0;height:54px; line-height:54px; color:#fff; font-size:26px; font-family:'Exo-bold'; text-transform:none;}
.block_compare .block_title{text-align:center;}
.block-faq .block_title h3{ line-height:54px; color:#fff; font-size:26px; font-family:'Exo-bold';background:url(../../../images/request_support_bg.png) no-repeat 10px center; padding-left:55px;}
.block-faq-content{ padding:35px 10px; font-size:18px;}
.block-faq .subtitle{ font-size:21px; font-weight:bold; margin:0 0 25px 0;}
.block-faq .button_creat_ticket{ margin:50px auto 30px ; text-align:center; width:100%;}
.block-faq  .block-content ol{ margin-top:20px;}
.block-faq  .block-content li.item { border-bottom:1px solid #e2e2e2; font-size:18px; padding:12px 20px; position:relative}
.block-faq  .block-content li a.product_name{ color:#737373; width:83%; display:block;}
.block-faq  .block-content li a.btn-remove{ position:absolute; right:20px; top:13px; background:url(../../../images/close_faq_bg.png) no-repeat center; width:25px; height:25px; display:block; text-indent:-999em;}
.block-faq .block_compare_actions{ padding:20px ;}
.block-faq .block_compare_actions .button{font-size:15px; height:37px; line-height:37px; float:left;}
.block-faq a.button_clear{ color:#737373; text-decoration:underline; float:right; margin-top:10px;}

@media only screen and (width: 1024px)  {

	.faq-index-index .page-title h2{line-height:84px; font-size:36px; background-size:68px; margin-left:10%;}
	.block-faq .block_title h3{font-size:17px;}
	.button_creat_ticket .button{ font-size:16px; line-height:40px; }
	.block-faq .button_creat_ticket{margin: 20px 0;}
}

@media only screen and (min-width: 768px)   and (max-width: 1023px) {

	.faq-index-index .page-title h2{line-height:70px; font-size:25px; background-size:52px; margin-left:5%;}
	.faq-index-index .page-title{height: 80px; margin-top:10px;}
	.block-faq .block_title {font-size: 17px;}
	.block-faq .block_title h3{font-size:17px; background:none; padding-left:10px;line-height:40px;}
	.button_creat_ticket .button{ font-size:16px; line-height:40px; padding:0 10px; }
	.block-faq .button_creat_ticket{margin: 20px 0;}
	.block-faq-content{font-size: 16px; padding: 15px 10px;}
	.block-faq .block_title{font-size:16px; height:40px; line-height:40px;}
	.block-faq .subtitle{font-size: 16px; margin-bottom:15px;}
	.block-faq  .block-content li a.product_name{font-size:16px;}
	.block-faq .block-content li.item{padding: 10px;}
	.block-faq .block-content li a.btn-remove{right: 10px;}
	.block-faq  .block-content ol{margin-top: 0px;}
	.block_compare_actions .button{ padding:0 10px;}
	.block-faq .block_compare_actions{padding: 10px;}
	.faq-index-index .section-title.padding-right{margin-top: 20px;  height: 75px; line-height: 75px; padding-left: 94px; font-size: 36px;background-size: 75px;}
	.feature_block .actions .button span span{font-size:11px;}
}
@media only screen and (max-width: 767px) {
	.faq-index-index .page-title h2{background:none; color:#00adef; padding-left:0; height:auto; line-height:inherit; font-size:16px; margin-left:0;}
	.faq-index-index .page-title {background:none; color:#00adef; height:auto; margin-top:0;}
	.catname{font-size:18px;}
	.faq-container dt h3{margin-bottom:15px;}
	.faq-container .faq-list div{margin-bottom: 20px;}
	.block-faq .block_title h3{font-size:20px;}
	.block-faq .button_creat_ticket{margin:20px 0;}
	.block-faq-content{padding: 20px 10px;}
	.block-faq-content{font-size:14px;}
	.block-faq .subtitle{ margin-bottom:15px; font-size:16px;}
	.block-faq .block-content ol li{ font-size:14px;}
	.block-faq .block_title{font-size:20px;}
	.faq-index-index .section-title.padding-right{margin-top: 10px; background:none; font-size:20px; padding-left:0; height:auto; line-height:inherit; margin-bottom:20px;}
	.owl-carousel .owl-wrapper-outer{margin-left:0;}
	.faq-answer td{padding-left: 10px;}
}