/* Top title */

body, html {
   padding:0px; margin:0px; border:none; background:#EBEDED; overflow:hidden;
   height:100%;
   }  
.TopAll {
   height:74px; overflow:hidden;
   background: url(Top.png) repeat-x;
   }
.TopLogo {   
   margin-top:14px; margin-left:15px;
   height:60px; width:155px; overflow:hidden;
   background:url(Top.png) 0px -80px;
   }
.TopLogoShort {  
   height:74px; width:13px; overflow:hidden;
   background:url(Top.png) -200px -80px;
   }
.TopTitle {  
   float:right; margin-right:15px;
   width:512px; height:74px; overflow:hidden;
   background: url(Top.png) 0px -160px;
   }
.TopVersion {
   float:right; margin-top:46px; margin-right:30px;
   font-family: Arial, Sans-Serif; font-size:18px; font-weight:normal;
   color: #EBEDED;
   }

   
/* Left menu */

.MenuAll {
   width:197px;
   background:#D9DADA url(Menu.gif) no-repeat right 0px;
   }
.MenuSpace {
   height:16px; overflow:hidden; width:1px;
   }
.MenuHide,.MenuShow {
   margin-left:184px; 
   width:13px; height:10px; overflow:hidden; 
   background: url(MenuIcons.gif) 0px 0px; 
   cursor:pointer; _cursor:hand;
   }
.MenuShow {
   background-position: 0px -16px;
   margin-left:0px;
   }
.MenuBottom {   
   position:absolute;  bottom:0px; left:0px; 
   height:16px; width:197px; overflow:hidden; 
   background:url(Menu.gif) right bottom;   
   }
.Menu {
   margin-left:8px;
   width:184px;
   white-space:nowrap;
   overflow:hidden;
   }
.MenuScroll {
   scrollbar-base-color:#C8C9C9; 
   scrollbar-face-color:#D8D9D9;
   scrollbar-3dlight-color:auto;
   scrollbar-darkshadow-color:#787979;
   scrollbar-shadow-color:#D8D9D9;
   scrollbar-highlight-color:#DEDFDF;
   scrollbar-arrow-color:#0A7EA4;
   overflow:auto;
   }
.D {      
   height:19px;
   overflow:hidden;
   }
.L1 {   
   font-family: Arial, Sans-Serif; font-size:14px; font-weight:bold;
   text-decoration:none; color:black; white-space:nowrap;
   vertical-align:top;
   }
.L1:hover,.L2:hover { 
   text-decoration:underline; color:blue;
   }   
.L2 {   
   font-family: "Microsoft Sans Serif",Verdana,Arial; font-size:11px;
   text-decoration:none; color:black; white-space:nowrap;
   vertical-align:top;
   }
.T,.L,.E,.EL,.C,.CL { 
   background: url(MenuIcons.gif) no-repeat;
   padding-left:22px;
   height:16px;
   overflow:hidden;
   }
.E,.EL,.C,.CL { cursor:pointer; _cursor:hand; }
.T {  background-position:0px -514px; }
.L { background-position:0px -546px; }
.E { background-position:0px -578px; }
.EL { background-position:0px -610px; }
.C { background-position:0px -642px; }
.CL { background-position:0px -674px; }   
.N { cursor:default; }
.Level,.LevelL { padding-left:15px; }
.Level { background: url(MenuIcons.gif) 0px -704px no-repeat; }
.LevelHidden,.LevelHiddenL { display:none; }
.MenuFooter { padding-top:10px; cursor:default;}
.ISearch { width:135px; font-size:12px; padding:0px; margin:0px; border:1px solid white; background: #E9EAEA; }
.BSearch { width:1px; font-size:14px; padding-right:60px; background:url(Top.png) 0px -300px; cursor:pointer;_cursor:hand; text-decoration:none;}
.BSearch:hover { width:1px; font-size:14px; padding-right:60px; background:url(Top.png) -50px -300px; cursor:pointer;_cursor:hand;}


/* Body */

.BodyAll { padding-top:14px; xpadding-bottom:14px; overflow:hidden; background: #EBEDED url(Top.png) repeat-x 0px -400px; }
.BodyScroll { overflow:auto; }
.TmpLink { overflow:hidden; width:100px; height:20px; position:absolute; left:0px; top:0px; }
.HomeLink { float:right; color:yellow; font-size:14px; font-style:italic; font-weight:normal; }
.HomeLink:hover { color:red; }
.Data { display:none; }
.Body { padding-left:14px; padding-right:14px; overflow:hidden; font-family: Arial, Sans-Serif; font-size:12px; }
.Box1TL { width:6px; background: url(Box1.gif) no-repeat;  }
.Box1TR { background: url(Box1.gif) no-repeat right 0px; vertical-align:top; padding:4px; }
.Box1BL { width:6px; background: url(Box1.gif) no-repeat 0px -1018px; }
.Box1BR { background: url(Box1.gif) no-repeat right -1018px;  }
.Box2TL { width:6px; background: url(Box2.gif) no-repeat;  }
.Box2TR { background: url(Box2.gif) no-repeat right 0px; vertical-align:top; padding:4px; }
.Box2BL { width:6px; background: url(Box2.gif) no-repeat 0px -2042px; }
.Box2BR { background: url(Box2.gif) no-repeat right -2042px;  }

.Width418 { width:418px; overflow:hidden; }
.Width310 { width:310px; overflow:hidden; }
.Width14 { width:14px; overflow:hidden; }
.Height400 { height:400px; overflow:hidden; }
.Height350 { height:350px; overflow:hidden; }

.MoreExamples { float:right; display:block; margin-top:5px; margin-right:40px; background:url(Top.png) 0px -240px; width:203px; height:22px; }
.MoreExamples:hover { background-position:-220px -240px; }

/* Browsers */
.BIE,.BOpera,.BSafari,.BGoogle,.BKonqueror,.BMozilla,.BFF,.BNN,.BCamino,.BKameleon { padding-left:16px; background:url(MenuIcons.gif) no-repeat; padding-right:12px; white-space:nowrap; }
.BIE { background-position:0px -64px; }
.BOpera { background-position:0px -160px; }
.BSafari { background-position:0px -176px; }
.BGoogle { background-position:0px -48px; }
.BKonqueror { background-position:0px -96px; }
.BMozilla { background-position:0px -112px; }
.BFF { background-position:0px -128px; }
.BNN { background-position:0px -144px; }
.BCamino { background-position:0px -32px; }
.BKameleon { background-position:0px -80px; }

/* Table Prices and References */
table.prices { border:1px solid silver; border-collapse:collapse; margin-left: auto; margin-right: auto; }
table.prices th, table.prices td { border:1px solid white; border-collapse:collapse; padding:2px 6px; font-size:12px; }
table.prices th{ background-color:#EDEDED; }
table.prices td{ font-size:12px; }    
th.prices1{ width:400px; }
td.prices2{ width: 77px; text-align:right; }

/* List icons */
.I1,.I2,.I3,.I4 { padding-left:16px; background:url(MenuIcons.gif) no-repeat; padding-bottom:2px; padding-bottom:3px; }
.I1 { background-position:0px -192px; }
.I2 { background-position:0px -256px; }
.I3 { background-position:0px -320px; }
.I4 { background:none; }

/* Fonts */
b { color: #0A7EA4; font-weight:bold; }
i { font-weight:normal; }
h2 { font-size:18px; color:#EBEDED; font-style:italic; font-weight:normal; margin-left:20px; margin-top:10px; }
h3 { font-size:18px; font-weight:normal; margin-left: 40px; margin-bottom:8px; margin-top:6px; }
h4 { color:red; font-size:12px; margin-top:0px; margin-bottom:6px; margin-left:10px; margin-right:10px; font-weight:bold; }

/* Tutorials */
table.tutorials { width:100%; font-size:12px; }
pre.tutorials { text-align:left; font-size:12px; background-color:White; margin-top:2px; }
div.tut, div.tut1, div.tut2, div.tut3, div.tut3w { width:300px; height:150px; border:1px; border-style:solid; border-color:#eee; }
div.tut1{height:200px;}
div.tut2{height:300px;}
div.tut3, div.tut3w { height:400px; }
div.tut3w { width:350px; }
pre.tut, pre.tut1, pre.tut2, pre.tut3 { overflow:auto; width:300px; }
pre.tut{height:150px;}
pre.tut1{height:200px;}
pre.tut2{height:300px;}
pre.tut3{height:400px;}  
.tutnext { float:right; padding-right:20px; }
.tutprev { float:left; padding-left:20px; }


/* Other */
p { margin:0px; }
.Spec1 { margin-left:20px; font-style:italic; margin-top:3px; margin-bottom:3px; }
.Cards { background:url(Top.png) 0px -270px; width:151px; height:18px; overflow:hidden; }
.G {font-weight:bold; color:#008000;}