/* $Id: layout.css,v 1.3 2007/01/06 08:03:27 lmacken Exp $ */

body {
    font-size: 0.9em;
    font-family: liberation, veranda, sans-serif;
    color: #4F4F4F;
    margin: 0;
    padding: 0;
    background-color: #d9d9d9;
}

#form_builds_text {
    width: 20em;
}

a:link {
    color: #22437F;
}
a:visited {
    color: #48468f;
}
a:hover {
    color: #f20;
}
a[name] {
    color: inherit;
    text-decoration: inherit;
}

#fedora-header {
    background-color: #fff;
    height: 62px;
}
#fedora-header img {
    border: 0;
    vertical-align: middle;
}
#fedora-header-logo {
    /* position is offset by the header padding amount */
    position: absolute;
    left: 26px;
    top: 13px;
    z-index: 3;
}
#fedora-header-logo img {
    /*
    width: 110px;
    height: 40; */
}
#fedora-header-items {
    /* position is offset by the header padding amount */
    position: absolute;
    right: 10px;
    top: 8px;
    text-align: right;
    display: inline;
}
#fedora-header-items a {
    color: #000;
    text-decoration: none;
    padding: 7pt;
    font-size: 0.8em;
}
#fedora-header-items a:hover, #fedora-header-search-button:hover {
    color: #f20;
    cursor: pointer;
}
#fedora-header-items img {
    margin-right: 1px;
    /*
    width: 36px;
    height: 36px;*/
}
#fedora-header-search {
    height: 25px;
}
#fedora-header-search-entry {
    vertical-align: top;
    margin: 0.65em 4px 0 10px;
    padding: 2px 4px;
    background-color: #f5f5f5;
    border: 1px solid #999;
    font-size: 0.8em !important;
}
#fedora-header-search-entry:focus {
    background-color: #fff;
    border: 1px solid #555;
}
#fedora-header-search-button {
    font-size: 0.8em !important;
    vertical-align: top;
    margin-top: 0.2em;
    border: 0;
    padding: 7px;
    padding-left: 21px;
}
#fedora-header-items form { float: right; }
#fedora-header-items input { font-size: 0.85em; }
#fedora-nav {
    margin: 0;
    padding: 0;
    background-color: #22437f;
    font-size: 0;
    height: 5px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #f5f5f5;
}
#fedora-nav ul {
    margin: 0;
    padding: 0;
}
#fedora-nav li {
    display: inline;
    list-style: none;
    padding: 0 5pt;
}
#fedora-nav li + li {
    padding-left: 8pt;
    border-left: 1px solid #99a5bf;
}
#fedora-nav a {
    color: #c5ccdb;
    text-decoration: none;
}
#fedora-nav a:hover { color: #fff; }

#fedora-side-left {
    position: absolute;
    z-index: 2;
    width: 12em;
    /* Space down for the approx line height (fonts) */
    left: 12px;
}
#fedora-side-right {
    position: absolute;
    z-index: 1;
    width: 13em;
    right: 12px;
    padding-top: 3px;
}
#fedora-side-left, #fedora-side-right {
    top: 2px;
    /* add to the top margin to compensate for the fixed sizes */
    margin-top: 75px;
    color: #555;
    font-size: 0.9em;
}
#fedora-side-right ul {
    list-style: square inside;
    padding: 0;
    margin: 0;
}

/* Left-side naviagation */
#fedora-side-nav-label { display: none; }
#fedora-side-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #5976b2;
    border-top: 0;
    background-color: #22437f;
}
#fedora-side-nav li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #5976b2;
    /* IE/Win gets upset if there is no bottom border... Go figure. */
    border-bottom: 1px solid #22437f;
}
#fedora-side-nav a {
    margin: 0;
    color: #c5ccdb;
    display: block;
    text-decoration: none;
    padding: 4px 6px;
}
#fedora-side-nav a:hover {
    background-color: #34548f;
    color: #fff;
}
#fedora-side-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#fedora-side-nav ul li {
    border-top: 1px solid #34548e;
    background-color: #34548e;
    /* IE/Win gets upset if there is no bottom border... Go figure. */
    border-bottom: 1px solid #34548e;
}
#fedora-side-nav ul li:hover { border-bottom: 1px solid #34548f; }
#fedora-side-nav ul li a {
    padding-left: 18px;
    color: #a7b2c9;
}
#fedora-side-nav ul li a:hover {
    /*
    background-color: #46659e;
    */
}
#fedora-side-nav ul ul li a { padding-left: 36px; }
#fedora-side-nav strong a {
    font-weight: normal;
    color: #fff !important;
    background-color: #10203b;
}
#fedora-side-nav strong a:hover { background-color: #172e56 !important; }

/* content containers */
#fedora-middle-one, #fedora-middle-two, #fedora-middle-three {
    font-size: 0.9em;
    /* position: relative; */ /* relative to utilize z-index */
    width: auto;
    min-width: 120px;
    margin: 10px;
    z-index: 3; /* content can overlap when the browser is narrow */
}
#fedora-middle-two, #fedora-middle-three {
    margin-left: 12em;
    padding-left: 24px;
}
#fedora-middle-three { margin-right: 13em; }

#fedora-content {
    padding-top: 24px;
    padding-bottom: 24px;
    border: 1px solid #aaa;
    background-color: #fff;
}

#fedora-content > .fedora-corner-bottom { top: 0 }

.fedora-corner-tl, .fedora-corner-tr, .fedora-corner-bl, .fedora-corner-br {
    background-color: #d9d9d9;
    position: relative;
    width: 19px;
    height: 19px;
    /* The following line is to render PNGs with alpha transparency within IE/Win, using DirectX */
    /* Work-around for IE6/Mac borkage (Part 1) */
    display: none;
}

.fedora-corner-tl, .fedora-corner-bl { float: left; left: 0px; }
.fedora-corner-tr, .fedora-corner-br { float: right; right: 0px; }
.fedora-corner-tl, .fedora-corner-tr { top: 0px; }
.fedora-corner-bl, .fedora-corner-br { bottom: 0px; margin-top: -19px; /* Opera fix (part 1) */ top: -18px;}

html>body .fedora-corner-tl { background: #d9d9d9 url("/updates/static/images/corner-tl.png") no-repeat left top; }
html>body .fedora-corner-tr { background: #d9d9d9 url("/updates/static/images/corner-tr.png") no-repeat right top; }
html>body .fedora-corner-bl { background: #d9d9d9 url("/updates/static/images/corner-bl.png") no-repeat left bottom; }
html>body .fedora-corner-br { background: #d9d9d9 url("/updates/static/images/corner-br.png") no-repeat right bottom; }

.fedora-corner-tl, .fedora-corner-tr, .fedora-corner-bl, .fedora-corner-br {
    /* Restore the view for everything but IE6/Mac (part 2 of the "IE/Mac fix") */
    display: block;
}

.fedora-corner-bl, .fedora-corner-br { top: 0px; }

.content { margin: 0 1em }

#fedora-sidelist {
    position: relative;
    bottom: 3px;
    margin: 0;
    padding: 3px !important;
    border: 1px solid #bbb;
    background-color: #ccc;
    -moz-border-radius: 2.5px;
}
#fedora-sidelist strong a {
    font-weight: normal;
    background-color: #555;
    color: #fff;
}
#fedora-sidelist strong a:hover {
    background-color: #333;
    color: #fff;
}
#fedora-sidelist li {
    list-style-position: outside;
    font-size: 0.9em;
    list-style: none;
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: 0;
    list-style: none;
}
#fedora-sidelist li a {
    text-decoration: none;
    display: block;
    padding: 6px 8px;
    -moz-border-radius: 2.5px;
}
#fedora-sidelist li a:hover {
    background-color: #999;
    color: #eee;
}

#fedora-footer {
    font-size: 0.75em;
    text-align: right;
    color: #777;
    margin-bottom: 2em;
    margin-right: 2em;
}
#fedora-printable {
    text-align: center;
    margin: 1em 0;
    font-size: 0.85em;
}
#fedora-printable a {
    text-decoration: none;
    padding: 5px 0;
    padding-left: 18px;
    background: transparent url("/images/printable.png") no-repeat left;
}
#fedora-printable a:hover { text-decoration: underline; }

input.c1 {
    font-size:12px;
    border: 1px solid #4F4F4F;
}

textarea.c2 {
    font-size: 12px;
    border: 1px solid #4F4F4F;
}

option.c3 {
    font-size:12px;
    /* border: 1px solid #4F4F4F; */
}

select.c4 {
    font-size:12px;
    border: 1px solid #4F4F4F;
}

input.button {
    font-size:12px;
    border: 1px solid #4F4F4F;
}


/*
** The update list (list.kid)
*/
table.list {
    border-collapse: collapse;
    width: 100%;
}

th.list {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    color: #FFFFFF;
    background-color: #4f4f4f;
}

tr.list {
    border-bottom: 1px solid #bcbcbc;
}

td.list {
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a.list {
    text-decoration: none;
}

div.list {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 5px;
}

/*
** CSS for displaying package updates (show.kid)
*/

table.show {
    vertical-align: middle;
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}

/*
td.title {
    text-align: right;
    vertical-align: top;
    background-color: #f1f1f1;
    width: 25%;
    padding-top: 5px;
    padding-right: 5px;
}
    */

td.value {
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
}

div.show {
    padding-bottom: 5px;
    font-size: 1.5em;
}

div.alert {
    padding-left: 20px;
}

div.flash {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    width: 75%;
    font-weight: bold;
    background: #ffb200;
}

div.comment-text {
    font-family: monospace;
    white-space: pre-wrap;  /* 2009-01-03: best effort for current browsers*/
    white-space: pre-line;  /* css 2.1, enable later when moz 3.1+ available*/
/*https://developer.mozilla.org/en/CSS/white-space*/
/*http://www.w3.org/TR/CSS21/text.html#white-space-prop*/
}

/* login box alignment for fas2*/

.panel {
    margin-left: 50px;
}

div.login * {
    padding: 0;
}

#login-box form .field {
    margin: 0 0 1ex;
}

#login-box .field label {
    float:left;
    width: 12ex;
}

.login ul {
    list-style-position: inside;
}

/*
** Login CSS (login.kid)
*/

table.login {
    border-collapse: collapse;
    border-bottom: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    width: 100%;
}


td.title {
    text-align: right;
    vertical-align: top;
    background-color: #f1f1f1;
    width: 175px;
    padding-top: 5px;
    padding-right: 5px;
    font-weight: bold;
    padding: 5px;
}

td.value {
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
    padding: 5px;
}

.padded { padding-left: 10px; }

/*
td.title {
    text-align: right;
    vertical-align: top;
    background-color: #f1f1f1;
    width: 25%;
    padding-right: 5px;
}
    */

td.value {
    text-align: left;
    padding-left: 5px;
}

.release {
  overflow: auto;
}

.release .link {
  float: left;
  margin: 0;
  padding: 0;
}

.release .rsslink {
  float: right;
  width: 18px;
  overflow:hidden;
  padding-left: 0!important;
  padding-right: 4px!important;
}

.release .rsslink:hover, .release .link:hover {
  background: none!important;
}

.rsslink img {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}

#mashstatus {
    overflow: scroll;
    height: 50em;
}

/* jquery.tooltip.css */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('/updates/static/images/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('/updates/static/images/shadow2.png');
	padding-top: 4em;
	height: 100px;
}

#tooltip.pretty-big {
	width: 270px;
}

#tooltip.pretty-big div { width: 270px; text-align: left; }

#tooltip.fancy-big {
	background: url('/updates/static/images/shadow2-big.png');
	height: 210px;
}

#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
fieldset { padding: 8px; }
legend { font-weight: bold; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }
