/*
 * jQueryTab v1.0
 * Copyright 2012 dharma
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 */

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

/*  == common styles */

a:link, a:visited{ color: #000; text-decoration:none;}
a:link{ color: #000; text-decoration:none;}
a:hover{ color: #666; }
ul,ol{ list-style:none outside none; }
h1{
	font-size: 25px;
	color:#000;
	padding-bottom:20px;
	margin-bottom: 20px;
}
p{ margin: 10px 0 15px; }
#container{
	width:840px;
	padding:0px 50px;
	margin:0 auto;
}

/*  == tab heading */
.tabs {
    border: 1px solid #5caa5e;
		overflow:hidden;
		text-align:center;
}

.tabs span
{
 font-size:12px;
 color:#797979;
 font-weight:500;
}


.tabs li{ float:left; }
.tabs li a{
		border-right: 1px solid #5caa5e;
		color:#000;
		display:block;
		font-weight:bold;
		padding: 15px 30px;
}
.tabs li:first-child a{ border-left: none; }
.tabs li a:hover{ color:#0a700c; }
li.active a{ color: #fff; background:#5caa5e; }

li.active a:hover
{
 color:#fff111;
}

li.active a span{ color: #fff; }

/* == accordion */
.accordion_tabs {
	display:none;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-weight:bold;
}
a.accordion_tabs:link,
a.accordion_tabs:visited{
	color: #21759B;
}
a.accordion_tabs:hover{ color:#D54E21; }
a.accordion_tabs.active{ color: #000; }

/*  == tab content  */
.tab_content{
	border:1px solid #5caa5e;
	border-top: none;
	display:none;
	padding: 20px 20px;
    margin-top: -10px;
}

/* Media Queries
***********************/
@media screen and (max-width: 600px) {
	#container{ width:90%; padding:40px 20px; }
	.tabs{ display:none; }
	.accordion_tabs{ display:block; }
	.tab_content{ border:none; }
}