/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */
a:link, a:visited {
color: #fe9a2e;
text-decoration: none;}

a:hover {
text-decoration: underline;
cursor: pointer;
color: #89afcf;}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited {
color: #fe9a2e;
text-decoration: none;}

a.new_win:hover {
text-decoration: underline;
color: #89afcf;}

/* Tables should show empty cells. */

/* Set a fontsize that will look the same in all browsers. */
body {
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;}

/* Help popups require a different styling of the body element. */

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr {
color: #000;}

/* This division wraps the entire forum when a forum width is set. */

/* lets give all forms zero padding/margins */

input, button, select, textarea {
color: #000;
background: #fff;
padding: 0 10px 0 10px;
border-radius: 50px 5px;}

/* Select elements look horrible with the extra padding, so leave them unpadded. */

/* Add some padding to the options instead. */

/* The font size of textareas should be just a little bit larger. */

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset {
background: #cde7ff;
cursor: pointer;
font-weight: normal;}

input:hover, textarea:hover, button:hover, select:hover {
border: 1px solid #454545;}

.button_submit:hover, .button_reset:hover {
border: 1px solid #aaa;
background: #cde7ff;}

input:focus, textarea:focus, button:focus, select:focus {
border: 1px solid #454545;}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */

/* Give disabled text input elements a different background color. */
input[disabled].input_text {
background-color: #eee;}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
height: 1px;
border: 0;
color: #ccc;
background-color: #ccc;}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6 {
color: #000;
font-size: 1.5em;
margin: 0;
padding: 0;}

/* Fieldsets are used to group elements. */
fieldset {
border: 1px solid #c4c4c4;
padding: 1em;
margin: 0 0 0.5em 0;}

fieldset legend {
font-weight: bold;
color: #444;}

/* No image should have a border when linked. */

/* Define strong as bold, and em as italics */

/* Alternative for u tag */

/* Common classes to easy styling.
------------------------------------------------------- */

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

/* some common padding styles */

/* a quick reset list class. */

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote {
background-color: #d7daec;
border-radius: 0 0 10px 10px;}

blockquote.bbc_alternate_quote {
background-color: #e7eafc;
border-radius: 0 0 10px 10px;}

/* A code block - maybe PHP ;). */
code.bbc_code {
display: block;
background: #d7daec;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
overflow: auto;}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader {
padding-left: 10px;
border-radius: 10px 10px 0 0;
font-weight: bold;
background: #6b93c0;
overflow: auto;}

/* For links to change the code stuff... */

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited {
border-bottom: 1px solid #A8B6CF;}

.bbc_link:hover {
text-decoration: none;
border-bottom: 1px solid #fe9a2e;}

/* Generally, those [?] icons.  This makes your cursor a help icon. */

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
color: red;}

/* Highlighted text - such as search results. */
.highlight {
font-weight: bold;
color: #ff7200 !important;
font-size: 1.1em;}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2 {
background-color: #D1E1EF;
color: #000 !important;}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
color: #222;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #8193a7;}

.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;}

/* adjust the table versions of headers */

tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited {
color: #222;}

tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited {
color: #fff;}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body {
color: #000;
background-color: #f0f4f7;}

.windowbg2 {
color: #000;
background-color: #f0f4f7;
border-radius: 0 0 10px 10px;}

.windowbg3 {
color: #000;
background-color: #cacdd3;
border-radius: 0 0 10px 10px;}

/* the page navigation area */

/* Colors for background of posts requiring approval */
.approvebg {
color: #000;
background-color: #ffeaea;}

.approvebg2 {
color: #000;
background-color: #fff2f2;}

/* Color for background of *topics* requiring approval */
.approvetbg {
color: #000;
background-color: #e4a17c;}

.approvetbg2 {
color: #000;
background-color: #f3bd9f;}

/* Sticky topics get a different background */
.stickybg {
background: #e8d8cf;}

.stickybg2 {
background: #f2e3d9;}

/* Locked posts get a different shade, too! */
.lockedbg {
background: #d4dce2;
font-style: italic;}

.lockedbg2 {
background: #d8e1e7;
font-style: italic;}

/* Posts and personal messages displayed throughout the forum. */

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */

/* Sometimes there will be an error when you post */
.error {
color: red;}

/* Messages that somehow need to attract the attention. */
.alert {
color: red;}

/* Calendar colors for birthdays, events and holidays */
.birthday {
color: #920ac4;}

.birthday a:link, .birthday a:visited {
color: #f769f7;
text-decoration: none;}

.event {
color: #078907;}

.holiday {
color: #000080;}

/* Colors for warnings */
.warn_mute {
color: red;}

.warn_moderate {
color: #ffa500;}

.warn_watch, .success {
color: green;}

a.moderation_link, a.moderation_link:visited {
color: red;
font-weight: bold;}

.openid_login {
background: white url(../images/openid.gif) no-repeat;
padding-left: 18px;}

/* a descriptive style */

/* an informative style */
.information {
padding: 0.5em 1em;
font-size: 0.9em;
line-height: 1.3em;
border: 1px solid #b5b5b5;}

/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress {
background: url(../images/theme/loadingbar.png) repeat-x;
color: #f96f00;
text-align: center;
font-size: 16pt;
padding: 8px;
width: 100%;
height: 66px;
line-height: 25px;
position: fixed;
top: 0;
left: 0;}

#ajax_in_progress a {
color: orange;
text-decoration: underline;
font-size: smaller;
float: right;
margin-right: 20px;}

/* Lists with settings use these a lot.
------------------------------------------------------- */

/* help icons */

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #fff;
letter-spacing: 3px;}

h3.catbg2 a, h3.catbg2 {
color: #feb;}

h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover {
color: #fd9;
text-decoration: none;}

h3.catbg2 a:hover {
color: #fff;
text-decoration: none;}

h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
color: #fff;}

h3.titlebg a:hover, h4.titlebg a:hover {
color: #53616f;
text-decoration: none;}

h4.titlebg, h3.titlebg {
background: #8193a7;
padding-right: 9px;}

div.cat_bar {
background: #8193a7;
border-radius: 10px 10px 0 0;
padding-left: 9px;
height: 30px;
overflow: hidden;}

div.title_bar {
background: #8193a7;
padding-left: 9px;
height: 40px;
overflow: hidden;}


/* rounded bars needs a different background here */

div.roundframe div.cat_bar {
background: #8193a7;
margin-bottom: 0;}

div.roundframe div.cat_bar h3.catbg {
background: #8193a7;}

div.title_barIC {
background: #8193a7;
padding-left: 9px;
height: 30px;
overflow: hidden;}

div.title_barIC h4.titlebg {
background: #8193a7;}

/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg {
font-size: 0.95em;
border-bottom: 1px solid #fff;}

tr.catbg th.first_th {
background: #a7b9cd;}

tr.catbg th.last_th {
background: #a7b9cd;}

tr.titlebg th.first_th {
background: #8193a7;}

tr.titlebg th.last_th {
background: #8193a7;}

/* a general table class */
table.table_grid td {
padding: 3px;
border-bottom: 1px solid #fff;}

/* GenericList */
table.table_grid thead tr.catbg th {
white-space: nowrap;
background: #8193a7;}

/* table_grid styles for Profile > Show Permissions. */

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.approvebg span.botslice {
display: block;
padding-left: 20px;
background: #db88f3;
margin-bottom: 0.2em;}

.postbg {
border-left: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe {
background: #f0f4f7;
border: 2px solid #f0f4f7;
border-radius: 0 0 10px 10px;
padding: 10px;}

/* The main content area.
------------------------------------------------------- */

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div {
border: 1px solid #000;
position: absolute;
visibility: hidden;}

.auto_suggest_item {
background-color: #ddd;}

.auto_suggest_item_hover {
background-color: #888;
cursor: pointer;
color: #eee;}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
.dropmenu a {
display: block;
color: #fff;
text-decoration: none;
background: #8193a7;
padding: 1px;}

.dropmenu a.firstlevel::before, .dropmenu a.firstlevel::after {
content:'';
position:absolute;
top: 0;
bottom: 0;
width: 1em;
background: #8193a7;
transform: skew(-10deg);}

.dropmenu a.firstlevel::before {
left: -.5em;
border-radius: 5px 0 0 5px;}

.dropmenu a.firstlevel:hover::before {
background: #f88c00;}

.dropmenu a.firstlevel::after {
right: -.5em;
border-radius: 0 5px 5px 0;}

.dropmenu a.firstlevel:hover::after {
background: #f88c00;}

/* the background's first level only */

.dropmenu li ul {
z-index: 90;
display: none;
position: absolute;
width: 19.2em;
font-weight: normal;
background: #8193a7;
padding: 7px 0 0 0;}

/* the active button */
.dropmenu li a.active {
color: #fff;
font-weight: bold;}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
background: #f88c00;
color: #fff;
cursor: pointer;
text-decoration: none;}

.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel {
background: #f88c00;}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a {
background: #d4dbe4;
color: #000;
text-decoration: none;}

.dropmenu li li.additional_items {
background-color: #fff;}

/* The dropdown menu toggle image */

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist a {
display: block;
font-size: 0.8em;
color: #fff;
background: #8193a7;
padding: 0 0 0 8px;
margin-left: 12px;
text-transform: uppercase;
cursor: pointer;
float: left;
position: relative;}

.buttonlist a:hover {
background: #f88c00;
color: #fff;
text-decoration: none;}

.buttonlist a::before, .buttonlist a::after {
content:'';
position:absolute;
top: 0;
bottom: 0;
width: 1em;
background: #8193a7;
transform: skew(-10deg);}

.buttonlist a:hover::before {
background: #f88c00;}

.buttonlist a:hover::after {
background: #f88c00;}

.buttonlist span {
background: #8193a7;
display: block;
height: 20px;
line-height: 19px;
padding: 0 8px 0 0;}

.buttonlist a:hover span {
background: #f88c00;}

/* the navigation list */

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header {
padding: 3px 3px 0 3px;
background: #fefefe;
border-bottom: none;
border-radius: 9px 9px 0 0;
color: #fff;}

#header a:link, #header a:visited {
color: #fff;}

#header .frame {
background: url(../images/_default/theme/header.png) no-repeat center;
border-radius: 5px 5px 0 0;
height: 100%;
width: 100%;
background-size: 100% 100%;}

/* the content section */
#content_section {
background: #fff;
border-left: #fff solid 4px;
border-right: #fff solid 4px;
padding: 20px 0 20px 20px;}

/* the main title, always stay at 45 pixels in height! */

/* the upshrink image needs some tweaking */

/* ..so does the SMF logo */
#siteslogan {
position: absolute;
right: 45px;
top: 0;
color: #fff;
font-weight: bold;
line-height: 3em;}

/* the upper_section, float the two each way */
#upper_section {
padding: 5px;
color: #fff;
overflow: hidden;}

/* clearing the floats */

/* The navigation list (i.e. linktree) */
.navigate_section ul li a {
background: #ddd;
padding: .5em;
float: left;
text-decoration: none;
color: #444;
position: relative;}

.navigate_section ul li a:hover {
background: #f88c00;
color: #fff;}

.navigate_section ul li a::before, .navigate_section ul li a::after {
content:'';
position:absolute;
top: 0;
bottom: 0;
width: 1em;
background: #ddd;
transform: skew(-10deg);}

.navigate_section ul li a:hover::before {
background: #f88c00;
color: #fff;}

.navigate_section ul li a:hover::after {
background: #f88c00;
color: #fff;}

.navigate_section ul li .current, .navigate_section ul li .current:hover {
font-weight: bold;
background: none;
background: #f88c00;
color: #fff;}

.navigate_section ul li .current::after, .navigate_section ul li .current::before {
content: normal;
background: red;
color: #fff;}

/* The footer wih copyright links etc. */
#footer {
padding: 0 3px 3px 3px;
background: #fff;
border-bottom: none;
border-radius: 0 0 9px 9px;}

#footer_section {
text-align: center;
color: #fff;
background: url(../images/_default/theme/footer.png) no-repeat center;
height: 100%;
width: 100%;
background-size: 100% 100%;}

#footer_section a {
color: #fff;}

/* Styles for a typical table.
------------------------------------------------------- */

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject {
font-weight: bold;
font-size: 110%;
color: #d97b33;}

.table_list tbody.content td.info a.subject:hover {
color: #89afcf;}

.table_list tbody.content td.children {
color: #555;
font-size: 85%;}

/* hide the table header/footer parts - but its here for those needing to style it */

/* the posting icons */

/* the newsfader */
#newsfader {
margin: 2px 2px 20px 2px;
background: #f0f4f7;
border-radius: 12px;
padding-bottom: 1px;}

/* Styles for the info center on the board index.
---------------------------------------------------- */
#upshrinkHeaderIC p.last {
margin: 0;
padding:0.7em 1.5em .7em 1.5em;
border-top: 2px dotted #bbb;}

/* the small stats */

/* Styles for the message (topic) index.
---------------------------------------------------- */

/* the page navigation area */

/* Styles for the display template (topic view).
---------------------------------------------------- */

/* Events */

/* Poll question */

/* Poll vote options */
#poll_options ul.options {
border-top: 1px solid #9999aa;
padding: 1em 2.5em 0 2em;
margin: 0 0 1em 0;}

#poll_options div.submitbutton {
border-bottom: 1px solid #9999aa;
clear: both;
padding: 0 0 1em 2em;
margin: 0 0 1em 0;}

/* Poll results */
#poll_options dl.options {
border: solid #9999aa;
border-width: 1px 0;
padding: 1em 2.5em 1em 2em;
margin: 0 1em 1em 0;
line-height: 1.1em !important;}

/* Poll notices */

/* onto the posts */

/* author and topic information */

/* poster and postarea + moderation area underneath */
.poster {
float: left;
width: 13em;
padding: 5px;
border: 3px solid #8193a7;
margin: 10px 20px 0 10px;
text-align: center;
border-radius: 6px;
min-height: 250px;}

/* poster details and list of items */
.poster h4, .poster h4 a {
color: #c06002;}

.modifybutton {
clear: both;
float: right;
margin: 6px 20px 10px 0;
text-align: right;
font: bold 0.85em arial, sans-serif;
color: #334466;}

/* The quick buttons */
ul.quickbuttons a:hover {
color: #a70;}

/* Styles for the quick reply area.
---------------------------------------------------- */

/* The jump to box */

/* Separator of posts. More useful in the print stylesheet. */

/* Styles for edit post section
---------------------------------------------------- */
#postMoreOptions {
border-bottom: 1px solid #cacdd3;
padding: 0.5em;}

#postAttachment, #postAttachment2 {
overflow: hidden;
margin: .5em 0;
padding: 0;
border-bottom: 1px solid #cacdd3;
padding: 0.5em;}

/* The BBC buttons */

/* The smiley strip */

/* Styles for edit event section
---------------------------------------------------- */

/* Styles for edit poll section.
---------------------------------------------------- */

/* Styles for the recent messages section.
---------------------------------------------------- */

/* Styles for the move topic section.
---------------------------------------------------- */

/* Styles for the send topic section.
---------------------------------------------------- */

/* Styles for the report topic section.
---------------------------------------------------- */

/* Styles for the split topic section.
---------------------------------------------------- */
ul.split_messages div.post {
padding: 1em 0 0 0;
border-top: 1px solid #fff;}

/* Styles for the merge topic section.
---------------------------------------------------- */

/* Styles for the login areas.
------------------------------------------------------- */

/* Styles for the registration section.
------------------------------------------------------- */
.register_error {
border: 1px dashed red;
padding: 5px;
margin: 0 1ex 1ex 1ex;}

/* Additional profile fields */
.coppa_contact {
padding: 4px;
width: 32ex;
background-color: #fff;
color: #000;
margin-left: 5ex;
border: 1px solid #000;}

.valid_input {
background-color: #f5fff0;}

.invalid_input {
background-color: #fff0f0;}

/* Styles for maintenance mode.
------------------------------------------------------- */

/* common for all admin sections */

/* Custom profile fields like to play with us some times. */

/* Styles for sidebar menus.
------------------------------------------------------- */
.adm_section {
background: #f0f4f7;
border-radius: 10px;}

/*Begin sidebar flyout coding. */
.left_admmenu li strong a {
color: #2efeb5;}

.left_admmenu li:hover a, .left_admmenu li.sfhover a {
color: #f88c00;}

.left_admmenu li ul {
position: absolute;
z-index: 90;
top: 0;
left: -9999px;
width: 170px;
padding: 4px;
background: #f0f4f7;
border-radius: 0 4px;}

.left_admmenu li:hover li a, .left_admmenu li.sfhover li a {
display: block;
color: #f88c00;}

.left_admmenu li li a:focus {
background: #f88c00;
width: 155px;
margin-left: 10169px;}

/*End sidebar flyout coding. */

/* Styles for generic tables.
------------------------------------------------------- */
#topic_icons {
margin: 1em 0 0 0;
background: #f0f4f7;}

.topic_table table thead {
border-bottom: 1px solid #fff;}

/* the subject column */

/* Styles for (fatal) errors.
------------------------------------------------- */
.errorbox {
padding: 1em;
border: 1px solid #cc3344;
color: #000;
background-color: #ffe4e9;
margin-bottom: 1em;}

/* Styles for the profile section.
------------------------------------------------- */

/* The basic user info on the left */

#detailedinfo div.content dl, #basicinfo div.content dl, #tracking div.content dl {
clear: right;
overflow: auto;
margin: 0 0 18px 0;
padding: 0 0 15px 0;
border-bottom: 1px #ccc solid;}

.signature, .custom_fields_above_signature {
border-top: 1px #ccc solid;}

/* Simple feedback messages */
div#profile_error {
border-color: red;
color: red;
background: #fee;}

div#profile_success {
border-color: green;
color: green;
background: #efe;}

/* Profile statistics */

/* Activity by time */
.activity_stats li span {
display: block;
border: solid #000;
border-width: 1px 1px 0 0;
text-align: center;}

.activity_stats li div.bar div {
background: #6294CE;}

/* Most popular boards by posts and activity */

/* View posts */
.counter {
margin: 0 0 0 0;
padding: 0.2em 0.5em 0.1em 0.2em;
font-size: 2.2em;
font-weight: bold;
color: #3f3f3f;
float: left;}

.list_posts {
border-top: 2px solid #b3b3bf;
padding-top: 12px;
margin-top: 6px;
overflow: auto;}

.ignoreboards a {
font-weight: bold;
border-bottom: 1px solid #c4c4c4;
padding: 0.1em 0;}

.ignoreboards a:hover {
text-decoration: none;
border-bottom: 1px solid #334466;}

/* Paid Subscriptions */

/* Pick theme */

/*Issue a warning*/

/* Styles for the statistics center.
------------------------------------------------- */

/* Styles for the personal messages section.
------------------------------------------------- */
#personal_messages .capacity_bar {
background: #f0f4f7;
display: block;
margin: 0.5em 0 0 1em;
height: 1em;
border: 1px solid #adadad;
width: 10em;}

#personal_messages .capacity_bar span {
border-right: 1px solid #adadad;
display: block;
height: 1em;}

#personal_messages .capacity_bar span.empty {
background: #a6d69d;}

#personal_messages .capacity_bar span.filled {
background: #eea800;}

#personal_messages .capacity_bar span.full {
background: #f10909;}

/* Styles for the calendar section.
------------------------------------------------- */

/* Used to indicate the current day in the grid. */
.calendar_today {
background-color: #fff;}

#main_grid table h3.catbg {
text-align: center;
height: 29px;
border-top: 2px solid #fff;
border-bottom: none;}

#main_grid table.weeklist td.windowbg {
text-align: center;
height: 49px;
width: 25px;
font-size: large;
padding: 0 7px;
border-bottom: 2px solid #fff;}

#main_grid table.weeklist td.weekdays {
height: 49px;
width: 100%;
padding: 4px;
text-align: left;
vertical-align: middle;
border-bottom: 2px solid #fff;}

a.modify_event {
color: red;}

/* Styles for the memberlist section.
------------------------------------------------- */

/* Styles for the basic search section.
------------------------------------------------- */

/* Styles for the advanced search section.
------------------------------------------------- */

/* Styles for the search results page.
------------------------------------------------- */

/* Styles for the help section.
------------------------------------------------- */

/* Styles for print media.
------------------------------------------------------- */

/* Tabbed Info mod. */
.tabs {
width:100%;
display:inline-block;
margin-bottom: 15px;}

/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';}

ul.tab-links {
margin: 0 0 10px 0;
padding: 0;}

.tab-links li {
margin:0px 5px;
float:left;
list-style:none;}

.tab-links a {
padding: 1px 6px;
display:inline-block;
background:#8193a7;
font-weight:600;
color:#fff;
transition:all linear 0.15s;
position: relative;
margin: 0 .5em 0 1em;
height: 18px;
line-height: 18px;}

.tab-links a::before {
left: -.5em;
border-radius: 5px 0 0 5px;}

.tab-links a::after {
right: -.5em;
border-radius: 0 5px 5px 0;}

.tab-links a::before, .tab-links a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 1em;
background: #8193a7;
transform: skew(-10deg);}

.tab-links a:hover::before, .tab-links a:hover::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 1em;
background: #f88c00;
transform: skew(-10deg);}

.tab-links a:hover {
background:#f88c00;
text-decoration:none;}

li.active a {
background:#8193a7;
color:#fff;}

li.active a:hover {
background:#f88c00;
color:#fff;}

.tab-content {
}

.tab {
display:none;}

.tab.active {
display:block;}

/* End Tabbed Info mod. */