MediaWiki:Wikia.css

/* BEGIN Wikia.css */ 

.WikiaPage { 
   border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
} 

.WikiaPage .WikiaPageBackground {
   background: transparent !important;
}

body.page-Main_Page .WikiaPage { 
   background: rgba(0, 0, 0, 0.60) url("https://static.wikia.nocookie.net/halofanon/images/f/f0/Halo_Fanon_Home_Page.png") no-repeat top center;
   border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-origin: content-box;
}

body { 
   background: #000000 url("https://images.wikia.nocookie.net/oni/images/0/0f/Waypoint.jpg") no-repeat top center;
   background-attachment: fixed; 
}

.WikiaPageHeader details {
   display: none;
}

.WikiaPageHeader {
   border-bottom: 1px solid #666;
   margin-bottom: 5px;
} 

.wds-community-header {
    background-image: url(https://vignette.wikia.nocookie.net/halofanon/images/1/16/Headerfanonbanner2.png/revision/latest?cb=20170613163851);
}

a.wikia-button.secondary,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary,
.button.secondary,
button.secondary {
  background: rgba(0, 0, 0, 0.60);
  border: 1px solid #222222;
  color: #FFFFFF;
}
 
.WikiaSearch button {
  border: none;
  border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
}
 
.wikia-menu-button ul, 
.wikia-menu-button.secondary ul, 
.modalWrapper, 
.skin-oasis #ImageUpload, 
.skin-oasis #VideoEmbed, 
.AccountNavigation .subnav, 
.WikiaSpotlight, 
.WikiaPageHeader .history.hover, 
.WikiaSearch .autocomplete, 
.WikiaFooter .my-tools-menu {
  background: rgba(0, 0, 0, 0.77);
  border: #222222 !important;
  border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}
 
.GlobalNavigation .subnav {
  background: rgba(0, 0, 0, 0.77);
  border: #191d22 !important;
  border-radius: 0 0 16px 16px;
  -o-border-radius: 0 0 16px 16px;
  -ms-border-radius: 0 0 16px 16px;
  -moz-border-radius: 0 0 16px 16px;
  -webkit-border-radius: 0 0 16px 16px;
}  

.WikiaPageHeader details {
  background: transparent;
}
 
.WikiaSearch input[type="text"] {
  background: rgba(0, 0, 0, 0.28);
  color: #979AAA;
  border: 1px solid #222222;
  border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.WikiHeader .shadow-mask { 
  display: none;
}

.WikiHeader li:hover {
  background: rgba(0, 0, 0, 0.77);
  border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
}
 
.WikiaPagesOnWikiModule, 
.WikiaActivityModule, 
.WikiaImageModule, 
#WikiaSpotlightsModule, 
.WikiaArticle .thumbinner, 
.WikiaBlogListingBox, 
.HotSpotsModule, 
.CommunityCornerModule, 
.LatestPhotosModule, 
.WikiaArticle pre, 
.WikiaArticleCategories {
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid #222222 !important;
  border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.WikiHeaderRestyle .shadow-mask {
   background: none !important;
}

.WikiaSearch input[type="text"]:focus {
   background: rgba(0, 0, 0, 0.30) !important;
}

/* END Wikia.css */

/* Title Hack */
#title-meta i {
  font-style: italic !important;
}

/* Eraicon Hack */
#title-eraicons {
  display: block !important;
  text-align: right;
  margin-left: 1em;
  min-width: 250px;
}

/* Image-changes */
.picture-attribution {
  display: none !important;
}

.wikia-photogallery-add {
  display: none !important;
}

.wikia-slideshow-toolbar {
  display: none !important;
}

/* Pop-up remover: defunct */
/* .modalWrapper, .blackout {
  display:none !important;
} */

/************************************/
/* Profile redesign */
/************************************/

.WikiaUserPagesHeader {
   background-color: transparent !important;
   background-image: none !important;
}
/*
.UserProfileMastheadSearch .WikiaSearch {
    float: right;
    margin-right: 3px;
    width: 310px;
    z-index: 1002;
}

.UserProfileMastheadSearch .WikiaSearch button {
    top: 2px;
}

.UserProfileMastheadSearch .WikiaSearch input[type="text"] {
    width: 257px;
    background: rgba(40, 40, 40, 0.77);
    border: 2px solid #101010;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.UserProfileMasthead {
    float: right;
    width: 990px;
    padding: 0px 10px;
    margin-top: -45px;
    z-index: 999;
}

.UserProfileMasthead .masthead-avatar {
    border: none;
    background: none;
    padding: 0px;
}

.UserProfileMasthead .masthead-avatar .avatar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
     border: none;
}

.UserProfileMasthead .masthead-info {
    background-color: #21007F;
    background-image: -o-linear-gradient(top center , #000B16 0pt, #012E59 50%, #000B16 100%);
    background-image: -ms-linear-gradient(top center , #000B16 0pt, #012E59 50%, #000B16 100%);
    background-image: -moz-linear-gradient(top center , #000B16 0pt, #012E59 50%, #000B16 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #000B16 ), color-stop(50%, #012E59 ), color-stop(100%, #000B16 ));
    margin-left: 165px;
    z-index: 1000;
}


.UserProfileMasthead .masthead-info:after {
    margin-bottom: 6px;
}

.UserProfileMasthead .masthead-info::before,
.UserProfileMasthead .masthead-info-lower:before {

    display: none !important;
}

.UserProfileMasthead .masthead-info hgroup {
    background: transparent !important;
    padding: 1px 15px 1px 15px;
    height: auto;
    min-height: 40px;
    border-bottom: 1px dotted #666;
}

.UserProfileMasthead .tally {
    padding-left: 0px;
    margin-bottom: 10px;
}

.UserProfileMasthead .masthead-info h1 {
    font-size: 24px;
}

.UserProfileMasthead .masthead-info h2 {
    margin-bottom: 5px;
    font-size: 14px;
}

.UserProfileMasthead .details span,
.UserProfileMasthead .wikis span {
    color:#F1F1F1;
}

.UserProfileMasthead .masthead-info > div {
    padding: 6px 15px 6px 15px;
}

.UserProfileMasthead .masthead-info .group {
    top: -1px;
    color: #FFFFFF;
    font-size: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.WikiaUserPagesHeader .tabs {
    float: left;
    width: 965px;
    border-bottom: 1px solid #AAAAAA;
}

.WikiaUserPagesHeader .tabs .selected {
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

.WikiaUserPagesHeader .tabs li a:hover,	
#UPPLightboxWrapper .tabs li a:hover {	
    background-color: #666161;
}

.WikiaUserPagesHeader .tabs li a {
    display: inline-block;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: -3px;
    padding: 3px 10px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

.WikiaUserPagesHeader .tabs .selected a {
    border: none;
    color: #F1F1F1;
    background: #2D2D2D;
    font-weight: bold;
    margin-top: 0px;
    padding: 6px 10px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

.WikiaUserPagesHeader .tabs {
    float: left;
    width: 670px; 
}

.WikiaUserPagesHeader .tabs,
#UPPLightboxWrapper .tabs {
    border: none;
    padding-left: 164px;
}

.UserProfileActionButton {
    background-image: -o-linear-gradient(center bottom , rgba(45, 45, 45, 0), #2D2D2D);
    background-image: -ms-linear-gradient(center bottom , rgba(45, 45, 45, 0), #2D2D2D);
    background-image: -moz-linear-gradient(center bottom , rgba(45, 45, 45, 0), #2D2D2D);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.89)), to(rgba(80, 80, 80, 0.1)), color-stop(.5, #2D2D2D));
    border-radius: 6px 6px 0 0;
    margin-left: 7px;
    text-align: right;
}

.WikiaUserPagesHeader .tabs li a,
#UPPLightboxWrapper .tabs li a {
    background: -o-linear-gradient(center top , #2D3135 0%, #101010 100%) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center top , #2D3135 0%, #101010 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #2D3135 0%, #101010 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #2D3135), color-stop(100%, #101010)) repeat scroll 0 0 transparent;
}

*/

/******************************************************************************/
/* Hidden features */
 
.WikiaArticle .picture-attribution {
 display: none;
}				/* Removes Image Uploader Attribution */
 
.magnify {
 display: none;
}				/* Removes Thumbnail Image Details Button */
 
/******************************************************************************/
/* Poll styling */
 
.pollAnswerVotes div {
background-color:#6C93B1 !important;
} 				/* Vote count bar color */
 
.pollAnswerVotes {
color:#e1e1e1; 
border:1px solid #004A7F !important;
} 				/* Poll no. of votes font color and bar border color */
 
div.ajax-poll {
border:none !important
}				/* Poll border style */
 
.pollAnswerVotes span {
top: -5px !important
}				/* Vertically aligns the vote count text  */
 
/******************************************************************************/
/* Decoration */
 
.GamingCalendarModule, .customheader, h4.mw-specialpagesgroup, .WikiaFooter #LEFT_SKYSCRAPER_2, .WikiaSearch input[type="text"], .WikiaArticleCategories, .module, table.customtable {
 border: 1px solid #6C93B1 !important;
 box-shadow: 0 0 5px #122B44 !important;
 -moz-box-shadow: 0 0 5px #6C93B1 !important;
 -webkit-box-shadow: 0 0 5px #122B44 !important;
 -moz-border-radius:5px;
 border-radius:5px;
}
 
.WikiHeaderRestyle > nav {
 opacity: 0.8;
}				/* Header menu transparency */
 
.WikiaHeader .chevron {
    border-top-color: #FFFFFF;
}				/* Header menu arrow color */
 
.GlobalNavigation .subnav, .AccountNavigation .subnav {
 background-color: #191919;
 border-color: #323232;
 border-width: 0px 2px 2px;
 opacity: 0.9;
}				/* Style for header menus */
 
.AccountNavigation .subnav a, .GlobalNavigation .subnav .catnav a {
 color: #D5D4D4;
}				/* Style for header menu links */
 
.AccountNavigation .subnav a:hover, .GlobalNavigation .subnav .catnav a:hover {
 background: #323232 !important;
 color: #ffffff;
}				/* Style for header menu links when hovering over them */
 
.GlobalNavigation .subnav .catnav li, .AccountNavigation .subnav li {
 background-color: #191919;
 border-top: 1px solid #323232;
}				/* Border background and between wiki header menu links */
 
div.navbackground {
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
 -moz-border-radius-bottomleft: 3px;
 -moz-border-radius-bottomright: 3px;
}				/* Bottom border radius for the static nav bar */
 
/******************************************************************************/
/* Search Box */
 
.WikiaSearch input[type="text"] { 
  color: #646464;
  background: #3C3C3C;  
  color: #f3f3f3;
}				/* Input box style */
 
.WikiaSearch button { 
 background: #012E59;  
 border: none;
 color: #f3f3f3;
 background-image: -moz-linear-gradient(top, #02488B, #012E59); border-top-right-radius:0.5ex; border-bottom-right-radius:0.5ex;
 background-image: -webkit-gradient(linear, top left, top right, from(#00355B), to(#0060A5));
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}				/* Search button style */
 
.WikiaSearch button:hover {
 background-color: #012445;
 background-image: -moz-linear-gradient(top, #013E77, #012445); border-top-right-radius:0.5ex; border-bottom-right-radius:0.5ex;
 background-image: -webkit-gradient(linear, top left, top right, from(#00355B), to(#0060A5));
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}				/* Search button style when hovering over it */
 
.WikiaSearch button:active {
 background-color: #012445;
 background-image: -moz-linear-gradient(top, #012445, #013E77); border-top-right-radius:0.5ex; border-bottom-right-radius:0.5ex;
 background-image: -webkit-gradient(linear, top left, top right, from(#00355B), to(#0060A5));
}				/* Search button style when clicking it */
 
.WikiaSearch input.placeholder[type="text"] {
 color: #005491;
}				/* Custom color for predefined search box text */
 
.WikiaSearch .autocomplete div {
 background-color: #0A0A0A;
 color: #646464;
}				/* Style for autocomplete box */
 
.WikiaSearch .autocomplete .selected {
 background-color: #323232;
 color: #969696;
}				/* Style for autocomplete box selected elements */
 
/******************************************************************************/
/* Bottom toolbar style */
 
.WikiaFooter .tools-menu {
 background-color: #191919;
 border-color: #323232;
 border-width: 2px 2px 0px;
 opacity: 0.9;
}				/* Style for the tools menu */
 
.WikiaFooter .tools-menu a {
 color: #D5D4D4;
}				/* Custom color font the links in the tools menu */
 
.WikiaFooter .tools-menu a:hover {
 background-color: #323232;
 color: #ffffff;
}				/* Custom color font the links in the tools menu when hovering over them */
 
.WikiaFooter .tools-menu li {
 border-top: 1px solid #323232;
}				/* Borders between tools menu links */
 
.WikiaFooter .tools-menu li:first-child {
    border-top: medium none;
}				/* Removes border on top of the first link */
 
/******************************************************************************/
/* History Comparison */
 
table.diff {
 background: #000000;
}				/* Table Background */
 
table.diff td {
 background-color: #0A0A0A;
}				/* Empty Lines */
 
table.diff td div {
 background-color: #001D33;
}				/* Changed Lines */
 
.WikiaArticle td.diff-deletedline {
 background-color: #7F0000;
 color: #630000;
}				/* Deleted Lines */
 
.WikiaArticle td.diff-addedline {
 background-color: #002100;
 color: #00E100;
}				/* Added Lines */
 
.diffchange-inline {
 color: orange;
}				/* Changed Text */
 
/* File Page Style */
 
table.filehistory {
font-size:95%;
}				/* Makes the table fit the Wikia skin content window */
 
table.filehistory th, table.filehistory td {
 border: 1px solid #191919;
}				/* Color the File History Table Borders */
 
table.filehistory th {
 background-color: #191919;
 background-image: -moz-linear-gradient(top, #000000, #323232);
 background-image: -webkit-gradient(linear,left top, left bottom, from(#000000), to(#323232));
}				/* File History Table Top Row Style */
 
/******************************************************************************/
/* Customtable definitions */
 
table.customtable, {
        width: 100%;
        margin: 0.3em 0em;
}				/* Table body */		
 
table.customtable th, {
        font-size: 16px;
        background-color: transparent;
        background-image: -moz-linear-gradient(top, #6C93B1, transparent);
        background-image: -webkit-gradient(linear,left top, left bottom, from(#004A7F), to(transparent));
        text-align: center;
}				/* Table headings */
 
table.customtable td {
        padding: 5px;
        border: 1px solid #6C93B1;
}				/* Table cells */
 
table.customtable tr:nth-child(odd) {
    background: #6C93B1;
}				/* Customtable sortable odd rows distinguish */
 
.collapseLink {
    color: #6C93B1;
}				/* Show/hide button text*/
 
.collapseButton {
    font-weight: bold !important;
}				/* Show/hide button *
.navbox-list {
border-left: 0px !important;
}

/********************/
/* Profile redesign */
/********************/

.UserProfileMasthead .masthead-info .tag {
    top: -1px ;
    color: #7FC3FF;
    font-size: 11px;
    border-radius: 4px;
    background-color: #012E59;
    background-image: -moz-linear-gradient(top , #02488B 0%, #012E59 100%);
    background-image: -webkit-linear-gradient(top , #02488B 0%, #012E59 100%);
    background-image: -o-linear-gradient(top , #02488B 0%, #012E59 100%);
    background-image: -ms-linear-gradient(top , #02488B 0%, #012E59 100%);
}

.WikiaUserPagesHeader .tabs {
    float: left;
    width: 965px;
    border-bottom: 1px solid #AAAAAA;
}
 
.WikiaUserPagesHeader .tabs .selected {
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}
 
.WikiaUserPagesHeader .tabs li a {
    display: inline-block;
    font-size: 12px;
    margin-top: 4px;
    padding: 3px 10px;
    border: medium none !important;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}
 
.WikiaUserPagesHeader .tabs .selected a {
    background-color: #666161;
/** leave third color stop transparent for the transitions to be visible. If transitions are not used, use #666161 instead of transparent **/
    background-image: -moz-linear-gradient(top , #666161 0%, #2D2D2D 4%, transparent 150%);
    background-image: -o-linear-gradient(top , #666161 0%, #2D2D2D 4%, transparent 150%);
    background-image: -ms-linear-gradient(top , #666161 0%, #2D2D2D 4%, transparent 150%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #666161), color-stop(5%, #2D2D2D), color-stop(150%, transparent ));
    border: none;
    font-weight: bold;
    margin-top: 0px;
    padding: 5px 10px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}
 
.WikiaUserPagesHeader .tabs {
    float: left;
    width: 670px; 
}
 
.WikiaUserPagesHeader .tabs,
#UPPLightboxWrapper .tabs {
    border: none;
    padding-left: 164px;
}

/********************************/
/********************************/
/** Tabber, customised styling **/
 
ul.tabbernav li a {
    background: transparent !important;
    border-color: none !important;
    border-style: none !important;
    border-width: none !important;
    margin-left: 0px !important;
    text-decoration: none !important;
    position: relative !important;
    top: -3px !important;
    font-weight: normal !important;
    color: #ddd !important;
    padding: 2px 4px 6px 4px !important;
}
 
ul.tabbernav li a:link {
    color: #FFFFFF !important;
}
 
ul.tabbernav li a:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #212121 !important;
    color: #fff !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(175, 175, 175, 0.3);
    border-color: none !important;
    border-radius: 7px 7px 0 0 !important;
    padding: 2px 4px 6px 4px !important;
}
 
ul.tabbernav li.tabberactive a {
    box-shadow: 0 -3px 7px 0px #212121 inset, 0 -11px 9px 4px #000000 inset, 0 3px 3px 0px #000000 inset,0 4px 10px 1px #3f3f3f inset, 0px -32px 28px -17px #282828 inset;
    color: #fff !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 3px 5px rgba(160, 160, 160, 0.5);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 0px !important;
    border-left: 1px solid #999999 !important;
    border-right: 1px solid #999999 !important;
    border-top: 1px solid #999999 !important;
    padding: 3px 10px 7px 10px !important;
    position: relative !important;
    top: -3px !important;
    font-weight: bold !important;
}
 
ul.tabbernav li.tabberactive a:hover {
    background: default !important;
    border-bottom: 0px !important;
    box-shadow: 0 -3px 7px 0px #161616 inset, 0 -11px 9px 4px #000000 inset, 0 3px 3px 0px #000000 inset,0 4px 10px 1px #333333 inset, 0px -32px 28px -17px #212121 inset;
}
 
.tabberlive .tabbertab {
    position: relative !important;
    top: -1px !important;
    border:none !important
}
 
.tabberlive .tabbertab {
    border: none;
}

/**********************************/
/* Highlight design by Sonasaurus */
 
table.hlblack tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #000; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(50, 50, 50, 0.7);
}
table.hlblue tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #00f; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 100, 255, 0.7);
}
table.hlforestgreen tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #060; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 64, 0, 0.7);
}
table.hlgreen tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #0f0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 150, 0, 0.7);
}
table.hlindigo tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #3730FF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(86, 100, 210, 0.7);
}
table.hlmagenta tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #f0f; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(150, 0, 150, 0.7);
}
table.hlolive tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #dcff00; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(164, 192, 0, 0.7);
}
table.hlorange tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #ff9600; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(154, 90, 0, 0.7);
}
table.hlpurple tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #6400ff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(64, 0, 172, 0.7);
}
table.hlred tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #f00; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(150, 0, 0, 0.7);
}
table.hlskyblue tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #0af; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 108, 160, 0.7);
}
table.hlteal tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #0ff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0, 150, 150, 0.7);
}
table.hlwhite tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(200, 200, 200, 0.7);
}
table.hlyellow tr:hover {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    background: #ff0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4), 0 2px 3px rgba(150, 150, 0, 0.7);
}

/********************************/
 

/** Hot spot buttons **/
 

/********************************/
 
		 
.HotSpotsModule li .hot-spot-severity-1 {
 

    background-image:-moz-linear-gradient(top, #0470D6 15%, #154A7C 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #0470D6), color-stop(75%, #154A7C))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-2 {
 
	
    background-image:-moz-linear-gradient(top, #0355A3 15%, #02407A 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #0355A3), color-stop(75%, #02407A))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-3 {
 
	
    background-image:-moz-linear-gradient(top, #023B73 15%, #01284C 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #023B73), color-stop(75%, #01284C))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-4 {
 
	
    background-image:-moz-linear-gradient(top, #001F3D 15%, #000A14 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #001F3D), color-stop(75%, #000A14))
 
	
}
 
	
.HotSpotsModule li .hot-spot-severity-5 {
 
	
    background-image:-moz-linear-gradient(top, #001426 15%, #000000 85%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #001426), color-stop(75%, #000000))

}