/* root element for tabs  */
.tab-header {
  background-color: #082550; /*#696969;  //#798289;*/
  border: 1px solid #ddd;
  /*border-top:4px solid #12b7ed;	*/
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 2px;
}

  .tab-header span:before {
    border: none;
    background: white;
    color: #082550;
    content: '+';
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    text-align: center;
    top: 50%;
    width: 20px;
  }

  .tab-header span {
    cursor: pointer;
  }

  .tab-header:hover {
    background: #12b7ed;
  }

  .tab-header span.expanded:before {
    content: '-';
  }

.idx-tab {
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  /*margin-bottom: 1px;*/
}

  .idx-tab dt {
    background: #fff; /*#696969; #135fad; #000;*/
    /*border: 1px solid #ddd;*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #898989;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    /*font-weight: 600;*/
    min-width: 7%;
    /*margin-bottom:1px;*/
    /*margin-right: -4px;*/
    padding: 5px;
    position: relative;
    text-align: center;
  }

    .idx-tab dt:after {
      content: '\2718';
      display: none;
      float: right;
    }

    .idx-tab dt:hover,
    .idx-tab dt:active {
      background: #3FBA50; /*#2ac1ef;*/
      color: white;
    }

    .idx-tab dt.expanded {
      background: #082550; /*#798289;*/
      color: white;
    }

      .idx-tab dt.expanded:hover {
        background: #3FBA50; /*#868f95;*/
      }

ul.css-tabs, .css-tabs.ul, .css-tabs ul {
  margin: 0 !important;
  padding: 0;
  height: 31px;
  border-bottom: 1px solid #ddd;
  list-style-type: none !important;
  list-style: none !important;
}

  ul.css-tabs li, .css-tabs li {
    background-color: #fff; /*#efefef;*/
    border: 1px solid #ddd;
    border-bottom: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #000;
    display: block;
    float: left;
    font-size: 13px;
    /*height: 18px;*/
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 auto;
    margin-right: 2px;
    padding: 0;
    padding: 5px 30px;
    position: relative;
    text-decoration: none;
    top: 1px;
    /*outline: none;*/
    -moz-border-radius: 4px 4px 0 0;
  }

  ul.css-tabs a {
    border: 1px solid #666;
    border-bottom: 0px;
    background-color: #efefef;
    color: #777;
    float: left;
    font-size: 13px;
    display: block;
    height: 18px;
    margin-right: 2px;
    padding: 5px 30px;
    position: relative;
    text-decoration: none;
    top: 1px;
    /*outline: none;*/
    -moz-border-radius: 4px 4px 0 0;
  }

  ul.css-tabs li:hover {
    background-color: #3FBA50;
    color: #fff;
    cursor: pointer;
  }

  ul.css-tabs li.current {
    background-color: #082550;
    border-bottom: 1px solid #7CB5EC; /*#FF0000;*/
    color: #fff;
    cursor: default;
  }

    ul.css-tabs li.current:hover {
      background-color: #3FBA50;
      cursor: pointer;
    }
.css-panes {
  min-height: 150px;
  padding: 0px 0px;
  background-color: #fff; /*#dfdfdf;*/
  border: 1px solid #ddd !important;
}
		.fav-span{
			cursor:pointer;
		}
		.fav-span img {
			display:inline-block;
			margin:4px;
			text-align:center;
			vertical-align:middle;
		}
        .disp-none {
            display: none;
        }
        .disp-blk {
            display: block;
        }
		.summary-title{
		    /*color: #38b449;*/
			font-weight: 600;
		    font-size: 20px;
		    margin-top: 10px;
		    margin-bottom: 10px;
		}
		.summary-title h2 {
			font-size:26px;
		    margin-top: 2px;
		    margin-bottom: 2px;			
		}
		.summary-title ul{
			list-style:none;
			margin:0 auto;
			padding:0px;
		}
		.summary-title ul li{
			color: rgb(145,145,145);						
			font-size:13px;
			font-weight: normal;			
            display:inline-block;							
			margin-right: 1em;
			width:auto;
		}
		.summary-title ul li span {
			color: #000;			
			font-weight: bold;
		}
        /* index summary */
.idx-summary {
  background-color: #F7F7F7;
  border: 1px solid #B9B9B9;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0px !important;
}

.idx-section {
  /*background:#135FAD;*/ /*#ddd;*/ /*#ADD8E6;*/ /*#DDDDDD;*/ /*#135FAD;*/
  /*color:#fff;*/ /*#000;*/
  display: inline-block;
  /*margin-top:10px;
			margin-bottom:10px;*/
  /*margin:5px;*/
  text-align: center;
  width: 16%;
}

  .idx-section h5 {
    /*border-bottom:1px solid #fff;*/
    color: #8C8C8C;
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 10px;
    /*padding-top:2px;
			padding-bottom:5px;*/
    text-align: center;
    /*text-decoration:underline;*/
    width: 80%;
  }

  .idx-section p {
    font-size: 25px;
    margin: 0 auto;
    /*margin-top:7px;*/
    margin-bottom: 10px;
  }

    .idx-section p span {
      display: inline-block;
    }

.idx-section-tdf {
  font-size: 18px !important;
  line-height: 1em !important;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: text-top;
}
		.summary-layout{
			display:inline-block;
			width:49.5%;			
		}
		.summary-layout:nth-child(2){
			float:right;
		}
		/* end index summary */		
		/* page */
		.page-header {
			margin-bottom:10px;
			padding-bottom:0px;
		}
		.div-left {
			display:inline-block;
			width:58%;
		}
		.div-middle {
			display:inline-block;
			width:40%;
            text-align:right;
		}
		.panel-title span button {
			font-size:13px;
		}
		.div-right {
			display:inline-block;
			width:1%;
		}
		.div-right article a {
			font-size:12px;
		}
		.srch-Box {
			border:1px solid #dddddd;
			margin-right:1px;
			width:70%;
		}
		.idx-nodata {
			color:#FF0000;
			font-weight:bold;
		}
		.mgn10-b {
			margin-bottom:10px;
		}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #082550;
  width: 120px;
  height: 120px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 9999;
}

		@-webkit-keyframes spin {
		  0% { -webkit-transform: rotate(0deg); }
		  100% { -webkit-transform: rotate(360deg); }
		}

		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
		@media all and (max-width: 400px) {
			.idx-section{
				width:100%;
			}
		}
		@media all and (max-width: 550px) {	
			.summary-layout:nth-child(2){
				display:none;
			}
		}
		@media all and (max-width: 768px) {
			.summary-layout{
				width:100%;
			}
			.summary-layout:nth-child(2){
				float:none;
			}				
		}		
		@media all and (max-width: 900px) {
			ul.css-tabs li {
				margin-top:5px;
				margin-bottom:5px;
				width:100%;				
			}
      .css-panes {
        margin-top: 25px;
      }
			.idx-summary{
				margin-top:50px;
			}
			.div-left {
				width:100%;
			}
			.div-middle {
				width:100%;
                text-align:left;
			}
			.div-right {
				width:100%;
			}			
		  .idx-section p {
        font-size: 12px;
		  }
   }
		/* page */