﻿/* Horizontal Tabs */
ul.tabs{
    padding:10px 0px;
    font-size:0;
    margin:0 auto;
	list-style-type:none;
    text-align:left;
	}
ul.tabs li{
    display:inline;
    margin:0;
    margin-right:1px;
	}
ul.tabs li a{
    font:normal 14px "Optima";
    text-decoration:none;
    position:relative;
    padding:7px 16px;
    border:1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color:#000;
    background:#f1f1f1;
    border-radius:3px 3px 0 0;
    outline:none;
	}
ul.tabs li a:visited{
    color:#000;
	}
ul.tabs li a:hover{
    border:1px solid #B7B7B7;
    background:#F1F1F1;
	}
ul.tabs li.selected a, ul.tabs li.selected a:hover{
    position:relative;
    top:0px;
    font-weight:bold;
    background:white;
    border:1px solid #B7B7B7;
    border-bottom-color:white;
	}
ul.tabs li.selected a:hover{
    text-decoration:none;
	}
.tabs-contents{
    border:none;
	clear:both;
	padding:30px;
    background-color:#FFF;
    border-radius:0 3px 3px 3px;
	}

/* Vertical Tabs */
ul.vtabs{
    padding:10px 0px;
    font-size:0;
    margin:0 auto;
	list-style-type:none;
    text-align:left;
	}
ul.vtabs li{
    display:block;
    margin:0;
    margin-right:1px;
	}
ul.vtabs li a{
    font:normal 14px "Optima";
    text-decoration:none;
    position:relative;
    padding:7px 16px;
    border:1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color:#000;
    background:#f1f1f1;
    border-radius:3px 3px 0 0;
    outline:none;
	}
ul.vtabs li a:visited{
    color:#000;
	}
ul.vtabs li a:hover{
    border:1px solid #B7B7B7;
    background:#F1F1F1;
	}
ul.vtabs li.selected a, ul.vtabs li.selected a:hover{
    position:relative;
    top:0px;
    font-weight:bold;
    background:white;
    border:1px solid #B7B7B7;
    border-bottom-color:white;
	}
ul.vtabs li.selected a:hover{
    text-decoration:none;
	}
.vtabs-contents{
    border:none;
	clear:both;
	padding:30px;
    background-color:#FFF;
    border-radius:0 3px 3px 3px;
	}
	
/* Accordion */
button.accordion {
    background-color:#eee;
    color:#000000;
    cursor:pointer;
    padding:18px;
    width:100%;
    text-align:left;
    border:none;
    outline:none;
    transition:0.4s;
	}
button.accordion.active, button.accordion:hover {
    background-color:#ddd;
	}
div.panel {
    padding:0 18px;
    background-color:#ffffff;
    display:none;
	} 

/* General */
tabcontents {
    padding:10px;
}