/* Tab style section */

/* Styles the background of the list of tabs - you will probably leave this alone */

ul.tab {

list-style-type: none!important;

display: block;

background-color: transparent;

height: 30px;}

/* Styles the list of tab links */

ul.tab li a {

display: block;

background-color: #ffddcc;

width: 100px;

height: 20px;

font-family: 'Roboto', sans-serif;

font-size: 7pt!important;

line-height: 15pt;

letter-spacing: 1px;

color: #ff4411;

text-align: center!important;

text-transform: uppercase!important;

padding: 5px;

margin-bottom: 10px!important;}

/* Styles the tab link that is currently selected */

ul.tab li .active {

background: #ddaa99;

color: #ffddcc;}

/* Styles the tab link that you are hovering over with your mouse */

ul.tab li a:hover {

background: #ddaa99;

color: #ffddcc;}

/* Style the box that the tab content is in */

.tabcontent {

background: transparent!important;

overflow: auto;}

/* END OF TAB STYLES SECTION */