#floatingbuttons {
border: 3px solid #6a490a;
background: rgb(0, 255, 96);
background: -moz-linear-gradient(30deg, rgb(0, 255, 96) 17%, rgb(248, 0, 0) 70%);
background: -webkit-linear-gradient(30deg, rgb(0, 255, 96) 17%, rgb(248, 0, 0) 70%);
background: -o-linear-gradient(30deg, rgb(0, 255, 96) 17%, rgb(248, 0, 0) 70%);
background: -ms-linear-gradient(30deg, rgb(0, 255, 96) 17%, rgb(248, 0, 0) 70%);
background: linear-gradient(120deg, rgb(0, 255, 96) 17%, rgb(248, 0, 0) 70%);
}
#floatingbuttons a:link{color:#fff;}
#floatingbuttons a:visited{color:#fff;}
#floatingbuttons a:hover{color:#fff;}
#floatingbuttons a:active{color:#fff;}
/* root element for tabs */
ul.Moose-tabs {
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #ddd;
}
/* single tab */
ul.Moose-tabs li {
float:left;
padding:0;
margin:0;
list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.Moose-tabs a {
float:left;
font-size:12px;
display:block;
padding:1px 10px;
text-decoration:none;
border:1px solid #ccc;
border-bottom:0px;
height:18px;
background-color:#060;
color:#FFFFFF;
margin-right:2px;
position:relative;
top:9px;
outline:0;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
ul.Moose-tabs a:hover {
background-color:#030;
color:#FFFFFF;
}
/* selected tab */
ul.Moose-tabs a.current {
background-color:#fff;
border-bottom:1px solid #fff;
color:#030;
cursor:default;
}
/* tab pane */
.Loose div {
display:none;
border:1px solid #ccc;
border-width:0 1px 1px 1px;
min-height:150px;
padding:15px 20px;
background-color:#fff;
}
/* Accordian */
.ui-widget-content {
border: 1px solid #336699;
background: #eeeeee url(http://www.mooseloose.com/fluid/images/Moose.jpg);
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #336699;
background: #003300;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ff2222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #893648;
background: #006600;
font-weight: normal;
color: #ffffff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #3B6072;
background: #990000;
color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #ffffff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #336699;
background: #990000;
color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
}