/* Netmind site default CSS 
 * Author: Brautigam Robert
 */

/* All bodies have same background */
body {
   background-color: rgb(255,255,255);
   background: url(../images/main_background.png) bottom left fixed repeat-x;
   margin: 0px;
   padding: 0px;
   text-align: center
}

strong {
   font-weight: bold;
}

div#software_summary {
   width: 150px;
   float: right;
   border: 1px solid black;
   padding: 5px;
   background-color: #888888;
}

div#software_summary>h1 {
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   color: white;
}

span.software_cons {
   color: white;
   font-size: 10px;
   color: #ffbbbb;
}

span.software_pros {
   color: white;
   font-size: 10px;
   color: #bbffbb;
}

span.software_stat {
   color: white;
   font-size: 10px;
   color: white;
   text-align: right;
   float: right;
}

/* Following definitions are for the header of all pages */
div#container {
   width: 640px;
   background-color: rgb(240,240,240);
   border-width: 1px;
   border-style: dashed;
   border-color: black;
   /* Centering the container */
   display: block; 
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: auto; 
   margin-right: auto;
   text-align: left;
}

div#header {
   text-align: center;
}

div#header>img {
   border: solid black;
   border-width: 1px;
   margin: 10px;
}

/* Menu in header */
div#header ul {
   cursor: default;
   list-style-type: none;
   margin: 0px;
   margin-right: 45px;
   padding: 0px;
   text-align: right;
}

div#header li {
   display: inline;
   padding-right: 10px;
   padding-left: 5px;
   border-right-width: 1px;
   border-right-color: black;
   border-right-style: solid;
   color: black;
}

div#header li:hover {
   cursor: pointer;
   color: white;
   background-color: black;
}

div#header a:hover {
   color: white;
}

div#header li:hover > a {
   color: white;
}

div#header a {
   color: black;
}

/* Context menu */
div#menu {
   float: left;
   width: 120px;
   margin: 10px;
   border-right: 1px dashed black;
}

div#menu ul {
   cursor: default;
   list-style-type: none;
   margin: 7px;
   padding: 0px;
   text-align: left;
}

div#menu li#category {
   font-weight: bold;
   text-align: right;
   margin-top: 2px;
   margin-bottom: 2px;
   border-bottom: 1px solid black;
}

div#menu li#category:hover {
   color: black;
   background-color: rgb(240,240,240);
}

div#menu li:hover {
   cursor: pointer;
   color: white;
   background-color: black;
}

div#menu li:hover a {
   color: white;
}
/* Content desgin */
div#content {
   float: right;
   padding: 10px;
   margin: 10px;
   width: 450px;
}

div#content p {
   font-size: 14px;
}

div#chapter {
   font-weight: bold;
   font-size: 14px;
   padding-top: 5px;
}

div#headline {
   font-weight: bold;
   font-size: 16px;
   padding-top: 10px;
   border-bottom: 1px solid black;
}
div#subtitle {
   font-size: 10px;
}

div#content a {
   color: blue;
   font-size: 14px;
}

div#content li {
   font-size: 14px;
}

div#content table {
   border: 1px solid black;
   border-collapse: collapse;
}

div#content table th {
   font-size: 14px;
   background-color: white;
   padding: 5px;
}

div#content table td {
   font-size: 14px;
   padding: 3px;
}

/* Code */
div#content code {
   display: block;
   font-size: 12px;
   font-family: Courier, monospace ;
   margin: 10px;
   padding: 3px;
   background-color: white;
   border: 1px dotted black;
}

/* Content FORM stuff */
div#content form {
}

div#content form div {    /* This is a row */
   clear: both;
   padding-top: 10px;
}

div#content form span {   /* This is a label */
   float: left;
   width: 120px;
   text-align: right;
   font-size: 14px;
}

div#content form input, div#content form textarea { /* Form stuff */
   float: right;
   width: 300px;
   text-align: left;
}

div#content form div#submit {
   text-align: right;
}

/* Generic styles of web widgets */
* {
   font-weight: normal;
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: rgb(0,0,0);
}

img {
   border-width: 0px;
}

a {
   text-decoration: none;
   border-width: 0px;
}

/* Copyright */
div#copyright {
   clear: both;

   font-size: 10px;
   text-align: center;
   margin-left: 10%;
   margin-right: 10%;
   padding-bottom: 10px;
   padding-top: 5px;
   border-top: 1px dashed black;
}

div#copyright a {
   font-size: 10px;
   color: blue;
}