/* Presentation Stylesheet */ 

body {
 font: normal 11px arial,helvetica,sans-serif;
 letter-spacing: 1px;
 color: #333;
 line-height: 1.2em;
}

a {
 text-decoration: none;
 color: #2a4982;
}

a:hover {
 text-decoration: underline;
 color:#3366cc;
}

h1 {
 font: bold 12px arial,helvetica,sans-serif;
 padding: 0px 0px 0px 5px;
 margin:0;
}
 
h2 {
 font: bold 12px arial,helvetica,sans-serif;
 margin: 0px 0px 0px 10px;
 letter-spacing: 2px;
 text-shadow: 1px 1px 2px #b5b5b5;
 color: #2a4982;
}

h3 {
 font: bold 12px arial,helvetica,sans-serif;
 margin: 5px 0px 5px 2px;
 width:100%;
 display:table;
 padding: 2px 2px 2px 2px;
 border:solid #d7d7d7;
 border-width: 0px 0px 1px 0px;
 color: #2a4982
}

h4 {
 font: bold 14px arial,helvetica,sans-serif;
 padding: 0px;
 margin:0px 0px 8px 0px;
 letter-spacing: 2px;
 text-shadow: 1px 1px 2px #b5b5b5; 
 color: #2a4982;
}

ul {
 list-style-image: url("../images/layout/arrow.png");
}

/* -- Text styles -- */

.newstitle {
 font: bold 14px arial,helvetica,sans-serif;
 margin: 0px 0px 0px 10px;
 letter-spacing: 2px;
 text-shadow: 1px 1px 2px #b5b5b5; 
}
.newsdate {
 font: bold 11px arial,helvetica,sans-serif;
 margin:0px;
 text-shadow: 1px 1px 2px #b5b5b5;
}

.small {
 font-size: 9px;
}
.note {
 color: #600;
}
.example {
 color: #063;
 padding-left: 5px;
}
.grey {
 color: #999;
}
.orange {
 color: #F60;
}
.blue {
 color: #03F;
}
.red, .red a{
 color: #BE1010;
}
.yellow {
 color: #FF0;
}
.green,.green a{
 color: #060;
}
.purple {
 color: #609;
}
.white {
 color: #fff;
}
.turquoise {
 color: #2FADD0;
}
.logintxt {
 font-size: 10px;
 color: #aaa;
 padding: 1px;
 margin: 1px;
 width: 75px;
}

.searchtxt {
 font-size: 10px;
 color: #aaa;
 padding: 1px;
 margin: 1px;
 width: 160px;
}

hr {
  border: none;
  background-color: #d7d7d7;
  color: #d7d7d7;
  height: 1px;
}

/* -- JS Table menu -- To be replaced! -- */

td.menu-flat ,td.menu-upright ,tr.menu-flat ,tr.menu-upright{
 font-size: 11px;
 letter-spacing: 1px;
 color: #2a4982;
 background:  url("../images/layout/button.png") left center repeat-x;
 padding: 4px 2px 4px 2px;
 text-shadow: 1px 1px 2px #c6c6c6;
}	
td.menu-flat-hover ,td.menu-upright-hover ,tr.menu-flat-hover ,tr.menu-upright-hover{
 font-size: 11px;
 letter-spacing: 1px;
 color: #FFF;
 background:  url("../images/layout/button_here.png") left center repeat-x;
 padding: 4px 2px 4px 2px;
 cursor: pointer;
 text-shadow: 1px 1px 2px #c6c6c6;
}
a.menu-flat:link, a.menu-upright:link{
 color: #2a4982;
 text-decoration: none;
}
a.menu-flat:hover, a.menu-upright:hover,{
 color: #FFF;
 text-decoration: none;
}
td.menu-upright, td.menu-upright-hover, tr.menu-upright, tr.menu-upright-hover{
 margin: 1px 5px 1px 0px;
 padding: 3px;
 text-align: left;
}
td.menu-flat, td.menu-flat-hover, tr.menu-flat, tr.menu-flat-hover{
 text-align: center;
}

/* -- Random table styles -- */

td.flat ,td.upright ,tr.flat ,tr.upright{
 font-size: 11px;
 letter-spacing: 1px;
 color: #2a4982;
 border: 1px solid #eee;
 border-width: 0px 0px 1px 1px;
 padding: 4px 2px 4px 2px;
 text-shadow: 1px 1px 2px #c6c6c6;
}
td.upright, tr.upright {
 margin: 1px 5px 1px 0px;
 padding: 3px;
 text-align: left;
}
td.flat, tr.flat, {
 text-align: center;
}

.tablehead  {
 padding: 8px 0px 0px 5px;
 font: bold 11px verdana,arial,helvetica,sans-serif;
 background:#eaecf5;
 text-decoration:none;
}

td.box-side {
 border: 1px solid #d7d7d7;
 border-width: 0px 1px 0px 1px;
 padding: 0px 3px 5px 3px;
}

td.box {
 background: url('../images/layout/170-b.png') center bottom no-repeat;
 padding: 0px 3px 5px 3px;
}

td.box img, td.box-side img {
 padding: 5px 0px 0px 0px;
}

td.box-t {
 background: url('../images/layout/170-t.png') center top no-repeat;
 padding: 6px 0px 0px 5px;
}

td.box-240 {
 background: url('../images/layout/240-b.png') center bottom no-repeat;
 padding: 0px 3px 5px 3px;
}

td.box-t-240 {
 background: url('../images/layout/240-t.png') center top no-repeat;
 padding: 6px 0px 0px 5px;
}

.maplist li
{
 line-height: 1.5em;
 margin-left:-10px;
}
/* UNUSED
table.content-list {
 border: 1px solid #eee;
 border-width: 1px 1px 0px 0px;
}
*/

/* -- Vertical menu ul -- */

.vmenu ul
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: block;
}

.vmenu ul li
{
 border-top: solid 1px #eee;
 }

.vmenu ul ul li
{
 border:0px;
 padding: 0px 0px 0px 5px;
 margin:0px;
 }

.vmenu ul li a
{
 display: block;
 text-decoration: none;
 padding: 5px 5px 5px 10px;
 text-shadow: 1px 1px 2px #e8e8e8;
}
.vmenu ul li a:hover
{
 font-weight: bold;
 text-decoration: none;
 color:#2a4982;
}

/* -- Online list -- */

#trafficlist {
	font-size:11px;
	letter-spacing:0px;
	color: #777;
	z-index: 100;
}
#trafficlist td, #trafficlist tr {
    padding:1px 0px 1px 0px;

}
.trafficlistlink {
    color: #2a4982;
    text-decoration: none;
}
#trafficlist h3,#trafficlist h3 a {
	font-size: 11px;
	color: #2a4982;
	letter-spacing: 1px;
	padding: 5px 0px 2px 3px;
	border: solid #d7d7d7;
	border-width: 0px 0px 1px 0px;
	margin:0px;
}

.trafficlisttable {
    margin-left: 2px;
    margin-bottom: 5px;
    padding:0px;
}

.trafficlistnettotal {
    margin-top: 10px;
    color: #777;
    font-size: 10px;
}