/*
* jQueryTab v2.0
* Copyright Dharma Poudel (@rogercomred)
* Free to use under the GPLv3 license.
* http://www.gnu.org/licenses/gpl-3.0.html
*/

/* == quick_reset */
*{ border:none; margin:0; padding:0; outline:none;}

/*  == common styles */
/*body {background: #f6f6f6; min-height:100%; font: normal 13px/1.5 Arial,Helvetica, sans-serif; margin-bottom:30px;}
ul,ol{ list-style:none outside none;}
h1{font-size: 25px; color:#000; padding-bottom:20px; margin-bottom: 20px;}
h3{margin:30px 0 10px;}
p{margin: 0 0 20px;}
pre{ border: 1px solid #ddd; box-shadow: 1px 1px 0 #fff, 2px 2px 0 #ddd; margin:10px 0; padding: 10px; background: #fcfcfc; }

#container{ width:80%; padding:0px 50px; margin:0 auto;}

a:link, a:visited{ color: #000; text-decoration:none;}
a:hover{ color: #666;}

/*  == tab heading */
.tabs { border-bottom: 2px solid #c7c8ca;
    float: left;
    max-height: 45px;
    overflow: visible;
    width: 100%; }
.tabs li{ float:left; list-style: outside none none; }
.tabs li a{ color: #7e7e7e;
    display: block;
    font-family: "Helvetica-Light";
    font-size: 20px;
    margin: 0 26px 0 0;
    padding: 10px 20px; }
.tabs li:first-child a{ border-left: none; }
.tabs li a:hover, .tabs li a:focus{ color:#f09e25; text-decoration:none; opacity: 1;}
.tabs .active a{ background: none repeat scroll 0 0 #ffffff;
    border-left: 2px solid #c7c8ca !important;
    border-right: 2px solid #c7c8ca;
    border-top: 2px solid #c7c8ca;
    color: #f09e25;
    font-family: "Helvetica-Light";}

/* == accordion */
.accordion_tabs { display:none; border-top: 1px solid #ccc; padding: 10px; font-weight: bold; background: #eee; }
.tab_content_wrapper > .accordion_tabs:first-child{ border-top:none; }
a.accordion_tabs:link, a.accordion_tabs:visited{ color: #21759B; }
a.accordion_tabs:hover, a.accordion_tabs:focus{ color:#f09e25; }
a.accordion_tabs.active{ color: #000; border-bottom: 1px solid #ccc;}

/*  == tab content  */
.tab_content_wrapper{ display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0.3s;
    width: 100%;}
.tab_content{ transition: all .6s ease-in-out; padding:10px 0px 15px 0px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.toggle_display{display:block;}
.toggle_position{ position:absolute; width:100%;}
.toggle_border{ /*border:1px solid #ccc; border-width: 0 1px 1px 1px;*/ }
.invert_border{ border-width: 1px 1px 0 1px;}

/* Media Queries
***********************/
@media screen and (max-width: 600px) {
  #container{ width:90%; padding:40px 20px; }
  .accordion_tabs{ display:block; }
  .tab_content_wrapper{ height:auto !important;}
  .tab_content{ transition:none; padding:10px;}
  .toggle_display{display:none;}
  .toggle_position{ position:relative; }
  .toggle_border{ border-width: 1px; }
}