/* - - - - - - - - - - - - - - - - - - - - - -\
    |   Common `Cascading Style Sheet' file
    |   jan2010 Matteo Gattanini
    \- - - - - - - - - - - - - - - - - - - - - - */

/*---------------------- Main settings */
body
{
 font-family: Tahoma, sans-serif; /*"Trebuchet MS"*/
 font-size: 12pt;
 color: lightgray;
 background-color: black;
 overflow: hidden;
}

/*
.background-image
{
 background-image: url('./img/arc-top.png');
 background-repeat: no-repeat;
 background-position: top left;
}
*/

.background-arc
{
 position: absolute;
 left:0px; top:0px;
 height: 100%;
}

.background-line
{
 position: absolute;
}

.allclient
{
 position: absolute;
 top:0px; left:0px; bottom:0px; right:0px;
}

#sidebar
{
 position: absolute;
 top: /*header.height*/100px;
 bottom: 0px; left: 0px;
 width: /*sidebar.width*/160px;
 text-align: center;
 overflow: visible;
 z-index: 1;
}

#header
{
 position: absolute;
 top: 0px; right: 0px;
 left: /*sidebar.width*/160px;
 height: /*header.height*/100px;
 overflow: visible; /*hidden;*/
 z-index: 1;
}

#footer
{
 position: absolute;
 /*border-top: 1px solid rgb(60,60,60);*/
 left: /*sidebar.width*/160px;
 height: /*footer.height*/20px;
 right:0px; bottom:0px;
 /*background: url(macotec-logo.png) bottom right no-repeat;*/
 overflow: visible;
 color: gray;
 z-index: 1;
}
#footer div
{
 font-size: 70%;
 position: absolute;
 bottom: 0px;
 right: 2px;
}


#main
{
 position: absolute;
 top: /*header.height*/100px;
 bottom: /*footer.height*/20px;
 left: /*sidebar.width*/160px;
 right: 0px;
 overflow: auto;
 margin: 0ex;
 padding: 1ex 1ex 1ex 1em;
 /*font-variant: small-caps;*/
 z-index: 1;
}

/*---------------------- Tags */
h1
{
 text-align: center;
 margin: 0ex 0ex 0.5ex;
 font-size: 250%;
 font-weight: bold;
 color: white;
 text-shadow: 0ex 0ex 0.6ex white;
 font-variant: small-caps;
}

h2
{
 margin: 1em 1em 0.5em;
 font-size: 180%;
 font-weight: bold;
 color: white;
 text-shadow: 0ex 0ex 0.6ex white;
}

dl
{
 margin: 1ex 0ex;
 padding: 0ex;
}
dt
{
 font-weight: bold;
 text-shadow: 0ex 0ex 0.6ex white;
}
dd
{
 margin-left: 7ex;
 margin-bottom: 1ex;
 font-style: italic;
 font-variant: normal;
}

a:link,a:visited,a:active,a:hover
{
 text-decoration: none;
 border-style: none;
 color: inherit;
 outline: none;
}

a:hover
{
 text-shadow: 0ex 0ex 0.5ex white;
}


/*---------------------- Specific */
.logo, .logo-header
{
 color: rgb(71,164,212);
 font-weight: bold ;
 font-family: Arial,sans-serif;
 text-shadow: 0ex 0ex 0.3ex white, 0.2ex 0.2ex 0.5ex black;
}

.logo
{
 font-size: 100%;
}

.logo-header
{
 font-size: 350%;
}

.logo-header-sub
{
 color: rgb(200,200,200);
 font-size: 150%;
 text-shadow: 0ex 0ex 0.3ex white, 0.2ex 0.2ex 0.5ex black;
 margin-top: -1ex;
 margin-left: 1ex;
}



.red 
{
 color: #df0000;
 font-family: "Arial Black",sans-serif;
}

.verbatim
{
 white-space: pre;
 font-family: 'Courier New',monospace;
 font-size: smaller;
}


/*---------------------- Tables */

.inlinetable
{
 display: inline-table;
 vertical-align: middle;
 padding: 5px;
}

.inlinetable > div
{
 display: table-row;
}

.inlinetable > div > div
{
 display: table-cell;
 padding: 5px;
}

td
{
 vertical-align: middle;
}

/*---------------------- Images in text */
.txtimg0, .txtimg1, .txtimg2
{
 border: 5px solid #dddddd;
 border-bottom-width: 18px;
 vertical-align: middle;
 width: 35ex;
 margin: .3ex /*-2ex -5ex 0.5ex; / t r b l */
}

.txtimg1
{
 width: 25ex;
}

.txtimg2
{
 width: 30ex;
}

/*---------------------- External */
div #map_canvas
{
 width: 60%;
 height: 60%;
 margin-right: 1ex;
 float: left;
}

/*--------------------- Navigation menu */
.navmenu
{
 margin: auto;
 padding: 0;
 width: 150px; /*width of menu*/
 border: none;
 text-align: left;
 color: rgb(230,230,230);
}

.navmenu a.menuitem
{
 background: transparent url(./img/navmenu-back1.png) repeat-x bottom left;
 display: block;
 position: relative;
 width: auto;
 padding: 4px;
 padding-left: 10px;
 margin: 10px 0px;
 border: none;
 font-weight: bold;
 font-size: 150%;
 font-variant: small-caps;
 text-shadow: 0ex 0ex 0.1ex lightgray;
 text-decoration: none;
}
.navmenu a.menuitem:hover
{
 background-image: url('./img/navmenu-back2.png');
 color: white;
 text-shadow: 0ex 0ex 0.5ex white;
}

.navmenu a.menuitem:visited, .navmenu .menuitem:active
{
 /*color: white;*/
}

.navmenu a.menuitem .statusicon
{
}

.navmenu div.submenu
{
 background: transparent;
}

.navmenu div.submenu ul
{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.navmenu div.submenu ul li a
{
 display: block;
 border: none;
 padding: 2px 0;
 padding-left: 1ex;
 font-size: 110%;
 font-variant: small-caps;
 text-shadow: 0ex 0ex 0.1ex lightgray;
 text-decoration: none;
}

.navmenu div.submenu ul li a:hover
{
 background: transparent url(./img/navmenu-back1.png) repeat-x bottom left;
 color: white;
 text-shadow: 0ex 0ex 0.3ex white;
}