/* ----------------------------------------------------------------------------
   vtab
-----------------------------------------------------------------------------*/

/* Style accordion
-----------------------------------------------------------------------------*/

/* Root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	margin: 0;
	padding: 5px;
	width: 250px;
	background: url(../_img/tabs_accordion/h300.png) bottom repeat-x #ea2839;
	border-bottom: 3px solid #ddd;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

/* Accordion header */
#accordion h1, 
#accordion h2 {
	display: block;
	position: static;
	margin: 2px 0 4px;
	padding: 5px 10px;
	height: 20px;
	background: url(../_img/tabs_accordion/h30.png) bottom repeat-x #fff;
	font-size: 1em; /* 12px = 1em */
	font-weight: bold;
	color: #4b92db;
	line-height: 20px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #fff;
	border-color: #00a9e0;
	cursor: pointer;
	* cursor: hand;
}
#accordion h1 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#accordion h2 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	*/
}
#accordion h1 span, 
#accordion h2 span {
	display: block;
	background: none;
}
#accordion h1:hover span, 
#accordion h2:hover span {
	color: #2e55b1;
	background: center right no-repeat;
}
#accordion h1.current span, 
#accordion h2.current span {
	background: center right no-repeat;
}
#accordion h1:hover span, #accordion h1.current span { background-image: url(../_img/tabs_accordion/span_current_rev.gif); }
#accordion h2:hover span, #accordion h2.current span { background-image: url(../_img/tabs_accordion/span_open.gif); }

#accordion h1 a, 
#accordion h2 a { color: #4b92db; }

#accordion h1 a:hover, 
#accordion h2 a:hover { text-decoration: none; }

/* Currently active header */
#accordion h1.current, 
#accordion h2.current, 
#accordion h1.current a, 
#accordion h2.current a {
	color: #111987;
}

/* Accordion pane */
#accordion .pane {
	display: none;
	margin: 0 0 5px;
	padding: 15px;
	background: #fff !important;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#accordion .pane.current {
	display: block;
}

/* A title inside pane */
#accordion .pane h3 {
	display: block;
	margin: 0;
	padding: 6px 0 5px;
	font-size: 1em; /* 12px = 1em */
	font-weight: bold;
	color: #333;
	text-transform: capitalize;
	border-bottom: 1px dotted #4b92db;
}
#accordion .pane h3.sub { }
#accordion .pane h3 span { display: block; }
#accordion .pane h3 a { display: block; }
#accordion .pane h3 a:hover, 
#accordion .pane h3:hover a, 
#accordion .pane h3 a.current { color: #00a9e0; text-decoration: none; background: url(../_img/tabs_accordion/span_current_rev.gif) center right no-repeat; }

#accordion .pane h4 {
	display: block;
	margin: 0;
	padding: 6px 0 5px;
	font-size: 1em; /* 12px = 1em */
	font-weight: bold;
	color: #333;
	text-transform: capitalize;
	border-bottom: 0;
}
#accordion .pane h4.last { border-bottom: 1px dotted #4b92db; }
#accordion .pane h4 span { display: block; padding-left: 15px; }
#accordion .pane h4 a { display: block; }
#accordion .pane h4 a:hover, 
#accordion .pane h4:hover a, 
#accordion .pane h4 a.current { color: #00a9e0; text-decoration: none; background: url(../_img/tabs_accordion/span_current_rev.gif) center right no-repeat; }

#accordion .pane p { margin: 0.5em 0; }


/* Style accordion2
-----------------------------------------------------------------------------*/

/* Root element for accordion. decorated with rounded borders and gradient background image */
#accordion2 {
	margin: 0;
	padding: 5px;
	width: 200px;
	background: url(../_img/tabs_accordion/h300.png) bottom repeat-x #4b92db;
	border-bottom: 3px solid #ddd;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

/* Accordion header */
#accordion2 h1, 
#accordion2 h2 {
	display: block;
	position: static;
	margin: 2px 0 4px;
	padding: 5px 10px;
	height: 20px;
	background: url(../_img/tabs_accordion/h30.png) bottom repeat-x #fff;
	font-size: 1em; /* 12px = 1em */
	font-weight: bold;
	color: #4b92db;
	line-height: 20px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #fff;
	border-color: #00a9e0;
	cursor: pointer;
	* cursor: hand;
}
#accordion2 h1 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#accordion2 h2 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	*/
}
#accordion2 h1 span, 
#accordion2 h2 span {
	display: block;
	background: none;
}
#accordion2 h1:hover span, 
#accordion2 h2:hover span {
	color: #2e55b1;
	background: center right no-repeat;
}
#accordion2 h1.current span, 
#accordion2 h2.current span {
	background: center right no-repeat;
}
#accordion2 h1:hover span, #accordion2 h1.current span { background-image: url(../_img/tabs_accordion/span_current.gif); }
#accordion2 h2:hover span, #accordion2 h2.current span { background-image: url(../_img/tabs_accordion/span_open.gif); }

#accordion2 h1 a, 
#accordion2 h2 a { color: #4b92db; }

#accordion2 h1 a:hover, 
#accordion2 h2 a:hover { text-decoration: none; }

/* Currently active header */
#accordion2 h1.current, 
#accordion2 h2.current, 
#accordion2 h1.current a, 
#accordion2 h2.current a {
	color: #111987;
}

/* Accordion2 pane */
#accordion2 .pane {
	display: none;
	margin: 0 0 5px;
	padding: 15px;
	background: #fff !important;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#accordion2 .pane.current {
	display: block;
}

/* A title inside pane */
#accordion2 .pane h3 {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 1em; /* 12px = 1em */
	font-weight: bold;
	color: #333;
	text-transform: capitalize;
	border-bottom: 1px dotted #4b92db;
}
#accordion2 .pane h3 a { display: block; }
#accordion2 .pane h3 a:hover, 
#accordion2 .pane h3:hover a, 
#accordion2 .pane h3 a.current { color: #00a9e0; text-decoration: none; background: url(../_img/tabs_accordion/span_current.gif) center right no-repeat; }

#accordion2 .pane p { margin: 0.5em 0; }


/* Style accordion3
-----------------------------------------------------------------------------*/

/* Root element for accordion. decorated with rounded borders and gradient background image */
#accordion3 {
	margin: 0;
	padding: 0;
}

/* Accordion header */
#accordion3 h1, 
#accordion3 h2 {
	display: block;
	position: static;
	margin: 2px 0 4px;
	padding: 5px 10px;
	height: 20px;
	background: #007e98;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.167em; /* 14px = 1.167em */
	font-weight: bold !important;
	color: #ddd;
	line-height: 20px;
	text-shadow: 0px 1px 1px #333;
	border-bottom: 3px solid #33a9c2;
	cursor: pointer;
	* cursor: hand;
}
#accordion3 h1 {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
#accordion3 h2 {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
#accordion3 h1 span, 
#accordion3 h2 span {
	display: block;
	background: none;
}
#accordion3 h1:hover span, 
#accordion3 h2:hover span {
	color: #fff;
	background: center right no-repeat;
}
#accordion3 h1.current span, 
#accordion3 h2.current span {
	background: center right no-repeat;
}
#accordion3 h1:hover span, #accordion3 h2:hover span { background-image: url(../_img/tabs_accordion/span_plus.gif); }
#accordion3 h1.current span, #accordion3 h2.current span { background-image: none; }

#accordion3 h1 a, 
#accordion3 h2 a { color: #eee; }

#accordion3 h1 a:hover, 
#accordion3 h2 a:hover { text-decoration: none; }

/* Currently active header */
#accordion3 h1.current, 
#accordion3 h2.current, 
#accordion3 h1.current a, 
#accordion3 h2.current a {
	color: #fff;
}

/* Accordion2 pane */
#accordion3 .pane {
	display: none;
	margin: 0 0 5px;
	padding: 5px 0 15px;
	background: #0094b3 !important;
	border-bottom: 1px solid #33a9c2;
}
#accordion3 .pane.current {
	display: block;
}

/* A title inside pane */
#accordion3 .pane h3 {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 1em; /* 12px = 1em */
	font-weight: bold;
	color: #333;
	text-transform: capitalize;
	border-bottom: 1px dotted #4b92db;
}
#accordion3 .pane h3 a { display: block; }
#accordion3 .pane h3 a:hover, 
#accordion3 .pane h3:hover a, 
#accordion3 .pane h3 a.current { color: #00a9e0; text-decoration: none; background: url(../_img/tabs_accordion/span_current.gif) center right no-repeat; }

#accordion3 .pane p { margin: 0.5em 0; }