html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

body {
    background: #fff;
    color: black;
    font: 90% verdana, arial, helvetica, sans-serif;
    width:960px;
    margin: 0.4em auto;
    *margin: 1em;
    padding: 0;
    text-align:left;
}

p {
    padding: 5px;
    text-align: justify;
    font-size: 0.8em;
    margin: 8px 0 8px 0;
}

address {
    padding: 5px;
    text-align: justify;
    font-size: 0.85em;
    font-style: itallic;
    margin: 8px 0 8px 0;
}

img.logo {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
}

a img {
    border: 0;
}

h1 {
    color: #444;
    font-size: 1.6em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}

h2 {
    color: #444;
    font-size: 1.4em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}

h3 {
    color: #444;
    font-size: 1.2em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    padding-left: 15px;
    font-size: 0.8em;
}


/* NAVIGATION MENU */

.nav {
    background: #fff url(../Image/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;
    margin-top: 5px;
    padding: 7px 12px;
}

/* MESSAGES AND ERRORS */


/* TABLES */

table {
    border: 1px solid #ccc;
    width: 100%
}
tr {
    border: 0;
}
td, th {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}
th {
    background: #fff url(../images/skin/shadow.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}


/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* general layout for the framing of the page (left top right) */

.headerBlock {
    margin: 0;
    padding: 0;
    background: #f2f97f top repeat-x url("../../WeceemFiles/seoweb/Image/fading-top-bg.png");
    height: 98px;
}

.menuContainer {
    margin: 20px 0 0 0;
    padding: 0;
    bottom: 1px;
    text-align: left;
}

.googlesearch {
    height: 34px;
    padding: 5px;
    margin: 4px 4px;
    text-align: left;
}

.leftInfobar {
    position: absolute;
    text-align: left;
    *left:1em;
    visibility: visible;
    width: 240px;
    padding: 10px 0 0 0;
    margin: 0;
}

.leftblock h2 {
    background: top left no-repeat url("../../WeceemFiles/seoweb/Image/left-box-header.png");
    color: #fff;
    font-size: 1.1em;
    margin: 0 0 0 0;
    padding: 6px 4px 4px 4px;
    overflow: hidden;
    white-space: nowrap;
}

.leftblock h2 a {
    color: #fff;
}

.leftblock div {
    background: #f2f97f;
    margin: 0 0 15px 0;
    padding: 4px 0 4px 4px;
}

.leftblock div ul {
    margin: 3px 0 3px 3px;
    font-size: 0.8em;
    padding: 0;
    list-style: none;
}

.leftblock div ul li {
    margin: 0;
    padding: 2px 0 2px 2px;
    list-style: none;
    overflow: hidden;
    *width: 233px;
    *height: 12px;
}

.leftblock div ul li.weceem-menu-level0 {
    font-weight: bold;
}
.leftblock div ul li.weceem-menu-level1 {
    padding: 2px 0 2px 12px;
    *width: 221px;
}

.leftblock div ul li.weceem-menu-level2 {
    padding: 2px 0 2px 22px;
    *width: 221px;
}

.leftblock div ul li a {
    display: inline-block;
    white-space: nowrap;
    color: 555;
}

a.weceem-menu-active {
    display: inline-block;
    color: white;
    white-space: nowrap;
}

.weceem-menu-active {
    position: relative; left: 3px;
    background: right top no-repeat url("../../WeceemFiles/seoweb/Image/selected-left-menu.png") #f90;
    height: 12px;
}


.navigationbar {
    font-size: 0.95em;
    color: #444;
    padding: 2px 0;
    margin: 10px 3px 10px 3px;
}

.navigationbar ul {
    display: inline-block;
    margin:0;
    padding: 0;
}

.navigationbar ul li a {
    color: #555;
}

.navigationbar ul li {
    display: inline;
    list-style: none;
    list-style-position:inside;
    margin: 5px 0 0 0;
    padding: 0;
}

.bodyArea {
    margin-left: 155px;
    *margin: 0px;
    width: 710px;
    float: right;
}

.bodyArea ol {
    list-style-position: inside;
    font-size: 0.9em;
    margin-left: 20px;
}

.copyrightBlock {
    border-top: solid black 1px;
    margin: 10px 0 0 0;
    padding: 5px;
    font-size: 0.7em;
    text-align: center;
}

/* custom elements */

div.examples {
    padding-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    height: 100%;
}

div.examplesBlock {
    margin: 0;
    padding: 0;
    display: block;
}


.exampleTitle {
    margin: 3px;
    white-space: normal;
    padding: 0;
}

.exampleTitle .header {
    background-color: #f2f97f;
    color: black;
    margin: 0;
    text-align: center;
    font-size: 1em;
}

div.categoriesFront {
    margin: 10px 0 0 0;
    padding:0;
}

div.categoriesFront img {
    border: 0;
    padding: 0 4px 0 0;
    margin: 0;
}

.examplePage img {
    margin: 5px auto 5px auto;
    display: block;
    border: solid #336600 1px;
}

.intro {
    font-weight: normal;
    font-size: 0.8em;
    text-align: justify;
    display: inline-block;
    padding: 0 5px 10px 5px;
    line-height: 110%;
}

.phoneNo {
    color: #009933;
    font-size: 1.2em;
    font-weight: bold;
}

.formBody {
    font-size: 0.8em;
}

img.example {
    float:right;
    margin: 20px;
    border: solid 1px black;
}

ul.expand {
    list-style: none;
}

ul.expand ul {
    list-style: none;
}

ul.expand li a.selected {
    background: #00ff99 url("../../WeceemFiles/seoweb/Image/cms/loaded.png") no-repeat left;
    padding-left: 15px;
    font-weight: bold;
}

ul.expand li a.selected_loading {
    background: #00ff99 url("../../WeceemFiles/seoweb/Image/cms/loading.png") no-repeat left;
    padding-left: 15px;
    font-weight: bold;
}

ul.expand li a {
    background: url("../../WeceemFiles/seoweb/Image/cms/plus.png") no-repeat left;
    padding-left: 15px;
}

table.blogCalendar {
    padding: 2px;
    margin: auto;
    width: auto;
}

table.blogCalendar th {
    background: none;
    font-weight: bold;
    padding:2px;
    color: black;

}

table.blogCalendar td {
    padding: 2px;
    font-weight: normal;
    color: black;
}

table.blogCalendar td a {
    display: inline-block;
    color: white;
    background-color: #881;
}

.codeblock {
    border: #999 solid 1px;
    margin: 10px;
    padding: 5px;
}

div.contentHeader h1 {
    padding: 0;
    margin: 10px 0 5px 0;
}
div.contentHeader ul {
    display: inline;
    margin:0;
    padding: 0;
}
div.contentHeader ul li {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0;
}

div.contentHeader p {
    margin: 5px 0 0 0;
    padding: 0;
}

/* Top level menu shown in header */


ul {_height:0}
li {_height:0}
a {_height:0}

div.topMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
}

ul.topMenu {
    margin: 0;
    padding: 0;
}

ul.topMenu li {
    display: inline;
    list-style: none;
    list-style-position:inside;
    margin: 5px;
    padding: 0;
}

ul.topMenu li a {
    color : black;
    text-decoration:none;
    display:inline-block;
    padding: 0 0.3em 0 0.3em;
    white-space: nowrap;
}

ul.topMenu li a:hover {
    background-color: #99cc00;
    color : white;
}