body {
     padding:0;
     margin:0;
     font-size:12px;
     font-family:Verdana,Tahoma,Arial,sans-serif;
     color:#666;
     line-height:140%;
     text-align:center;
     background:#ddd;
}

#header {
   height:78px;
   margin:0 auto;
   width:960px;
   background:url(images/bg_header.jpg) no-repeat top center;
}

#header h1 {
   padding-top:15px;
   padding-left:15px;
   font-size:18px;
   font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#ddd;
   text-align:left;
}

#header h2 {
   padding:15px;
   font-size:14px;
   font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#ddd;
   text-align:left;
}

#header h3 {
   padding-left:15px;
   font-size:12px;
   font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#ddd;
   text-align:left;
}

.header_text{
	float:left;
}

.header_banner{
	float:right;
	margin:9px;
}

#container {
position:relative;
margin:0 auto;
width:970px;
background:url(images/bg_content.jpg) repeat-y left top #fff;
}

#content {
float:left;
text-align:left;
margin:20px 25px !important;
margin:5px 5px;
width:585px;
display:inline;
background:#fff;
overflow:hidden;
}

#gadmenu {
   border-bottom:1px solid #ddd;
   margin-top:3px;
   height:18px;   
   margin-left:5px;
   margin-right:5px;
   padding-left:10px;
   background-color:#fff;
   text-align:left;
}

#side-left {
float:left;
border-right:1px solid #ddd;
border-bottom:0px solid #ddd;
margin-bottom:20px;
width:180px;
}

#side-right {
float:right;
border-left:0px solid #ddd;
width:140px;
margin:0px 10px 0px 0px;
}


#footer {
clear:both;
color:#fff;
height:80px;
width:100%;
background:url(images/bg_footer.jpg) repeat-x bottom left #ddd;
}
.content-top {
background:url(images/bg_content_top.jpg) no-repeat left top;
}

/* MENU ITEMS */
#menu {
    margin-left:5px;
    margin-top:20px;
    margin-bottom:0px;
}

#menu a {
    width:175px;
    padding-top:5px;
    display:block;
    text-decoration:none;
    background-color:#fff;
    border-bottom:1px dotted #999;
    text-align:left;
    text-indent:5px;
}

#menu a:hover {
    background-color:#fafafa;
}

.menu_separator{
    width:175px;
    padding-top:5px;
    display:block;
    text-decoration:none;
    background-color:#fff;
    border-bottom:1px dotted #999;
    text-align:left;
    text-indent:5px;
    height:20px;
}

.menu_group_title {
    width:175px;
    padding-top:5px;
    display:block;
    text-decoration:none;
    background-color:#fff;
    border-bottom:1px dotted #999;
    text-align:center;
    height:20px;
    font-weight:bold;
}

/* LOGIN PART */

#login {
    width:155px;
    margin-left:5px;
    margin-bottom:20px;
}

/* RIGHT SIDE */
#myad {
    width:155px;
    height:600px;
}

/* OTHER, DEBUG */
.info {
   font-size:9px;
   font-weight:normal;
   font-family:Verdana,Tahoma,Arial,sans-serif;
   color:#888;
}

/* DOWNLOAD ITEMS */
.download{
	width:470px;
	align:center;
	border-collapse:collapse;
}

.download2{
	width:470px;
	align:center;
	border-collapse:collapse;
}

.dlgad {
   width:460px;
   height:55px;
   margin:auto;
   margin-top:30px;
   margin-bottom:30px;
   border:0px solid #ddd;
   padding:0px;
   /*background:url(images/468x60.png) no-repeat left top;*/
}

#content .download td{
	background-color:#fff;
	width:234px;	
	padding:5px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse:collapse;
	border:1px solid #ddd;
}

#content .download2 td{
	background-color:#fff;
	padding:5px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse:collapse;
	border:1px solid #ddd;
}

#content p.snavi{
   padding:0px;
   margin:0px;
   text-indent:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

td{
	background-color:#fff;	
	text-indent:5px;
	padding:1px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #333333;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #333333;
}
.tutinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear: none;
	color: #333333;
	margin:0px;
	padding:0px;
}

.tutcontent {
	clear: both;
}

.toc{
   width:400px;
   border:1px solid #ddd;
   margin-top:20px;
   font-size:12px;
   font-family:Verdana,Tahoma,Arial,sans-serif;
   font-weight:normal;
}

.toc td{
   padding:2px;
   text-indent:10px;
}

a{
   color:#0055bb;
   font-weight:bold;
}

h2 a {
   text-decoration:none;
   color:#0055bb;
}

hr {
	margin: 0px;
	padding: 0px;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border:0px solid #ccc;
}

.hr1 {
    clear:both;
	margin: 0px;
	padding: 0px;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border:0px solid #ccc;
}

#content .underlined {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	text-align: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #ccc;
}

#content p {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-indent:5px;
}
#content .gad {
	float: left;
	height: 260px;
	width: 260px;
	padding: 0px;
	margin: 8px;
	margin-top:0px;
}

#content p.info2{
   text-indent:20px;
   margin:0px;
   padding:0px;
	font-size: 10px;
	color: #888;
}

.nleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:10px;
	text-align: left;
	float:left;
}

.nright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align: right;
	margin-left: 8px;
	display:block;
}

#content .mycode {
    clear:both;
	overflow: auto;
	width:550px;
	border: none;
	background-color: #fff;
	padding: 10px;
}
.gad2 {
	height: 70px;
	width: 470px;
	text-align: center;
	margin: auto;
	margin-top:30px;
	clear:both;
}
#content .navi {
	display: block;
}

table.manAlpha td {
   width:30px;
   padding:5px;
}

.mainlist {
   background:url(images/tuts.png) no-repeat left top;
   padding-left:50px;
   width:470px;
   margin:auto;


}

.mainlist2 {
   background:url(images/prod.png) no-repeat left top;
   padding-left:50px;
   width:470px;
   margin:auto;
}

.mainlist3 {
   background:url(images/news.png) no-repeat left top;
   padding-left:50px;
   width:470px;
   margin:auto;
}

#content .mainlist p.info3, #content .mainlist2 p.info3, #content .mainlist3 p.info3{
   padding:0px;
   margin:0px;
   padding-left:20px;
   text-indent:0px;
}

#content .mainlist h2, #content .mainlist2 h2, #content .mainlist3 h2{
   padding:0px;
   margin:0px;
}

#content #manual{
   padding-left:0px;
}

#content #manual p{
   padding-left:0px;
}

#content #manual div{
   padding-left:40px;
}

#content #manual h2{
   text-indent:0px;
   padding-top:20px;
   padding-left:0px;
}

#content #manual h1{
   text-indent:0px;
   padding-top:0px;
   
}

.taginfo{
   clear:both;
}

.partner_table_left{

}

.partner_table_left td{
	padding-right:5px;
}

.recommendedLinksBlock a{
	font-size:10px;
}

.recommendedLink{
	text-indent:5px;
}

.footerMenu{
	text-align:center;
	padding:5px 0px 0px 0px;
}

.footerMenu a{
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	color:#f4f4f4;
	border-bottom:1px dotted #f4f4f4;
	margin:0px 5px;
}

.copyBlock{
	margin:5px 0px 0px 0px;
}

/* CODE STYLE */
.php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;color: #000020;}
.php  {color: #000066; border: 1px solid #d0d0d0; background-color: #f5f5f5;}
.php a:link {color: #000060;}
.php a:hover {background-color: #f0f000;}
.php .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; text-indent: 5px;}
.php .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding-right: 5px; text-align:right;}
.php .imp {font-weight: bold; color: red;}
.php li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;font: normal normal 95% 'Courier New', Courier, monospace; color: #003030;}
.php li.li2 {font-weight: bold;font-weight: bold; color: #006060;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #000066;}
.php .co1 {color: #808080; font-style: italic;}
.php .co2 {color: #808080; font-style: italic;}
.php .coMULTI {color: #808080; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .br0 {color: #66cc66;}
.php .st0 {color: #ff0000;}
.php .nu0 {color: #cc66cc;}
.php .me1 {color: #006600;}
.php .me2 {color: #006600;}
.php .re0 {color: #0000ff;}
.php .re1 {color: #ff0000}

.html4strict  {color: #000066; border: 1px solid #d0d0d0; background-color: #f5f5f5;}
.html4strict a:link {color: #000060; text-decoration: none;}
.html4strict a:hover {background-color: #f0f000; text-decoration: none;}
.html4strict .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
.html4strict .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
.html4strict .imp {font-weight: bold; color: red;}
.html4strict .kw1 {color: #b1b100;}
.html4strict .kw2 {color: #000000; font-weight: bold;}
.html4strict .kw3 {color: #000066;}
.html4strict .coMULTI {color: #808080; font-style: italic;}
.html4strict .es0 {color: #000099; font-weight: bold;}
.html4strict .br0 {color: #66cc66;}
.html4strict .st0 {color: #ff0000;}
.html4strict .nu0 {color: #cc66cc;}
.html4strict .sc0 {color: #00bbdd;}
.html4strict .sc1 {color: #ddbb00;}
.html4strict .sc2 {color: #009900;}

.actionscript  {color: #000066; border: 1px solid #d0d0d0; background-color: #f5f5f5;}
.actionscript .de1, .actionscript .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;color: #000020;}
.actionscript a:link {color: #000060; text-decoration: none;}
.actionscript a:hover {background-color: #f0f000;  text-decoration: none; }
.actionscript .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
.actionscript .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
.actionscript .imp {font-weight: bold; color: red;}
.actionscript li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;font: normal normal 95% 'Courier New', Courier, monospace; color: #003030;}
.actionscript li.li2 {font-weight: bold;font-weight: bold; color: #006060;}
.actionscript .kw1 {color: #b1b100;}
.actionscript .kw2 {color: #000000; font-weight: bold;}
.actionscript .kw3 {color: #0066CC;}
.actionscript .co1 {color: #808080; font-style: italic;}
.actionscript .co2 {color: #808080; font-style: italic;}
.actionscript .coMULTI {color: #808080; font-style: italic;}
.actionscript .es0 {color: #000099; font-weight: bold;}
.actionscript .br0 {color: #66cc66;}
.actionscript .st0 {color: #ff0000;}
.actionscript .nu0 {color: #cc66cc;}
.actionscript .me1 {color: #006600;}

.xml  {color: #000066; border: 1px solid #d0d0d0; background-color: #f5f5f5;}
.xml .de1, .xml .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;color: #000020;}
.xml a:link {color: #000060;  text-decoration: none; }
.xml a:hover {background-color: #f0f000;  text-decoration: none; }
.xml .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
.xml .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 10px; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
.xml .imp {font-weight: bold; color: red;}
.xml li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;font: normal normal 95% 'Courier New', Courier, monospace; color: #003030;}
.xml li.li2 {font-weight: bold;font-weight: bold; color: #006060;}
.xml .coMULTI {color: #808080; font-style: italic;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .nu0 {color: #cc66cc;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {font-weight: bold; color: black;}
.xml .re2 {font-weight: bold; color: black;}