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:990px;
   background:url(images/bg_header_w.jpg) no-repeat top center;
   overflow:hidden;
}

.header_banner{
   width:500px;
   margin:8px;
   float:right;
}

.header_text {
   width:310px;
   overflow:hidden;
   float:left;
}

#header .mainTitle {
   padding-top:15px;
   padding-left:15px;
   font-size:26px;
   font-weight:bold;
   font-style:italic;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-align:left;
   text-shadow: 0.1em 0.1em 0.2em black;
   letter-spacing:3px;
}

#header .subTitle {
   padding:15px 0px 15px 15px;
   font-size:13px;
   font-weight:normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-align:left;
   text-shadow: 0.1em 0.1em 0.2em black;
}

#header h3 {
   padding-left:15px;
   font-size:12px;
   font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-align:left;
   text-shadow: 0.1em 0.1em 0.2em black;
}

#searchBar {
	height:35px;
	background-color: #2a588c;
	margin:0px 5px;
	border-top:1px solid #000;
	padding-top:5px;
}

.searchResultBlock {
	width:815px;
	padding:10px;
	overflow:hidden;
	float:left;
}

#container {
position:relative;
margin:0 auto;
width:1000px;
background:url(images/bg_content_w.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;
}

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


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

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

#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;
}

#preFooter {
    clear:both;
    height:80px;
    width:990px;
    margin:auto;
    padding: 15px 5px;
}

#preFooter div {
    width:300px;
    height:80px;
    background-color: #fbfbfb;
    border: 1px dotted #d1d1d1;
    display: inline-block;
    padding: 5px;
    font-size: 11px;
    vertical-align: top;
}


#footerad{
clear:both;
color:#fff;
width:100%;
}

#footer {
clear:both;
color:#fff;
height:80px;
width:100%;
background:url(images/bg_footer_w.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:10px;
    padding-bottom:0px;
    display:block;
    text-decoration:none;
    background-color:#fff;
    border-bottom:1px dotted #999;
    text-align:left;
    text-indent:5px;
    
    letter-spacing: 1px;
}


#menu .recommendedLinksBlock a {
    text-transform: none;
    letter-spacing: normal;
}

#menu .normalBlock  {
padding:5px;
text-align:left;
font-size:10px;
}


#menu .normalBlock  a{
    width:auto;
    padding-top:0px;
    padding-bottom:0px;
    display:inline;
    border-bottom:1px dotted #999;
    text-indent:0px;
    letter-spacing: none;

}

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

#menu2 {
    margin-left:5px;
    margin-top:20px;
    margin-bottom:0px;
}

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

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

.menu_group_title {
    padding-top:40px;
    text-align:left;
    text-indent:5px;
    border-bottom: 1px solid #ccc;
}

w135 {
	width:135px !important;
}

/* 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;
}

.orderTable{
	width:570px;
	align:center;
	border-collapse:collapse;
}

.orderTable 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;
}

.orderTable .alter td {
    background-color: #f5f5f5;
}

.orderTable th {
	background-color:#ddd;
	color:#111;
	padding:7px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border-collapse:collapse;
	border:1px solid #888;
	text-align:center;
}

.centerText {
	text-align:center;
}

.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 .download2 .adtd{
	border:0px solid #fff;
}

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

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

#content .download2 td.adtd1 td{
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse:collapse;
	border:0px 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: 22px;
	font-weight:normal;
        letter-spacing: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 2px;
	color: #333333;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	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:300px;
   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: 14px;
        line-height: 1.5em;
	color: #666;
	text-indent:5px;
}
#content .gad {
	float: left;
	height: 210px;
	width: 210px;
	padding: 0px;
	margin: 8px;
	margin-top:0px;
}

#content .gad1s {
	float: left;
	width: 240px;
	padding: 0px;
	margin: 0px;
	margin-top:3px;
}

#content .gad2s {
	float: left;
	width: 240px;
	height: 65px;
	padding: 0px;
	margin-left: 0px;
	margin-top:15px;
	margin-right:5px;
}

#content .summary {
	padding: 0px;
	margin-left: 8px;
	margin-top:5px;
    clear:both;
}

#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 {
	width: 470px;
	text-align: center;
	margin: auto;
	margin-top:0px;
	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;
}

.mainContent{
    clear:both;
}

.bookdesc{
    font-size:11px;
    text-indent:0px;
    padding-left:8px;
}

.hostingtable{
   width:520px;
   margin:10px auto;
   border-collapse:collapse;
}

.hostingtable td{
   border:1px solid #ccc;
   padding:2px;
   text-align:center;
}

.hostingtable th{
   border:1px solid #ccc;
   padding:5px 2px;
   text-align:center;
   background-color:#f1f1f1;
}

.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;
}

.infoBlock {
    overflow:hidden;
    border:0px solid red;
    width:300px;
    float:right
}

.tocBlock {
    overflow:hidden;
    border:0px solid red;
    width:310px;
    float:right;
}

.clear {
    clear: both;
}

.gad250 {
    width:252px;
    border:0px solid red;
    float:left;
}

.tm20 {
   margin-top:20px;
}

.mb10 {
    margin-bottom:10px;
}

.msgBoxError {
    border:1px solid #cc0a0c;
    padding:10px 10px 10px 70px;
    background: url(images/error2.png) no-repeat 10px;
    background-color: #fef8f6;
    margin-bottom: 10px;
    color: #cc0a0c;
    min-height: 40px;
	margin:20px 10px;
}

.msgBoxInfo {
    border:1px solid #8cce3b;
    padding:5px 10px 5px 70px;
    background: url(images/ok.png) no-repeat 10px;
    background-color: #f4fcea;
    margin-bottom: 10px;
    color: #8cce3b;
    min-height: 40px;
	margin:20px;
}

.msgBoxInfo h2 {
	text-indent: 0px;
}

.msgBoxInfo table {
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:10px;
	width:450px;
}

.msgBoxInfo td {
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:4px;
	color:#666;
}

.msgBoxInfo th {
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:4px;
	color:#666;
	background-color:#f1f1f1;
}

.greyContent {
	margin:0px 10px;
    background-color: #fbfbfb;
    border: 1px dotted #d1d1d1;
    padding: 5px;
    font-size: 11px;
    vertical-align: top;
}

/* CODE STYLE */
.php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;color: #000020; margin: 2px;}
.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}