body {
  font-family:Verdana,Arial;
  font-size:12px;
  margin:0;
  background-color:#eeeff1;
}
img {
  border:0px;
}

a {
  color:#8B0000; /*darkred*/
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color: #ff7700;
}

h1,h2,h3 {
  border-bottom: 1px solid black;
  margin-bottom:10px;
  overflow:auto;
}
h2 {
  font-size:18px;
}
h3 {
  font-size:16px;
}
ul {
  margin-bottom:10px;
  padding-bottom:0px;
  list-style-image:url(img/arrow.gif);
}

.header h1 {
  border-bottom:0;
}

img.screenshot {
  margin:10px;
}
img.tuthelper {
  border: 1px solid black;
  vertical-align:middle;
}
a.italian {
  padding-right:22px;
  background: url(img/ita.gif) no-repeat center right;
}
a.english {
  padding-right:22px;
  background: url(img/eng.gif) no-repeat center right;
}
a.category {
	border:1px solid gray;
	background-color:#dddddd;
	padding:2px;
}
a.category:hover {
	background-color:#eeeeee;
}
.comments {
  background: url(img/comments.gif);
}
.author {
  background: url(img/author.gif);
}
.imaged {
  padding-left:22px; /*Room for the image*/
  background-repeat:no-repeat;
  background-position:left center;
}
a.imaged {
  line-height:20px;
}
.home {
  background-image:url(img/home.gif);
}
.news {
  background-image: url(img/news.png);
}
.about {
  background-image: url(img/about.gif);
}
.extensions {
  background-image: url(img/extensions.png);
}
.tutorials {
  background-image: url(img/tutorials.gif);
}
.threedee {
  background-image: url(img/3d.png);
}
.winapi {
  background-image: url(img/software.png);
}
.software {
  background-image: url(img/software.png);
}
.trayeverything {
  background-image: url(img/trayeverything.png);
}
.smssender {
  background-image: url(img/smssender.png);
}
.upxfrontend {
  background-image: url(img/upxfrontend.png);
}
.forum {
  background-image: url(img/forum.gif);
}
.bugs {
  background-image: url(img/bugs.gif);
}
.msdn {
  background-image: url(img/msdn.png);
}
.php {
  background-image: url(img/php.gif);
}
.links {
  background-image: url(img/links.png);
}
.contact {
  background-image: url(img/contact.gif);
}

ul.nolist {
  list-style:none;
  list-style-image:none;
  padding-left:20px;
  margin-left:0px;
}
ul.categories li {
	height:1.7em;
}
div.clearbox {
  clear:both;
}

div.header {
  background-color:rgb(80,122,172);
}
div.header h1 {
  margin-top:0px;
  margin-bottom:0px;
  padding-left:10px;
  color:white;
  vertical-align:top;
  font-size:25px;
}
div.container {
  padding:8px;
  border-bottom:1px solid black;
  background:white url(img/contentbk.gif) repeat-x;
}
div.content {
  margin-left:215px;
}
div.leftmenu {
  float:left;
  width:200px;
  border:1px solid black;
  background-color:#d3d3d3; /*lightgrey*/
  background-repeat:repeat-x;
}
div.leftmenu ul {
  list-style:none;
  list-style-image:none;
  padding:0px;
  margin:0px;
}
div.leftmenu li a {
  display:block;
  text-decoration:none;
  font-weight:normal;
  color:black;
  line-height:22px; /*Heigth of the menu item*/
}
div.leftmenu li a.here,
div.leftmenu li a.parent:hover,
div.leftmenu li a:hover {
  font-weight:bold;
  background-color:white;
  line-height:20px;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
}
div.leftmenu li a.parent {
  font-weight:bold;
  background-color:rgb(230,230,230);
  line-height:20px;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
}
div.leftmenu ul a {
  padding-left:25px; /*Room for the image*/
  background-position: 4px 50%; /* Image position */
}
div.leftmenu ul ul a {
  padding-left:45px;
  background-position: 23px 50%;
}
div.leftmenu ul ul ul a {
  padding-left:65px;
  background-position: 43px 50%;
}
div.leftmenu ul ul ul ul a {
  padding-left:85px;
  background-position: 63px 50%;
}
div.footer {
  margin-top: 15px;
  text-align:center;
  padding:5px;
}

div.box {
  margin-bottom:10px;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px;
  vertical-align:middle;
}
div.rightaligned {
  width:50%;
  float:right;
  margin-left:10px;
  overflow: auto;
}
div.leftaligned {
  overflow: auto;
}
div.position {
  border-bottom:2px solid rgb(80,122,172);
  background:rgb(185,210,240) url(img/rightarrow.png) no-repeat 4px 50%;
}
div.warning {
  border:2px solid #ff9900;
  background:#ffeeaa url(img/warning.gif) no-repeat 4px 50%;
}
div.info {
  border:2px solid rgb(55,158,234);
  background:rgb(149,204,244) url(img/info.png) no-repeat 4px 50%;
}
div.error {
  color:white;
  border:2px solid rgb(224,29,34);
  background:rgb(236,102,105) url(img/error.png) no-repeat 4px 50%;
}
div.error h2 {
	border-bottom:1px solid white;
	margin:0px;
	padding:0px;
	margin-top:10px;
}
div.lastmod {
  float:right;
  border:1px solid black;
  background-color:#87CEFA; /*lightskyblue*/
}
div.download {
  border:2px solid rgb(100,255,150);
  background:rgb(183,255,208) url(img/download.gif) no-repeat 4px 50%;
  width:32%;
  padding-left: 27px;
}
div.imagecaption {
  float:left;
  width:auto;
  border:1px solid black;
  background-color: #ffeeaa;
  margin:5px;
  padding-bottom:5px;
  text-align:center;
}

div.product {
  background:rgb(242,240,170);
  border:1px solid black;
  border-left:8px solid black;
  padding-left:15px;
  height:100%; /*For IExpoder*/
}
div.product img {
  float:left;
  margin: 7px 7px 7px 0px;
}

div.function {
  background-color: rgb(187,218,253);
  border:1px solid black;
  padding-left:10px;
}
div.function fieldset {
  margin-top:8px;
  margin-bottom:8px;
  margin-left:20px;
  border:1px solid black;
  background-color:white;
}
div.function legend {
  border:1px solid black;
  background-color:#D3D3D3; /*lightgrey*/
}

div.code {
  padding-left:10px;
  margin-top:5px;
  background-color: rgb(187,218,253);
  border: 1px solid black;
}
div.pre {
  white-space:pre;
}