/* Global styles for Red Hat Customer Portal */
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
font-size: 100%;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
.assistive, #searchWrapField label, #s_i_redhatglobaltest {
height: 0;
left: -9000em;
line-height: 0em;
position: absolute;
top: 0;
}
/* Web Fonts */
@font-face {
font-family: Overpass;
font-style: normal;
font-weight: bold;
src: url("/webassets/avalon/f/overpass_bold-web.eot");
src: url("/webassets/avalon/f/overpass_bold-web.eot?#iefix") format("eot"),
url("/webassets/avalon/f/overpass_bold-web.woff") format("woff"),
url("/webassets/avalon/f/overpass_bold-web.ttf") format("truetype"),
url("/webassets/avalon/f/overpass_bold-web.svg#webfontzAU82Ltw") format("svg");
}
@font-face {
font-family: 'portalicons';
font-style: normal;
font-weight: normal;
src: url('/webassets/avalon/f/portalicons.eot');
src: url('/webassets/avalon/f/portalicons.eot?#iefix') format('embedded-opentype'),
url('/webassets/avalon/f/portalicons.svg#portalicons') format('svg'),
url('/webassets/avalon/f/portalicons.woff') format('woff'),
url('/webassets/avalon/f/portalicons.ttf') format('truetype');
}
/* Element */
a {
text-decoration: none;
}
a:link, a:visited, #navPrimary li:hover li a:link, #navPrimary li:hover li a:visited {
color: #06C;
}
a:hover, a:active, #navPrimary li:hover li a:hover, #navPrimary li:hover li a:active {
color: #03C;
text-decoration: underline;
}
h2 a[name]:hover {
color: inherit;
text-decoration: none;
}
a.liteLinks:link, a.liteLinks:visited, a.liteLinks:hover, a.liteLinks:active {
color: #cecece;
text-decoration: none;
}
a.liteLinks:hover, a.liteLinks:active {
text-decoration: underline;
}
.open #accountUser a:link, .open #accountUser a:visited, .open #accountUser a:hover, .open #accountUser a:active {
color: #06C;
}
.footerLinks a:link, .footerLinks a:visited, .footerLinks a:hover, .footerLinks a:active {
color: #505050;
font-weight: normal;
}
#footerWrap #editions ul li a:link, #footerWrap #editions ul li a:visited, #footerWrap #editions ul li a:hover, #footerWrap #editions ul li a:active {
color: #bababa;
}
#navPrimary li a:link, #navPrimary li a:visited, #navPrimary li a:hover, #navPrimary li a:active {
color: #fff;
}
#navPrimary li.active a:link, #navPrimary li.active a:visited, #navPrimary li.active a:hover, #navPrimary li.active a:active {
color: #fff;
}
#navPrimary li:hover a:link, #navPrimary li:hover a:visited, #navPrimary li:hover a:hover, #navPrimary li:hover a:active {
color: #000;
text-decoration: none;
}
.subsection a:link, .subsection a:visited, .subsection a:hover, .subsection a:active {
color: #fff;
text-decoration: underline;
}
#utility-links a:link, #utility-links a:visited, #utility-links a:hover, #utility-links a:active {
color: #d9d9d9;
}
body {
background: #171717;
color: #333;
font-family: "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
font-size: small;
line-height: 1;
margin: 0;
min-height: 373px;
padding: 0;
text-align: left;
}
dd {
margin:5px 0 0 10px;
}
dl.faq dd {
margin: 0 0 15px 10px;
}
dl {
margin:10px 0;
}
dt {
font-weight:bold;
margin:15px 0 0;
}
dl.faq dt {
font-weight: bold;
}
h1, h2, h3, h4, h5 {
color: #333;
font-family: Overpass, "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
font-weight: bold;
line-height: 100%;
margin: 0;
}
h1 {
font-size: 200%;
padding: 10px 0 15px 0;
}
#breadcrumbs + h1, #breadcrumbs + a + h1 {
padding-top: 20px;
}
table h1 {
font-size: 210%;
padding-bottom: 11px;
padding-top: 6px;
}
table[border="0"][cellpadding="0"][cellspacing="0"][width="100%"] h1 { /* for Product Docs
*/
padding: 0;
}
h2 {
font-size: 145%;
padding: 10px 0 5px 0;
}
h1 + h2 {
padding-top: 2px;
}
h3 {
font-size: 125%;
padding: 10px 0 5px 0;
}
h4 {
font-size: 110%;
padding: 10px 0 0 0;
}
h5 {
font-size: 90%;
padding: 8px 0 0 0;
}
html {
background-color: #171717;
}
hr, span {
margin: 0;
padding: 0;
}
hr {
background-color: #C9C9C9;
border: 0;
height: 1px;
}
h3 + hr, h4 + hr {
margin-top: 10px;
}
img {
border: 0;
}
p {
margin: 6px 0 12px 0;
}
h1 + p {
margin-top: 0;
}
ol, ul {
background: none;
margin: 0 0 15px 10px;
padding: 0 15px;
}
h3 + ul {
padding-top: 6px;
}
#main ol, #main ul {
margin: 0 0 20px 10px;
}
#main ul > ul {
margin-bottom: 0;
}
ol li, ul li {
padding: 0;
}
p + ul {
margin-top: -5px !important;
}
pre {
font-family: "Liberation Sans", "Luxi Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
white-space: pre-line;
}
sup {
font-size: 75%;
}
h1 sup, h2 sup, h3 sup {
font-size: 14px;
font-weight: normal;
line-height: 1;
position: relative;
bottom: 8px;
text-transform: uppercase;
vertical-align: baseline;
}
h2 sup, h3 sup {
bottom: 4px;
font-size: 9px;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 8px;
}
td > p, th > p {
margin-bottom: 0;
}
/* Format */
.alignCenter, td.alignCenter, th.alignCenter {
text-align: center !important;
}
.borderLeft {
border-left: 1px solid #c9c9c9;
}
.borderRight {
border-right: 1px solid #c9c9c9;
}
.borderTop {
border-top: 1px solid #c9c9c9;
}
#breadcrumbs {
color: #d9d9d9;
font-size: 91.67%;
left: 0;
line-height: 34px !important; /* !important is bug fix for RHSM */
padding: 4px 0 0;
text-shadow: 0px 0px 2px rgba(0, 0, 0, .9);
word-wrap: break-word;
z-index: 100;
}
#main-top #breadcrumbs {
margin-left: 20px;
}
#breadcrumbs a, #breadcrumbs span {
background: url(/chrome_themes/umbra/g/bg_breadcrumb.png) no-repeat 100% 0;
color: #d9d9d9;
display: inline-block;
padding: 0 20px 0 0;
margin: 0 12px 0 0;
}
#breadcrumbs a:hover, #breadcrumbs a:focus {
color: #fff;
}
.button {
color: #444;
float: left;
line-height: 1.2em;
margin: 0 6px;
outline: medium none;
text-align: left;
text-decoration: none;
white-space: nowrap;
}
.col + .button {
margin-top: 15px;
}
.indentDouble .button {
margin-left: 0;
}
.clearboth {
clear: both;
}
.clearWrap {
display:inline-block;
}
.clearWrap {
display:block;
}
.clearWrap:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.colLeft, .colRight {
padding: 10px 0 0 0;
}
.colLeft {
float: left;
width: 50%;
}
.colRight {
float: right;
width: 48.5%;
}
.colRight h3 {
margin-right: 0;
}
.displayBlock {
display:block;
}
.errorContainer {
margin: 5px 0 13px 0;
}
#errorrhelSubscriptionRequired403, #errorJbossOnly403, #errornoDirectSupport403, #errororgAdmin403 {
display: none;
}
.forwardLink {
background: url("/webassets/avalon/g/icons/forward.16x16.png") no-repeat 95% center;
font-weight: bold;
}
.forwardLink a:link,.forwardLink a:visited,.forwardLink a:hover,.forwardLink a:active {
padding: 2px 30px 2px 10px;
}
.forwardLink .outgoing {
background-image: none;
padding: 0;
}
.goLeft {
float: left;
}
.goRight {
float: right;
}
.headerAccent {
background: #f5f5f5 url("/chrome_themes/umbra/g/headerBg.png") repeat-x;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
border: 1px solid #c9cacb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #3e464c;
font-size: 100%;
padding: 5px 8px;
margin-right: 15px;
}
.headerAccent h3 {
font-size: 100%;
padding: 0;
width: 50%;
}
.helpTip {
background: url(/webassets/avalon/g/icons/help.12x12.png) 100% 0 no-repeat;
padding-right: 18px;
}
h2 .helpTip {
background-position: 100% 49%;
}
.hidden {
visibility: hidden;
}
.indent {
padding-left: 8px;
}
h2 + .indent, h3 + .indent, h4 + .indent, h5 + .indent {
margin-top: 8px;
}
.indentDouble {
padding-left: 16px !important;
}
.italic {
font-style: italic;
}
.itemBlock {
margin: 0 0 10px 0;
padding: 0 10px 10px 0;
}
.itemBlockCol1 {
float: left;
width: 48%;
padding-top: 6px;
}
.itemBlockCol2 {
margin-left: 50%;
padding-top: 6px;
}
.itemGroup img {
float: left;
margin: 0 15px 0 0;
}
.itemList div {
margin: 16px 0 0;
}
.itemList div.first {
margin-top: 0;
}
.itemList div img {
float: left;
}
.itemList div strong {
display: block;
margin-left: 35px;
padding-top: 3px;
}
.largeText {
font-size: 115%;
}
.largerText {
font-size: 130%;
}
.lightText {
color: #666;
}
.loading {
background: url("/webassets/avalon/g/chrome/throbber_dickie.gif") no-repeat 0 2px;
color: #111;
display: none;
margin: 0 0 0 6px;
padding: 2px 0 2px 22px;
}
.loadingIE {
background-color: #fff;
background-position: 2px 50%;
border: 1px solid #ccc;
padding-bottom: 4px;
padding-right: 4px;
padding-top: 4px;
}
#main .tabs {
border-bottom: 1px solid #C9C9C9;
float: left;
list-style: none;
margin: 4px 0 18px;
padding: 0;
width: 100%;
}
#main .tabs a {
border-left: 1px solid #C9C9C9;
border-right: 1px solid #C9C9C9;
display: block;
float: left;
margin: 0 -1px;
padding: 4px 15px;
position: relative;
}
#main .tabs li {
background: #f8f8f9;
border-bottom: 1px solid #C9C9C9;
border-top: 1px solid #C9C9C9;
display: inline;
float: left;
list-style: none;
margin: 4px 6px -1px 6px;
padding: 0;
position: relative;
}
#main .tabs .selected {
background: #fff;
border-bottom-color: #fff;
margin-top: 0;
}
#main .tabs .selected a {
padding-bottom: 6px;
padding-top: 6px;
}
.nodisplay {
display: none;
}
#outageHead {
margin-left: 80px;
}
#outageIcon {
float: left;
padding: 5px 15px 8px 0;
}
.outgoing, #navPrimary li:hover a.outgoing {
background: url("/webassets/avalon/g/icons/outgoing-icon.png") no-repeat 100% 35%;
margin-right: 2px;
padding: 0 12px 0 0;
}
.qtip-content *:last-child {
margin-bottom: 0;
}
.qtip-content a:link, .qtip-content a:visited, .qtip-content a:hover, .qtip-content a:active {
color: #fff;
text-decoration: underline;
}
.qtip-content ul {
margin-left: 0;
}
.qtip-tip {
z-index: 2;
}
.qtip-wrapper {
-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
}
.smallText {
font-size: 85%;
}
.smallerText {
font-size: 75%;
}
.subsection {
background: url("/chrome_themes/umbra/g/bg-subsection.png") no-repeat 100% 50%;
color: #fff;
font-weight: bold;
line-height: 26px;
margin-top: 0;
padding-left: 6px;
padding-right: 18px;
text-transform: uppercase;
}
.subsection em {
color: #feff7f;
font-style: normal;
}
.subsection .outgoing {
background-image: url("/webassets/avalon/g/icons/outgoing-icon-2.png");
background-position: 100% 50%;
}
.subsection .subsectionLink {
float: right;
font-weight: normal;
line-height: 24px;
margin-left: 8px;
text-transform: none;
}
.tableLeft,.tableMiddle,.tableRight {
margin: 15px 0;
width: 33%;
}
.threeCol1, .threeCol2, .threeCol3 {
display: block;
padding: 10px 0 10px 15px;
position: relative;
}
.threeCol1 {
float:left;
padding-left: 0;
width:32%;
}
.threeCol2 {
float:left;
width:32%;
}
.threeCol3 {
margin-left:66%;
padding-left:11px;
}
.threeCol3 h3.headerAccent {
margin-right: 0;
}
.threeCol1 p, .threeCol2 p, .threeCol3 p {
padding-right: 5px;
}
.unindent {
padding-left: 0;
padding-right: 0;
}
.updateSearchResults {
background-color: #fff;
border: 1px solid #999;
display: none;
padding: 5px 5px 15px;
position: absolute;
left: 42%;
text-align: center;
width: 200px;
z-index: 999;
}
.updateSearchResults img {
padding: 0 10px 0 0;
}
/* Bootstrap Buttons */
.btn {
display: inline-block;
*display: inline;
padding: 4px 10px 4px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 13px;
line-height: 18px;
*line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top,#ffffff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image: -o-linear-gradient(top,#ffffff,#e6e6e6);
background-image: linear-gradient(top,#ffffff,#e6e6e6);
background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active, .btn.active {
background-color: #cccccc \9
}
.btn:first-child {
*margin-left: 0
}
.btn:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
*background-color: #d9d9d9;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active, .btn:active {
background-color: #e6e6e6;
background-color: #d9d9d9 \9;
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}
.btn.disabled, .btn[disabled] {
cursor: default;
background-color: #e6e6e6;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 9px 14px;
font-size: 15px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn-large [class^="icon-"] {
margin-top: 1px
}
.btn-small {
padding: 5px 9px;
font-size: 11px;
line-height: 16px;
}
.btn-small [class^="icon-"] {
margin-top: -1px
}
.btn-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
color: rgba(255,255,255,0.75)
}
.btn {
border-color: #ccc;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-primary {
background-color: #0074cc;
*background-color: #0055cc;
background-image: -ms-linear-gradient(top,#0088cc,#0055cc);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0055cc));
background-image: -webkit-linear-gradient(top,#0088cc,#0055cc);
background-image: -o-linear-gradient(top,#0088cc,#0055cc);
background-image: -moz-linear-gradient(top,#0088cc,#0055cc);
background-image: linear-gradient(top,#0088cc,#0055cc);
background-repeat: repeat-x;
border-color: #0055cc #0055cc #003580;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc',endColorstr='#0055cc',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: #0055cc;
*background-color: #004ab3;
}
.btn-primary:active, .btn-primary.active {
background-color: #004099 \9
}
.btn-warning {
background-color: #faa732;
*background-color: #f89406;
background-image: -ms-linear-gradient(top,#fbb450,#f89406);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
background-image: -o-linear-gradient(top,#fbb450,#f89406);
background-image: -moz-linear-gradient(top,#fbb450,#f89406);
background-image: linear-gradient(top,#fbb450,#f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
background-color: #f89406;
*background-color: #df8505;
}
.btn-warning:active, .btn-warning.active {
background-color: #c67605 \9
}
.btn-danger {
background-color: #da4f49;
*background-color: #bd362f;
background-image: -ms-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image: linear-gradient(top,#ee5f5b,#bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#bd362f',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
background-color: #bd362f;
*background-color: #a9302a;
}
.btn-danger:active, .btn-danger.active {
background-color: #942a25 \9
}
.btn-success {
background-color: #5bb75b;
*background-color: #51a351;
background-image: -ms-linear-gradient(top,#62c462,#51a351);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
background-image: -webkit-linear-gradient(top,#62c462,#51a351);
background-image: -o-linear-gradient(top,#62c462,#51a351);
background-image: -moz-linear-gradient(top,#62c462,#51a351);
background-image: linear-gradient(top,#62c462,#51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
background-color: #51a351;
*background-color: #499249;
}
.btn-success:active, .btn-success.active {
background-color: #408140 \9
}
.btn-info {
background-color: #49afcd;
*background-color: #2f96b4;
background-image: -ms-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image: linear-gradient(top,#5bc0de,#2f96b4);
background-repeat: repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de',endColorstr='#2f96b4',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-color: #2f96b4;
*background-color: #2a85a0;
}
.btn-info:active, .btn-info.active {
background-color: #24748c \9
}
.btn-inverse {
background-color: #414141;
*background-color: #222222;
background-image: -ms-linear-gradient(top,#555555,#222222);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#222222));
background-image: -webkit-linear-gradient(top,#555555,#222222);
background-image: -o-linear-gradient(top,#555555,#222222);
background-image: -moz-linear-gradient(top,#555555,#222222);
background-image: linear-gradient(top,#555555,#222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555',endColorstr='#222222',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
*background-color: #151515;
}
.btn-inverse:active, .btn-inverse.active {
background-color: #080808 \9
}
button.btn, input[type="submit"].btn {
*padding-top: 2px;
*padding-bottom: 2px;
}
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large, input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small, input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini, input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
.btn-group {
position: relative;
*margin-left: .3em;
*zoom: 1;
}
.btn-group:before, .btn-group:after {
display: table;
content: "";
}
.btn-group:after {
clear: both
}
.btn-group:first-child {
*margin-left: 0
}
.btn-group + .btn-group {
margin-left: 5px
}
.btn-toolbar {
margin-top: 9px;
margin-bottom: 9px;
}
.btn-toolbar .btn-group {
display: inline-block;
*display: inline;
*zoom: 1;
}
.btn-group > .btn {
position: relative;
float: left;
margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
}
.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
z-index: 2
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group > .dropdown-toggle {
*padding-top: 4px;
padding-right: 8px;
*padding-bottom: 4px;
padding-left: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.btn-group > .btn-mini.dropdown-toggle {
padding-right: 5px;
padding-left: 5px;
}
.btn-group > .btn-small.dropdown-toggle {
*padding-top: 4px;
*padding-bottom: 4px;
}
.btn-group > .btn-large.dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #0055cc
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f89406
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #bd362f
}
.btn-group.open .btn-success.dropdown-toggle {
background-color: #51a351
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #2f96b4
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #222222
}
.btn .caret {
margin-top: 7px;
margin-left: 0;
}
.btn:hover .caret, .open.btn-group .caret {
opacity: 1;
filter: alpha(opacity=100);
}
.btn-mini .caret {
margin-top: 5px
}
.btn-small .caret {
margin-top: 6px
}
.btn-large .caret {
margin-top: 6px;
border-top-width: 5px;
border-right-width: 5px;
border-left-width: 5px;
}
.dropup .btn-large .caret {
border-top: 0;
border-bottom: 5px solid #000000;
}
.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
opacity: 0.75;
filter: alpha(opacity=75);
}
/* Font Icons */
[class^="icon-"], [class*=" icon-"] {
color: #666;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'portalicons';
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
}
[class^="icon-"].after {
margin-left: 8px;
}
[class^="icon-"].before {
margin-right: 8px;
}
[data-icon]:before {
content: attr(data-icon);
font-family: 'portalicons';
font-weight: normal;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
}
.icon-video:before {
content: "\2a";
}
.icon-user:before {
content: "\32";
}
.icon-share:before {
content: "\2e";
}
.icon-ampersand:before {
content: "\26";
}
.icon-warning:before {
content: "\33";
}
.icon-help:before {
content: "\34";
}
.icon-info-circle:before {
content: "\35";
}
.icon-minus:before {
content: "\5f";
}
.icon-flag:before {
content: "\30";
}
.icon-tool:before {
content: "\37";
}
.icon-phone:before {
content: "\38";
}
.icon-key:before {
content: "\39";
}
.icon-power:before {
content: "\3a";
}
.icon-article:before {
content: "\21";
}
.icon-content:before {
content: "\2d";
}
.icon-out:before {
content: "\27";
}
.icon-arrow-down:before {
content: "\3b";
}
.icon-arrow-left:before {
content: "\3c";
}
.icon-arrow-right:before {
content: "\3d";
}
.icon-arrow-up:before {
content: "\3e";
}
.icon-lock:before {
content: "\3f";
}
.icon-unlock:before {
content: "\40";
}
.icon-hand-left:before {
content: "\41";
}
.icon-hand-right:before {
content: "\42";
}
.icon-play-alt:before {
content: "\44";
}
.icon-play-circle:before {
content: "\45";
}
.icon-play:before {
content: "\46";
}
.icon-clock:before {
content: "\28";
}
.icon-check-alt:before {
content: "\2c";
}
.icon-blocked:before {
content: "\2f";
}
.icon-hand-up:before {
content: "\43";
}
.icon-hand-down:before {
content: "\47";
}
.icon-archive:before {
content: "\48";
}
.icon-eye-close:before {
content: "\49";
}
.icon-book:before {
content: "\4a";
}
.icon-case:before {
content: "\31";
}
.icon-suitcase:before {
content: "\4c";
}
.icon-support:before {
content: "\4d";
}
.icon-halt:before {
content: "\4b";
}
.icon-productdoc:before {
content: "\23";
}
.icon-discussion:before {
content: "\25";
}
.icon-comment:before {
content: "\29";
}
.icon-solution:before {
content: "\24";
}
.icon-download:before {
content: "\22";
}
/* Chrome */
body, .wrapu {
min-width: 960px;
}
#brand {
float: left;
margin-left: 6px;
}
#container {
background-color: #FFF;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
box-shadow: 0 1px 3px rgba(0,0,0,.25);
clear: both;
padding: 20px;
margin: 0;
min-height: 390px;
}
#content {
line-height: 140%;
margin: 0;
padding: 0;
position: relative;
}
#header {
height: 104px;
margin-bottom: 0 !important; /* bug fix for RHN */
padding: 23px 0 0;
position: relative;
z-index: 2;
}
.minimal #header {
height: 59px;
}
#header-wrap {
position: relative;
z-index: 2;
}
#ie6 {
color: #000;
font-weight: bold;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
#ie6 a {
color: #000;
font-size: 83.33%;
font-weight: normal;
margin: 0 0 0 4px;
position: relative;
top: -1px;
text-decoration: underline;
}
#ie6 p {
background: #ffa133 url("/webassets/avalon/g/icons/warning.ie6.png") no-repeat 20px 6px;
margin: 0;
padding: 8px 8px 8px 47px;
}
#main {
margin-left: 210px;
padding: 0;
position: relative;
}
.c-mF #main {
margin-left: 0;
}
#main-wrap {
float: left;
padding-bottom: 10px;
position: relative;
width: 100%;
z-index: 1;
}
#main-top {
background: #616161 url(/chrome_themes/umbra/g/sp_nav.png) repeat-x 0 100%;
border-top: 1px solid #797979;
border-bottom: 1px solid #494949;
color: #b9b9b9;
min-height: 3px;
position: relative;
width: 100%;
z-index: 1;
}
#portalHome {
display: block;
float: left;
padding: 7px 0 9px 13px;
}
#rhLogo {
border-right: 1px solid #797979;
display: block;
float: left;
padding: 0 16px 0 0;
}
#topBlock {
margin: 15px 15px 0 15px;
}
#outer-wrapper {
background: #e6e6e6 url("/chrome_themes/umbra/g/bg_portal-hatch.png");
position: relative;
z-index: 2;
}
.wrapi, #wrapo {
margin: 0 auto;
padding: 0;
}
.wrapi {
max-width: 1275px;
min-width: 960px;
width: 93%;
}
.wrapo {
float: left;
width: 100%;
}
#wrapper {
background: url("/chrome_themes/umbra/g/bg_header.png") repeat-x;
}
.minimal #wrapper {
background: url("/chrome_themes/umbra/g/bg_header_sans-nav.png") repeat-x;
}
/* Global search */
#globalSearchBlock {
float: right;
margin-top: 8px;
position: relative;
}
#globalSearchBlock .close, .searchField .close {
background: url("/chrome_themes/umbra/g/bg-searchClose.png") no-repeat;
height: 10px;
overflow: hidden;
position: absolute;
right: 28px;
top: 10px;
width: 10px;
text-indent: -9999px;
}
.searchField .close {
left: 408px;
margin: 0;
padding: 0;
right: auto;
top: 8px;
}
#globalSearchBlock .close:hover, .searchField .close:hover {
background-position: 0 -10px;
}
#globalSearchBlock input.magGlass {
position: absolute;
right: 3px;
top: 3px;
}
#globalSearchBlock input.searchField {
background: #343434;
border: 1px solid #4f4f4f;
border-color: rgba(255,255,255,.1);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
box-shadow: inset 0 0 5px rgba(0,0,0,.25);
color: #d3d3d3;
font-size: 11px;
height: 29px;
line-height: 29px;
margin: 0 0 0 9px;
outline: none;
padding: 0 28px 0 7px;
width: 180px;
}
#globalSearchBlock input.active,
#globalSearchBlock input:focus {
background: #fdfdfd;
border-color: #000;
border-color: rgba(0,0,0,.1);
-moz-box-shadow: 0 0 5px rgba(14,150,209,1), inset 0 0 5px rgba(0,0,0,.25);
-webkit-box-shadow: 0 0 5px rgba(14,150,209,1), inset 0 0 5px rgba(0,0,0,.25);
box-shadow: 0 0 5px rgba(14,150,209,1), inset 0 0 5px rgba(0,0,0,.25);
color: #666;
}
#globalSearchBlock #topAdvSearch {
padding: 0 0 1px;
position: absolute;
right:0;
top: 26px;
text-align: right;
}
#globalSearchBlock .ui-autocomplete, .searchField .ui-autocomplete {
border: 1px solid #ccc;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.30);
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.30);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.30);
font-size: 92.31%;
padding: 0;
z-index: 899 !important;
}
#globalSearchBlock .ui-autocomplete {
top: 23px !important;
}
.searchField .ui-autocomplete {
font-size: 118.18%;
margin: 0 0 20px 0 !important;
}
#globalSearchBlock .ui-menu .ui-state-hover, .searchField .ui-menu .ui-menu-item a.ui-state-hover {
background: #e6effa;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #000;
font-weight: normal;
margin: 0;
}
#globalSearchBlock .ui-menu-item a, .searchField .ui-menu-item a {
color: #333;
padding: 2px 5px;
word-wrap: break-word;
}
#go-search {
background: url("/chrome_themes/umbra/g/b_search-wht.png") no-repeat;
cursor: pointer;
float: right;
height: 24px;
text-align: left;
text-indent: -9000em;
width: 24px;
}
#topSearchForm.hidden, #go-search.hidden {
position: absolute;
left: -9000em;
}
/* Navigation */
.account-links {
display: none;
font-size: 88%;
width: 100%; /* IE9 */
}
.account-links a, .account-links span {
display: block;
float: left;
padding: 0;
}
.account-links span {
padding-left: 4px;
padding-right: 4px;
}
.account-links li {
border-right: 1px solid #737373;
float: right;
padding: 0 12px;
}
.account-links li.first {
border: 0;
}
.account-links ul {
padding: 0;
}
#accountUser {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding-left: 4px;
position: relative;
z-index: 999;
}
#accountUser span {
background: url("/chrome_themes/umbra/g/sp_username.png") no-repeat 0 0;
height: 16px;
float: left;
margin: -3px 6px 0 0;
padding: 0;
position: relative;
text-indent: -9000em;
width: 16px;
}
#accountUserName {
background: url("/chrome_themes/umbra/g/sp_arrow-down.png") no-repeat 100% 5px;
min-width: 60px;
outline: none;
padding-right: 14px;
}
.open #accountUser #accountUserName {
background-position: 100% -45px;
color: #666;
text-decoration: none;
}
.open #accountUser span {
background-position: 0 -32px;
}
#navPrimary li {
background: url("/chrome_themes/umbra/g/sp_nav.png") repeat-x 0 -100px;
float: left;
font-weight: bold;
margin: 0;
padding: 0;
position: relative;
}
#navPrimary li.active, #navPrimary li.active a, #navPrimary li:hover, #navPrimary li:hover .filler, #navPrimary li:hover a {
background: url("/chrome_themes/umbra/g/sp_nav.png") no-repeat 0 -200px;
}
#navPrimary li.active {
background: url("/chrome_themes/umbra/g/sp_nav.png") no-repeat 0 -200px;
border-bottom: 1px solid #616161;
margin-bottom: -1px;
z-index: 790;
}
#navPrimary li.active a, #navPrimary li:hover a {
background-position: 0 -200px;
float: left;
}
#navPrimary li:hover {
background-position: 0 -300px;
padding-left: 7px;
margin-top: 0;
z-index: 799;
}
#navPrimary li:hover a {
background-position: 100% -400px;
padding-left: 16px;
padding-top: 0;
text-shadow: 0 0 3px rgba(14,150,209,.25);
}
#navPrimary li:hover li {
background: none;
padding: 0;
}
#navPrimary li:hover li a, #navPrimary li li:hover a {
background: none;
float: none;
margin: 0;
padding: 0;
text-shadow: none;
white-space: normal;
}
#navPrimary li a {
border-right: 1px solid #303030;
float: left;
color: #fff;
line-height: 46px;
padding: 0 23px;
text-decoration: none;
text-shadow: 0 0 2px rgba(0,0,0,.75);
white-space: nowrap;
}
#navPrimary > ul > li > a {
font-family: Overpass, "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
letter-spacing: .01em;
}
#navPrimary li li {
background: none;
display: table; /* IE8 */
font-weight: normal;
float: none;
line-height: 1.1818em;
margin: 0;
}
#navPrimary li li a {
border: 0;
line-height: 1em;
padding: 0;
text-shadow: none;
}
#navPrimary li#navhome, #navPrimary li#navhome:hover {
background: url("/chrome_themes/umbra/g/sp_nav.png") no-repeat 0 0;
padding: 0;
margin: 0;
}
#navPrimary li#navhome.active, #navPrimary li#navhome.active:hover {
background-position: -350px 0;
}
#navPrimary li#navhome a, #navPrimary li#navhome:hover a {
background: none;
height: 33px;
margin: 0;
padding: 13px 0 0 6px;
width: 42px;
}
#navPrimary li#navhome span {
background: url("/chrome_themes/umbra/g/sp_nav.png") no-repeat -700px -13px;
display: block;
height: 20px;
margin: 0 auto;
overflow: hidden;
text-indent: -9999px;
width: 20px;
}
#navPrimary li#navhome:hover span {
background-position: -800px -13px;
}
#navPrimary li#navsubscription {
background-position: 100% -100px;
padding-right: 10px;
}
#navPrimary li#navsubscription a {
background-position: 0 -100px;
padding-right: 19px;
}
#navPrimary li#navsubscription.active {
background-position: 100% -200px;
padding-right: 10px;
}
#navPrimary li#navsubscription.active a {
background-position: 0 -200px;
padding-right: 19px;
}
#navPrimary li#navsubscription:hover, #navPrimary li#navsubscription.active:hover {
background-position: 0 -300px;
padding-right: 6px;
}
#navPrimary li#navsubscription:hover a, #navPrimary li#navsubscription.active:hover a {
background-position: 100% -400px;
padding-right: 23px;
}
#navPrimary li#navsubscription a {
border: 0;
}
#navPrimary .mega {
font-size: 84.6%;
position: absolute;
left: -5px;
top: 46px;
visibility: hidden;
width: 620px;
z-index: 800;
}
#navPrimary .returnLeft .mega {
left: auto;
right: -3px;
}
#navPrimary #navsubscription .mega {
right: 2px;
}
.ko #navPrimary #navsecurity.returnLeft .mega , .zh #navPrimary .returnLeft .mega {
left: -5px;
right: auto;
}
#navPrimary li:hover .mega {
visibility: visible;
}
#navPrimary .mega .body, #navPrimary .mega .bottom, #navPrimary .mega .top {
background: url("/chrome_themes/umbra/g/sp_nav.png") no-repeat 0 -500px;
padding: 0 0 0 12px;
}
#navPrimary .mega .bottom, #navPrimary .mega .top {
background-position: 0 -910px;
height: 16px;
padding-left: 12px;
}
#navPrimary .mega .top {
background-position: 0 -500px;
height: 12px;
}
#navPrimary .mega .body .cap, #navPrimary .mega .bottom .cap, #navPrimary .mega .top .cap {
background: url("/chrome_themes/umbra/g/sp_nav.png") no-repeat 100% -1000px;
height: 100%;
padding: 0 12px 0 0;
}
#navPrimary .mega .bottom .cap, #navPrimary .mega .top .cap {
background-position: 100% -1410px;
padding-right: 12px;
}
#navPrimary .mega .top .cap {
background-position: 100% -1000px;
}
#navPrimary .mega .col {
border-left: 1px solid #fff;
border-right: 1px solid #e4e4e4;
float: left;
margin: 15px 0 17px;
max-width: 130px;
padding: 0 25px;
}
.en #navPrimary .mega .col {
max-width: none;
}
.it #navPrimary #navsecurity .mega .col {
max-width: 115px;
}
#navPrimary .mega .first {
border-left: 0;
}
#navPrimary .mega .last {
border-right: 0;
}
#navPrimary .mega dd {
margin-left: 0;
margin-top: 0;
}
#navPrimary .mega dl {
margin-bottom: 0;
margin-top: 0;
}
#navPrimary .mega dt {
color: #111;
margin-top: 0;
text-transform: uppercase;
}
#navPrimary .mega dd + dt {
margin-top: 20px;
}
#navPrimary .mega li {
margin: 8px 0 0;
}
#navPrimary .mega li.navcasescreatebeta a, #navPrimary .mega li.navcasesviewbeta a {
background: url(/chrome_themes/umbra/g/bg_nav_L.png) no-repeat 4px 2px;
padding-left: 15px;
}
#navPrimary .mega li.navcasescreatebeta a:after, #navPrimary .mega li.navcasesviewbeta a:after {
content:" BETA";
font-size: 8px;
position: relative;
top: -4px;
}
#navPrimary ul {
float: left;
height: 46px;
list-style: none;
margin: 0;
padding: 0;
}
#navPrimary ul ul {
background: none;
float: none;
height: auto;
}
#navWrap {
bottom: 0;
left: 0;
position: absolute;
z-index: 10;
}
#utility-links {
float: right;
display: inline-block;
text-align: right;
}
#utility-links ul {
background: url("/chrome_themes/umbra/g/bg_utility-links.png");
border: 1px solid #4f4f4f;
border: 1px solid rgba(255,255,255,.1);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
color: #fff;
float: right;
letter-spacing: 0.5px;
list-style: none;
padding: 9px 6px;
margin: 8px 0 0 8px;
}
#accountLinksLoggedIn ul {
padding: 8px 6px;
}
#utility-links ul li {
line-height: 1em;
text-align: left;
}
#utility-links ul.open {
background: #f1f1f1;
border: 1px solid #000;
border: 1px solid rgba(0,0,0,.1);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #666;
}
ul#accountUserNameMenu {
background: #f1f1f1;
border: 1px solid #f1f1f1;
border-top: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
display: none;
line-height: 127.27%;
margin: 0;
padding: 4px 15px 13px;
position: absolute;
right: -8px;
top: 1.7em;
width: 100%;
min-width: 220px;
}
ul#accountUserNameMenu li {
background: none;
border: 0;
color: #222;
float: left;
padding: 12px 0 0;
width: 100%;
}
ul#accountUserNameMenu li a {
float: none;
font-weight: normal;
padding: 0;
width: 100%;
}
ul#accountUserNameMenu li span {
background: none;
color: #666;
float: none;
height: auto;
padding: 0;
text-indent: 0;
width: auto;
}
ul#accountUserNameMenu li span.value {
color: #444;
font-weight: bold;
margin-top: 2px;
}
ul#accountUserNameMenu li.accountInfo /*,
ul#accountUserNameMenu li.accountSettings*/ {
border-bottom: 1px solid #ccc;
padding-bottom: 12px;
}
ul#accountUserNameMenu li.logout {
border-top: 1px solid #ccc;
margin-top: 12px;
padding-top: 12px;
}
ul#accountUserNameMenu li h5 {
font-size: 1em;
font-family: "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
}
ul#accountUserNameMenu li p {
margin-bottom: 0;
}
ul#accountUserNameMenu li .accountNumber span { display: inline; color: #666; font-weight: normal; }
/* sideNav */
.roundBoxContent {
background: #E9EAED;
border:1px solid #cacbcc;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 15px 10px 15px 15px;
}
#sideNav {
font-size: 90%;
margin: 0 0 10px 0;
position: absolute;
left: 0;
width: 190px;
}
.c-mF #sideNav {
display: none;
}
#main #sideNav {
left: -210px;
}
#sideNav li a {
margin: 0;
text-transform: none;
}
#sideNav li li {
margin: 0;
padding: 0 0 4px 8px;
width: 100%;
}
#sideNav ul {
list-style-type: none;
margin: 0 0 12px;
padding: 0;
text-align: left;
}
.sideSection {
font-weight: bold;
margin-bottom: 2px;
}
.sideSection ul {
font-weight: normal;
}
/* Footer */
#bottomBar {
background: #171717;
border-top: 1px solid #2a2a2a;
color: #bababa;
clear: both;
letter-spacing: 0.3px;
padding: 20px 0 22px;
}
#bottomBar #copyright {
font-size: 85%;
line-height: 1em;
margin: 0;
padding: 0;
}
#bottomBar #editions {
float: right;
font-size: 85%;
line-height: 1em;
text-align: right;
}
#bottomBar #editions li {
display: inline;
margin: 0;
padding: 0 0 0 10px;
}
#footer {
border-bottom: 3px solid #cacaca;
font-size: 92%;
margin: 0;
overflow: hidden;
padding: 16px 0 26px;
}
.minimal #footer {
background: transparent;
padding: 0;
}
.footerLinks {
color: #171717;
font-size: 92%;
font-weight: bold;
float: left;
max-width: 15%;
min-height: 92px;
padding: 1px 3%;
}
.footerLinks dd {
margin: 0;
}
.footerLinks dl {
margin: 0;
}
.footerLinks dt {
margin: 0;
text-transform: uppercase;
}
.footerLinks li {
color: #B07064;
padding: 14px 0 0;
}
.footerLinks h5, .footerLinks span {
display: block;
text-transform: uppercase;
}
#footerWrap {
float: left;
overflow: hidden;
width: 100%;
}
#footerWrap .first {
border: 0;
padding-left: 0;
}
#footerWrap ul {
list-style: none;
margin:0;
padding: 0;
}
#social-links {
float: right;
}
#social-links a {
display: block;
height: 100%;
width: 100%
}
#social-links li {
background: url(/chrome_themes/umbra/g/bg-social.png) no-repeat;
display: inline-block;
*display: inline;
height: 23px;
margin-left: 7px;
text-indent: -9999px;
width: 23px;
}
#social-links li:hover {
background-position: 0 -23px;
}
#social-links li#facebook {
background-position: -23px 0;
}
#social-links li#facebook:hover {
background-position: -23px -23px;
}
#social-links li#googleplus {
background-position: -46px 0;
}
#social-links li#googleplus:hover {
background-position: -46px -23px;
}
/* Messaging */
.alertError, .alertError2, .alertError3, .alertErrorInline, .alertNotice, .alertRestricted, .alertSuccess, .alertSystem {
background: #f4dcdc url(/webassets/avalon/g/icons/messaging/error.20x20.png) no-repeat 10px 8px;
border: 1px solid #c51616;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 100%;
font-weight: normal;
margin: 0 0 15px 0;
padding: 9px 5px 8px 40px;
text-align: left;
}
.alertError, .alertErrorInline {
color: #c51616;
font-weight: bold;
}
.alertErrorInline {
background-image: url(/webassets/avalon/g/icons/messaging/error.11x11.png);
background-position: 6px 6px;
padding: 4px 8px 4px 23px;
}
.alertNotice, .alertRestricted {
background-color: #fffaba;
background-image: url("/webassets/avalon/g/icons/messaging/info.20x20.png");
border-color: #efd085;
}
.alertRestricted {
background-image: url("/webassets/avalon/g/icons/messaging/restricted.20x20.png");
}
.alertSuccess {
background-image: url("/webassets/avalon/g/icons/messaging/success.20x20.png");
background-color: #eaffbd;
border-color: #99CC99;
color: #006600;
}
.alertSystem {
background-color: transparent;
background-image: url("/webassets/avalon/g/icons/messaging/shadowman.20x20.png");
border-color: #E23127;
color: #111;
}
.alertError h2, .alertError h3, .alertNotice h2, .alertNotice h3, .alertSuccess h2,.alertSuccess h3 {
padding-top: 3px;
}
.alertError p, .alertNotice p, .alertSuccess p{
margin: 0 0 4px;
}
#content ul.message {
list-style: none;
margin: 0;
padding: 0;
}
/* Forms */
div.file, div.select, div.text, div.textarea {
clear: left;
margin: 0 0 11px 0;
text-align: left;
}
div.file input {
width: 25%;
}
div.file input.submit {
width: auto;
}
div.file label, div.select label, div.text label, div.textarea label {
display: block;
float: left;
width: 25%;
}
div.text input, div.textarea textarea {
width: 50%;
}
div.textarea textarea {
height: 200px;
}
input.disabledSubmitButton {
display: none;
}
input.placeholder {
color: #777;
}
/* Tables */
table {
font-size: 95%;
border-spacing: 1px;
}
table[border="0"][cellpadding="0"][cellspacing="0"][width="100%"] { /* for Product Docs */
margin: 10px 0 15px;
}
table th, table td {
padding: 4px;
text-align: left;
vertical-align: top;
}
table[border="0"][cellpadding="0"][cellspacing="0"][width="100%"] td { /* for Product Docs */
padding: 0;
}
table[border="0"][cellpadding="0"][cellspacing="0"][width="100%"] td[align="right"] { /* for Product Docs lang selector */
text-align: right;
}
table th {
background-color: #DDD;
color: #555;
}
table tr.even, table tr.evenRow {
background-color: #f3f3f4;
}
div.tableBasic table, div.tableBasic_v2 table, table.basic3, table.docstable, table#profile_table{
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-top: 3px solid #555;
clear: right;
margin: 12px 0 24px;
width: 100%;
}
div.tableBasic table td, div.tableBasic_v2 table td, table.basic3 td, table.docstable td, table#profile_table td{
background-color: #fff;
color: #333;
border: 1px solid #bbb;
padding: 6px;
text-align: left;
vertical-align: top;
}
div.tableBasic_v2 table tr.redtext td {
color: #900;
}
table.docstable td.links, table.docstable th.links {
width: 35%;
}
table.docstable td.links {
font-variant: small-caps;
}
table.docstable td.links a {
margin-right: 24px;
}
div.tableBasic table th, div.tableBasic_v2 table th, table.basic3 th, table#profile_table th {
background-color: #c9c9c9;
border-color: #999;
border-style: solid;
border-width: 1px;
color: #333;
padding: 5px;
text-align: left;
vertical-align: top;
}
div.tableBasic table tr,div.tableBasic_v2 table tr, table.basic3 tr, table#profile_table tr {
background-color: #fff;
padding-bottom: 10px;
}
table.docstable caption {
font-weight: bold;
font-size: 125%;
text-align: left;
padding-bottom: 10px;
}
table.display, table.striped {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
table.display {
display: none;
margin-bottom: 0;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* Opera */
table.display {
table-layout: auto;
}
}
table.striped {
border-top: 1px solid #cacbcc;
}
.caseSection table.striped {
margin-bottom: 20px;
margin-top: 15px;
}
table.display td, table.striped td {
border: 1px solid #e3e4e6;
border-top: none;
padding: 6px;
text-align: center;
word-wrap: break-word;
}
table.display td {
padding: 3px 10px;
}
table.display td.center {
text-align: center;
}
table.display td.group {
background-color: #dcdcde;
color: #111;
text-align: left;
}
table.display td.caseSummary, table.striped td.alignLeft {
text-align: left;
}
table.display th, table.striped th {
text-align: center;
white-space: nowrap;
}
table.display th {
border-top-color: #e3e4e6;
}
table.striped th {
background: #e7e8e9 url("/chrome_themes/umbra/g/headerEdgeWhite.png") 0 0 no-repeat;
border-top: none;
border: 1px solid #cacbcc;
padding: 6px 4px;
}
table.display tr.even.selected td {
background-color: #F3F2D5;
}
table.display tr.odd.selected td {
background-color: #FFFFDF;
}
table.lifeCycleTable, table.lifeCyclePhases {
margin: 15px 0 30px;
width: 100%;
}
.lifeCycleTable caption {
font-size: 160%;
margin-bottom: 10px;
}
.lifeCycleTable td {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
color: #000;
text-align: center;
}
.lifeCycleTable th {
background-color: #fff;
color: #000000;
font-size: 85%;
font-weight: normal;
padding: 4px;
text-align: center;
}
.lifeCycleTable.eightYears th[colspan="2"] {
width: 25%;
}
.lifeCycleTable.eightYears th[colspan="3"] {
width: 37.5%;
}
.lifeCycleTable.sixYears th[colspan="3"] {
width: 50%;
}
.lifeCycleTable.tenYears th[colspan="3"] {
width: 30%;
}
.lifeCycleTable.tenYears th[colspan="4"] {
width: 40%;
}
.lifeCycleTable th.phase1 {
border-bottom: 10px solid #C00;
background-color: #E68066;
border-left: 1px solid #E68066;
}
.lifeCycleTable th.phase2 {
background-color: #FCC664;
border-bottom: 10px solid #FF9F00;
border-left: 1px solid #FCC664;
}
.lifeCycleTable th.phase3, .lifeCycleTable th.phase4 {
background-color: #FEE472;
border-bottom: 10px solid #FCC917;
border-left: 1px solid #FEE472;
}
.lifeCycleTable th.phase4 {
border-left-color: #999;
}
.lifeCycleTable th span {
display: block;
font-size: 125%;
padding: 6px 0;
}
/* DataTable styles */
.buttonActionDataTable {
margin: 12px 0 0;
}
/* DataTables jQuery UI specific styling */
.paging_full_numbers .ui-button {
cursor: pointer;
* cursor: hand;
display: inline-block;
margin: 0;
padding: 2px 6px;
}
.paging_two_button .ui-button {
cursor: pointer;
* cursor: hand;
float: left;
}
table.display thead th {
cursor: pointer;
* cursor: hand;
padding: 3px 0;
}
#tabs.ui-tabs {
border: none;
clear: both;
}
#tabs.ui-tabs .ui-tabs-nav > .ui-state-default {
background: #F8F8F9;
}
#tabs.ui-tabs .ui-tabs-nav > .ui-tabs-selected {
background: #fff;
}
#tabs.ui-tabs .ui-corner-top {
-moz-border-radius: 0;
border-radius: 0;
}
#tabs.ui-tabs .ui-tabs-nav {
background: none;
border: none;
border-bottom: 1px solid #c9c9c9;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0 !important;
}
#tabs.ui-tabs .ui-tabs-nav li {
margin: 4px 6px 0;
}
#tabs.ui-tabs .ui-tabs-nav li:hover {
border-color: #c9c9c9;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border-bottom: 1px solid #fff !important;
margin-top: 0;
}
#tabs.ui-tabs .ui-tabs-nav li a {
color: #06c;
padding: 5px 16px;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
padding-bottom: 6px;
padding-top: 7px;
}
#tabs.ui-tabs .ui-tabs-nav li a:hover {
color: #03c;
text-decoration: underline;
}
#tabs.ui-tabs .ui-tabs-panel {
padding: 18px 0 0;
}
.ui-buttonset .ui-button {
margin-right: -0.1em !important;
}
.ui-dialog {
font-family: "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif; /* IE9 */
-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
display: none;
}
.ui-toolbar {
padding: 5px;
}
.ui-widget button {
font-family: "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
}
/* DataTables sort arrow icon positioning */
table.display thead th div.DataTables_sort_wrapper {
padding-right: 14px;
position: relative;
}
table.display thead th.select div.DataTables_sort_wrapper {
padding-right: 0;
}
table.display thead th div.DataTables_sort_wrapper span {
margin-top: -8px;
position: absolute;
right: 0;
top: 50%;
}
/* DataTables features */
.dataTables_filter {
float: right;
font-weight: normal;
text-align: right;
}
.dataTables_info, .dataTables_length {
float: left;
font-weight: normal;
}
.dataTables_info {
padding: 4px 0 0;
}
.dataTables_length {
padding-top: 1px;
}
.dataTables_paginate {
float: right;
padding: 2px 0 1px;
text-align: right;
}
.dataTables_processing {
border: 1px solid #ddd;
color: #999;
font-size: 11px;
position: absolute;
left: 50%;
top: 0px;
margin-left: -125px;
padding: 2px 0;
text-align: center;
width: 250px;
}
.dataTables_selectedStatus {
font-weight: normal;
background: #fffec0;
border: 1px solid #d1d1a1;
border-bottom-color: #d4d4a0;
border-top-color: #d4d4a0;
line-height: 13px;
padding: 5px;
position: absolute;
top: 6px;
left: 30%;
text-align: center;
width: 40%;
}
.dataTables_wrapper {
clear: left;
_height: 302px;
min-height: 302px;
position: relative;
}
/* DataTables pagination */
#main .paging_full_numbers span a.ui-button {
background: #E7E8E9 url(/chrome_themes/umbra/g/ui-bg_glass_100_e7e8e9_1x400.png) 50% 50% repeat-x;
}
.paging_full_numbers span.paginate_active, .paging_full_numbers span.paginate_button,
#main .paging_full_numbers a.paginate_active, #main .paging_full_numbers a.paginate_button {
border: 1px solid #aaa;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
cursor: pointer;
*cursor: hand;
margin: 0 3px;
padding: 2px 5px;
}
.paging_full_numbers span.paginate_active,
#main .paging_full_numbers a.paginate_active {
background-color: #99B3FF;
}
.paging_full_numbers span.paginate_button,
#main .paging_full_numbers a.paginate_button {
background-color: #ddd;
}
.paging_full_numbers span.paginate_button:hover,
#main .paging_full_numbers a.paginate_button:hover {
background-color: #ccc;
}
.paging_full_numbers span.first, .paging_full_numbers span.last, .paging_full_numbers span.next, .paging_full_numbers span.previous,
#main .paging_full_numbers a.first,
#main .paging_full_numbers a.last,
#main .paging_full_numbers a.next,
#main .paging_full_numbers a.previous {
background-image: url(/chrome_themes/umbra/g/bg-datatable-pagination.png);
background-position: -10px 50%;
background-repeat: no-repeat;
text-indent: -9999px;
width: 18px;
}
.paging_full_numbers span.first.ui-state-disabled,
#main .paging_full_numbers a.first.ui-state-disabled {
background-position: -60px 50%;
}
.paging_full_numbers span.last,
#main .paging_full_numbers a.last {
background-position: -310px 50%;
}
.paging_full_numbers span.last.ui-state-disabled,
#main .paging_full_numbers a.last.ui-state-disabled {
background-position: -360px 50%;
}
.paging_full_numbers span.next,
#main .paging_full_numbers a.next {
background-position: -212px 50%;
width: 14px;
}
.paging_full_numbers span.next.ui-state-disabled,
#main .paging_full_numbers a.next.ui-state-disabled {
background-position: -262px 50%;
}
.paging_full_numbers span.previous,
#main .paging_full_numbers a.previous {
background-position: -112px 50%;
width: 14px;
}
.paging_full_numbers span.previous.ui-state-disabled,
#main .paging_full_numbers a.previous.ui-state-disabled {
background-position: -162px 50%;
}
/*
* Fivestar Widget addition for GSA results consitency
* =====================================*/
/* Plain HTML Version */
form.fivestar-widget {
clear: both;
display: block;
}
form.fivestar-widget select,
form.fivestar-widget input {
margin: 0;
}
/* Combo Static and Rate Widget */
.fivestar-combo-stars .fivestar-static-form-item {
float: left; /* RTL */
margin-right: 40px; /* RTL */
}
.fivestar-combo-stars .fivestar-form-item {
float: left; /* RTL */
}
/* Fivestar form items */
.fivestar-static-form-item .form-item,
.fivestar-form-item .form-item {
margin: 0;
}
/* Static View-only Star Version */
div.fivestar-widget-static {
display: block;
}
div.fivestar-widget-static br {
clear: left; /* RTL */
}
div.fivestar-widget-static .star {
float: left; /* RTL */
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em;
background: url(../g/fivestar/star.gif) no-repeat 0 0; /* RTL */
}
div.fivestar-widget-static .star span.on {
display: block;
width: 100%;
height: 100%;
background: url(../g/fivestar/star.gif) no-repeat 0 -32px; /* RTL */
}
div.fivestar-widget-static .star span.off {
display: block;
width: 100%;
height: 100%;
background: url(../g/fivestar/star.gif) no-repeat 0 0; /* RTL */
}
/* Basic skin */
.fivestar-basic div.fivestar-widget-static .star {
background-image: url(../g/fivestar/basic_star.png);
}
.fivestar-basic div.fivestar-widget-static .star span.on {
background-image: url(../g/fivestar/basic_star.png);
}
.fivestar-basic div.fivestar-widget-static .star span.off {
background-image: url(../g/fivestar/basic_star.png);
}
/* Small skin */
.fivestar-small div.fivestar-widget-static .star {
width: 17px;
height: 15px;
background: url(../g/fivestar/small_star.png) no-repeat 0 0px;
}
.fivestar-small div.fivestar-widget-static .star span.on {
background: url(../g/fivestar/small_star.png) no-repeat 0 -32px;
}
.fivestar-small div.fivestar-widget-static .star span.off {
background: url(../g/fivestar/small_star.png) no-repeat 0 0px;
}
/* Chosen overrides */
/* fixes to prevent close icon from overlaying long option labels */
div.chzn-container-single .chzn-single abbr {
right: 20px;
}
div.chzn-container-single .chzn-single span {
margin-right: 32px;
}