/*

 * default.css --  This file resets the browser's default visual style

 * and sets The CentOS Web Environment visual style as default visual

 * style. This file sets default values to tags like `html', `body',

 * as well as those controlling links, tables, paragrphs, headings,

 * lists, forms and quotation.

 *

 * The CentOS Web Environment (Webenv) is specially conceived to

 * achieve one unique visual style and easy navegation through all

 * different web applications The CentOS Project uses to show its

 * existence in the World Wide Web medium.

 *

 * Copyright (C) 2009, 2010, 2011 The CentOS Artwork SIG

 *

 * This CSS is free software; you can redistribute it and/or modify it

 * under the terms of the GNU General Public License as published by

 * the Free Software Foundation; either version 2 of the License, or

 * (at your option) any later version.

 *

 * This CSS is distributed in the hope that it will be useful, but

 * WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU

 * General Public License for more details.

 *

 * You should have received a copy of the GNU General Public License

 * along with this program; if not, write to the Free Software

 * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.

 *

 */

/* Reset browsers default margins and paddings

-----------------------------------------------*/

* {

    margin: 0;

    padding: 0;

    }

/* Define html

-----------------------------------------------*/

html {

    background-color: #FFF;

    background-image: url("../background.png");

    min-width: 800px;

    }

/* Define body

-----------------------------------------------*/

body {

    font-family: "DejaVu Sans", "Liberation Sans", sans-serif;

    font-size: 0.85em;

    /* margin: 0;           /* <- full screen                       */

    /* margin: 0 1% 0 1%;   /* <- with 1% of left and right margin  */

    /* margin: 0 2% 0 2%;   /* <- with 2% of left and right margin  */

    margin: 0 3% 0 3%;      /* <- with 3% of left and right margin  */

    /* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */

    color: #000;

    background: #FFF;

    padding: 0 10px;

    }

#banner {

    background: #204c8d url("../header-background.png");

    }

#header hr { display: none }

#header h1 { margin: 1.5em 0 -1.5em; }

#header img { 

    border: none; 

    margin-left: 10px;

    font-weight: bold;

    font-size: 1.4em;

    line-height: 1em;

    padding: 0;

    float: left;

    }

#header :link, 

#header :visited, 

#header :link:hover, 

#header :visited:hover {

    background: transparent;

    color: #555;

    margin-bottom: 2px;

    border: none;

    }

#header h1 :link:hover, 

#header h1 :visited:hover { 

    color: #000 

    }

div#content > p,

div#content > pre,

div#content > form > div > div,

div#content > form > div.field,

div#content > form > fieldset,

div#content > form > p,

div#content > form > input,

div#content div#searchable > form > div,

div#content div#searchable > div#ticket > form > div.description > table,

div#content div#preview > p,

div#content div#preview > strong,

div#content fieldset#preview > p,

div#content div#preview > pre,

div#content div#preview > div {

    margin-left: 20px;

    }

/* Links 

-----------------------------------------------*/

a:link  { text-decoration: none; color: #0044B3; }

a:hover { text-decoration: underline; color: green; }

a:active { text-decoration: none; color: green; }

a:visited { text-decoration: none; color: #0044B3; }

a:visited:hover { text-decoration: underline; color: green; }

h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,

h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {

    color: inherit;

}

h1 a:hover { text-decoration: underline; color: #FFF; }

h1 a:active { text-decoration: underline; color: #FFF; } 

h1 a:visited { text-decoration: none; color: #FFF; }

h1 a:visited:hover { text-decoration: underline; color: #FFF; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; color: #072B61; } 

h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { text-decoration: underline; color: #072B61; } 

h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; color: #072B61; }

h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, 

h6 a:visited:hover { text-decoration: underline; color: #072B61; }

/* Headings

-----------------------------------------------*/

.anchor:link, 

.anchor:visited {

    border: none;

    color: #AAA;

    font-size: .8em;

 	background: transparent;

    }

h1:hover .anchor:link,

h1:hover .anchor:visited {

    color: #FFF;

    }

* > .anchor:link,

* > .anchor:visited {

    visibility: hidden;

    }

h1:hover .anchor, h2:hover .anchor, h3:hover .anchor,

h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {

    visibility: visible;

    }

@media screen {

    a.ext-link .icon {

    	background: url(../extlink.gif) left center no-repeat;

    	padding-left: 16px;

    	}

    * html a.ext-link .icon { 

    	display: inline-block; 

    	}

    }

h1 {

    font-size: 1.7em;

    font-weight: bold;

    line-height: 1.9em;

    margin-top: 0.9em;

    margin-bottom: 0.9em;

    padding-left: 20px; /* Should be the same for h{1-4} */

    color: #FFF;

    border: none;

    background-color: #204C8D;

    background-image: url("../h1-background.png");

    }

h2 {

    font-size: 1.4em;

    line-height: 1.8em;

    margin: 0;

    margin-top: 1.6em;

    margin-bottom: 0.8em;

    padding-left: 20px; /* Should be the same for h{1-4}*/

    background-image: url("../h2-background.png");

    border: none;

    color: #072B61;

    }

h3 {

    font-size: 1.25em;

    line-height: 1.6em;

    margin-top: 1em;

    margin-bottom: 0.5em;

    padding-left: 20px; /* Should be the same for h{1-4} */

    color: #072B61;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #DADADA;

    }

h4 {

    font-size: 1.2em;

    line-height: 1.4em;

    margin-top: 1em;

    margin-bottom: 0.5em;

    padding-left: 0; /* Should be the same for h{1-4} */

    color: #072B61;

    border-bottom: none;

    }

h5 {

    font-size: 1.1em;

    line-height: 1.1em;

    margin-top: 1em;

    margin-bottom: 0.5em;

    padding-left: 20px; /* Should be the same for h{1-4} */

    color: #072B61;

    font-weight: bold;

    border-bottom: none;

    }

h6 {

    font-size: 1em;

    line-height: 1.1em;

    margin-top: 1em;

    margin-bottom: 0.5em;

    padding-left: 20px; /* Should be the same for h{1-4} */

    color: #000;

    font-weight: bold;

    border-bottom: none;

    }

hr { 

    border: none;  

    border-top: 1px solid #ccc; 

    margin: 2em 0 

    }

address { font-style: normal }

img { border: none }

tt { 

    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;

    white-space: pre 

    }

.underline { text-decoration: underline }

ol.loweralpha { list-style-type: lower-alpha }

ol.upperalpha { list-style-type: upper-alpha }

ol.lowerroman { list-style-type: lower-roman }

ol.upperroman { list-style-type: upper-roman }

ol.arabic     { list-style-type: decimal }

/* Paragraphs

-----------------------------------------------*/

p {

    margin: 1em 0 1.5em 0;

    line-height: 1.5em;

    }

/* Images

-----------------------------------------------*/

/* Quotations

-----------------------------------------------*/

blockquote {

    background: #fafafa;

    border-color: #eeeeee;

    border-width: 1px;

    border-style: solid;

    border-left-width: 5px;

    margin-left: 1.5em;

    padding: 0 1em;

    margin-top: 1em;

    margin-bottom: 1.3em;

    }

q:before {

    content: " “";

    }

q:after {

    content: "” ";

    }

q q:before {

    content: " ‘";

    }

q q:after {

    content: "’ ";

    }

address {

    margin-left: 1.5em;

    }

/* Preformatted Texts

-----------------------------------------------*/

pre {

    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;

    padding: 0.7em 1em;

    margin: 1em 0 1.5em 0;

    white-space: pre;

    border-width: 1px;

    border-style: solid;

    border-color: #E5E5E5;

    border-left-width: 5px;

    background: #FFFAE9;

    overflow: auto;

    }

/* Phrase Elements

-----------------------------------------------*/

tt,

samp,

kbd,

code {

    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;

    }

/* Page Lines

-----------------------------------------------*/

hr {

    clear: both;

    height: 1px ! important;

    border: none;

    background-color: #DADADA;

    }

/* Lists

-----------------------------------------------*/

ul,

ol,

dl {

    margin: 1.5em 0 1.5em 4.5em;

    }

ul { 

    list-style: url("../ul.png") circle; 

    } 

ol {

    list-style-image: none !important;

    }

ul li,

ol li {

    line-height: 1.5em;

    }

ul ul,

ul ol,

ol ul,

ol ol {

    margin-top: 0.3em;

    margin-bottom: 0.3em;

    margin-left: 2.5em;

    }

ul li p,

ol li p {

    margin-bottom: 0.3em;

    }

dl dd {

    margin: 0.5em 0 1em 2.5em;

    }

dl ol,

dl ul {

    margin-left: 3.5em;

    }

/* Tables 

-----------------------------------------------*/

table {

    border-collapse: collapse;

    }

table caption {

    font-style: italic;

    text-align: center;

    }

table tr th {

    font-weight: bold;

    }

table tr td,

table tr th {

    border: 1pt;

    border-style: solid;

    border-color: #EEE;

    vertical-align: top;

    padding: 0.5em;

    }

table tr td p,

table tr td pre {

    margin: 0;

    padding: 0;

    }

/* Forms

-----------------------------------------------*/

input, 

textarea, 

select { margin: 2px }

input, 

select { vertical-align: middle }

input[type=button], 

input[type=submit], 

input[type=reset] {

    }

input[type=button]:hover, 

input[type=submit]:hover, 

input[type=reset]:hover {

    }

input[type=button][disabled], input[type=submit][disabled],

input[type=reset][disabled] {

    }

#search input[type=text], 

#search input.textwidget, 

#search textarea { 

    border: 2px solid #204C8D;

    width: 160px;

    background-color: #EDF4FF;

    padding: 3px;

    padding-left: 5px;

    color: #204C8D;

    -moz-border-radius: 5px;

    }

#search input[type=button], 

#search input[type=submit], 

#search input[type=reset] {

    border-width: 2px;

    border-style: solid;

    border-color: #204C8D;

    background-color: #3B71B8;

    color: #FFFFFF;

    cursor: pointer;

    display: inline;

    font-weight: bold;

    text-decoration: none;

    padding: 2px;

    padding-left: 4px;

    padding-right: 4px;

    -moz-border-radius: 5px;

    }

input[type=text], 

input.textwidget, 

textarea { 

    border: 1px solid #ccc;

    background-color: #f8f8f8;

    }

input[type=text] { 

}

input[type=text], 

input.textwidget { 

    padding: .2em 

    }

input[type=text]:focus, 

input.textwidget:focus, 

textarea:focus {

    background-color: #fff;

    }

option { 

    border-bottom: 1px dotted #d7d7d7; 

    }

fieldset { 

    border: 1px solid #d7d7d7; 

    padding: .5em; margin: 0; 

    }

fieldset.iefix { 

    border: none; 

    padding: 0;

    width: 99%;

    }

* html fieldset.iefix { 

    width: 98%; 

    }

fieldset.iefix p {

    margin: 0; 

    }

legend { 

    color: #999; 

    padding: 0 .25em; 

    font-weight: bold 

    }

label.disabled { 

    }

.buttons { 

    margin: .5em .5em .5em; 

    }

.buttons form, 

.buttons form div { 

    display: inline; 

    }

.buttons input { 

    margin: 1em .5em .1em 0; 

    }

.inlinebuttons input { 

    }

/* Quick search */

#search {

    float: right;

 	font-size: 10px;

 	height: 0;

    text-align: right;

    margin: 5px;

    }

#search input { 

    font-size: 10px 

    }

#search label { display: none }

/* Navigation */

.nav h2, 

.nav hr { display: none }

#metanav { padding-top: 30px; }

#metanav a { color: #fff; }

#metanav li { 

    border-right-color: #fff; 

    padding-right: 0.75em;

    padding-left: 0.75em;

    }

#metanav a:hover {

    background: transparent;

    color: #fff;

    text-decoration: underline;

    }

#ctxtnav li {

    color: #AAA;

    padding: 0;

    padding-right: 0.75em;

    padding-left: 0.75em;

    }

#ctxtnav li.first {

    }

.nav ul { 

    font-size: 10px; 

    list-style: none; 

    margin: 0; 

    margin-top: 5px; 

    margin-bottom: 5px; 

    text-align: right 

    }

.nav li {

    border-right: 1px dotted #628ECA;

    display: inline;

    white-space: nowrap;

    color: #FFF;

    }

.nav li.first {

    padding-right: .75em;

    }

.nav li.last { 

    padding-left: 1em;

    border-right: none; 

    }

.nav li a {

    border-bottom: none;

    }

/* Main navigation bar header */

.mainnav {

    clear: both;

    display: block;

    padding: 0;

    padding-left: 0px;

    margin:0;

    padding-left: 10px;

    }

.mainnav ul {

    padding:0;

    margin:0;

    }

.mainnav li {

    float: left;

    display: inline;

    white-space: nowrap;

    margin-left: 3px;

    padding-top: 4px;

    padding-bottom: 4px;

    border-width: 1px;

    border-style: solid;

    border-color: #628ECA;

    background-color: #FFF;

    background-image: url("../topbar_gradient.png");

    background-position: left top;

    background-repeat: repeat-x;

    font-size: 0.9em;

    -moz-border-radius: 3px 3px 0 0;

    }

.mainnav li a { 

    /* To cover the box area as linkable */

    padding: 7px 8px;

    }

#banner .mainnav li.active a { 

    /* To cover the box area as linkable in the header area */

    padding: 6px 8px 7px; 

    }

#footer .mainnav li.active a { 

    /* To cover the box area as linkable in the footer area */

    padding: 7px 8px 6px;

    }

.mainnav a, 

.mainnav a:visited {

    color: #204C8D;

    text-decoration: none;

    border-bottom: 0;

    }

.mainnav li:hover {

    background-color: #628ECA;

    background-image: url("../topbar_gradient2.png");

    background-position: left top;

    background-repeat: repeat-x;

    }

.mainnav li:hover a {

    color: #FFFFFF;

    text-decoration: none;

    background: transparent;

    border-bottom: 0;

    }

.mainnav li:hover a:active { 

    color:#FFF; 

    text-decoration:none;

    }

.mainnav li a:active { 

    color:#204C8D; 

    text-decoration:none;

    }

.mainnav .active :link,

.mainnav .active :visited {

    color: #FFFFFF;

    font-weight: bold;

    }

.mainnav li.active {

    background-color: #628ECA;

    background-image: url("../topbar_gradient2.png"); 

    background-position: left top;

    background-repeat: repeat-x;

    }

/* Main navigation bar footer*/