/* -------------------------------------------  Base settings ------------------------------------------------------------   */
body { color:#333; font-size:14px; margin:0px; font-family:'Open Sans', Arial, Verdana, Tahoma, sans-serif; min-width:216px; overflow-y:scroll; -webkit-text-size-adjust:100%; }
img { border:0px none; vertical-align:middle; }
a { color:#428bca; text-decoration:underline; }
a:hover { color:blue; }
a > div { zoom:1; } /* IE7 */

.Clear { clear:both; }
.RoundedBorder { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.Center { width:980px; margin-left:auto; margin-right:auto; }
.ArrowBlue { display:block; color:black; text-align:left; font-weight:bold; text-decoration:underline; background:url("Img/ArrowBlue.png") left center no-repeat; padding-left:14px; }
.Mark { background:#FA4; border:1px solid gray; padding:0px 3px 0px 3px; }
.Caption { margin-left:10px; display:none; }

/* -------------------------------------------  Top & Bottom ------------------------------------------------------------   */
.TopHeader { height:178px; background:#353F49 url(Img/Top.png) center top; margin-bottom:28px; line-height:1.4; }
.TopHeaderBar { height:110px; padding-top:30px; }
.TopVersion { display:block; float:right; height:20px; margin-top:-20px; color:#AAA; overflow:hidden; }
.TopVersion:link { color:#AAA; text-decoration:none; }
.TopVersion:hover { color:white; text-decoration:none; }
.TopVersion span { color:#DDD; }
.TopLogo { display:block; margin-left:11px; float:left; padding:15px; }
.TopBar { float:right; margin-top:25px; width:482px; }
.TopBuy, .TopTry, .TopMenu .TopBuy, .TopMenu .TopTry { display:block; float:left; height:38px; margin-right:21px; padding:0px 0px 0px 10px; text-decoration:none; }
.TopBuy, .TopMenu .TopBuy { background:#0585b9; width:118px; }
.TopTry, .TopMenu .TopTry { background:#d73938; width:155px; }
.TopBuy img { float:left; margin:9px 13px 0px 3px; width:20px; }
.TopTry img { float:left; margin:9px 17px 0px 7px; width:17px; }
.TopBuy span, .TopTry span { float:left; color:white; font-weight:bold; white-space:nowrap; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; }
.TopBuy span { background:#009ad8; padding:9px 23px 9px 22px; width:29px; overflow:hidden;  }
.TopTry span { background:#fc4e4d; padding:9px 16px 9px 24px; width:66px; overflow:hidden; }
.TopBuy:hover, .TopMenu .TopBuy:hover { background:#009ad8; }
.TopBuy:hover span, .TopBuy span:hover { background:#0585b9; }
.TopTry:hover, .TopMenu .TopTry:hover { background:#fc4e4d; }
.TopTry:hover span, .TopTry span:hover { background:#d73938; }
.TopMenu .TopTry { display:none; margin:11px 0px 0px 0px; }
.TopMenu .TopBuy { display:none; margin:11px 13px 0px 13px; }

.TopSearch { float:left; border:1px solid #506a84; color:#333; height:38px; width:144px; }
.TopSearchInput { float:left; border:0px none; margin:11px 0px 0px 16px; outline:0px none; padding:0px; width:100px; background:transparent; color:white; }
.TopSearchButton { float:left; background:transparent url(Img/Search.png) no-repeat; border:0px none; cursor:pointer; height:14px; margin:11px 0px 0px 0px; width:15px; }

.TopMenuFixed { top:0px; z-index:255; }
.TopMenu { border:2px solid rgb(81,99,121); border-bottom-color:#374556; white-space:nowrap; height:60px; background:rgb(81,99,121); font-weight:bold; } 
.TopMenu a { display:block; float:left; color:white; text-decoration:none; padding:19px 0px 19px 0px; font-size:14px; background:url(Img/MenuSep.png) no-repeat; text-align:center; }
.TopMenu a:first-child { background:none; }
.TopMenu a:link, .TopMenu a:visited { color:white; text-decoration:none; }
.TopMenu a:hover { background:rgb(88,105,128); color:white; text-decoration:none; }
.TopMenu a.Selected { background-color:rgb(70,85,105); }
.TopMenu a.Selected:hover { background-color:rgb(77,92,112); }
.TopShortExamples { display:none; }
.TopGrid { width:75px; background-image:none; }
.TopGantt { width:95px; }
.TopSheet { width:105px; }
.TopExamples { width:80px; }
.TopDocumentation { width:120px; }
.TopDownload { width:85px; }
.TopLicensing { width:85px; }
.TopPrices { width:60px; }
.TopDevelopment { width:105px; }
.TopReferences { width:95px; }
.TopContacts { width:75px; }
.TopMenu a.TopComponent { }
.TopMenu a.TopSupport { color:#DFB; }
.TopMenu a.TopSales { }
.Top2Grid { background-image:none; }

.Top2Menu { display:none; height:52px; margin-left:5px; margin-right:5px; }
.Top2Menu td { padding:0px 0px 0px 0px; }
.Top2Menu a { padding:6px 0px 6px 4px; float:none; text-align:center; font-size:12px; line-height:12px; font-weight:bold; white-space:nowrap; }

.FooterParent { margin-top:150px; background:#36404a url("Img/FooterBack.png") top left no-repeat; line-height:1.4; zoom:1; }
.FooterTop { width:119px; height:49px; position:relative; top:-11px; left:50%; z-index:1; margin-left:-59px; background:url("Img/FooterTop.png"); }
.FooterTop a { width:41px; height:41px; display:block; margin-left:36px; }
.Footer div { float:left; padding-left:35px; padding-right:20px; margin-top:10px; border-right:1px solid #4c5864; }
.Footer div a { display:block; color:#868d96; font-size:15px; text-decoration:underline; margin-top:10px; }
.Footer div a:hover { text-decoration:none; }
.Footer div h3 { margin:0px; padding:0px; }
.Footer div h3 a { display:inline; color:white; font-size:18px; text-decoration:none; font-weight:bold; margin-top:0px; }
.Footer div h3 a.FooterDocSearch { color:#868d96; font-size:15px; font-weight:normal; margin-left:35px; }
.Footer div h3 a:hover { text-decoration:underline; }
.Footer p { float:left; padding:0px; margin:0px; }
p.FooterDoc1 { padding-right:30px; }
.FooterProducts img { padding-left:25px; padding-right:5px; padding-bottom:5px; }
.FooterProducts a { margin-top:11px!important; }
.FooterOther h3 { margin-bottom:6px!important; }
div.FooterOther { padding-right:0px; }

.Copyright { padding-top:26px; padding-bottom:16px; margin-top:60px; color:#868d96; font-size:16px; text-align:center; margin-bottom:0px; border-top:1px solid #4c5864; }
.Copyright a, .Copyright a:link, .Copyright a:visited { color:white; text-decoration:none; font-weight:bold; }
.Copyright a:hover { text-decoration:underline; }

/* -------------------------------------------  Index ------------------------------------------------------------   */

.Product { text-align:center; width:270px; margin-top:130px; margin-right:19px; float:left; border:1px solid rgb(223,223,223); padding-left:20px; padding-right:20px; line-height:1.7; }
.Product b { font-weight:normal; color:#04A; }
.ProductImgBig { display:none; }
.ProductTitleGrid,.ProductTitleGantt,.ProductTitleSheet { width:180px; height:54px; margin:-21px auto 31px auto; font-size:28px; padding-top:6px; color:white; }
.ProductTitleGrid { background:url(Img/LabelGrid.png); }
.ProductTitleGantt { background:url(Img/LabelGantt.png); }
.ProductTitleSheet{ background:url(Img/LabelSheet.png); }
.ProductMoreGrid, .ProductMoreGantt, .ProductMoreSheet { 
   margin:24px auto -24px auto; width:195px; padding-top:13px; padding-bottom:12px; color:white; display:block; font-size:16px; font-weight:bold; text-decoration:none; 
   }
.ProductMoreGrid { background:#0587bb; border-bottom:2px solid #07729d; }
.ProductMoreGantt { background:#2cc7c1; border-bottom:2px solid #21a39e; }
.ProductMoreSheet { background:#0587bb; border-bottom:2px solid #07729d; }
.ProductMoreGrid:hover { text-decoration:none; color:white; background:#07729d; border-bottom:2px solid #0587bb; }
.ProductMoreGantt:hover { text-decoration:none; color:white; background:#21a39e; border-bottom:2px solid #2cc7c1; }
.ProductMoreSheet:hover { text-decoration:none; color:white; background:#07729d; border-bottom:2px solid #0587bb; }

.News { width:auto; float:none; margin-left:10px; margin-right:10px; margin-top:100px; padding-left:16px; padding-right:0px; line-height:1.7; }
.News div { color:black; font-size:20px; font-weight:700; margin-bottom:15px; margin-top:17px; }
.News p { border-bottom:1px solid #dfdfdf; padding-bottom:20px; padding-top:5px; font-size:12px; }
.News p span { background-color:#009ad8; font-size:11px; color:white; padding:2px 5px 3px 5px; margin-right:14px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.News b { font-weight:normal; color:#04A; }
.News i { color:blue; font-style:normal; font-size:14px; }

.AboutParent { margin-top:75px; background:#009ad8 url("Img/AboutBack.png") right top no-repeat; overflow:hidden; padding:70px 0px 75px 0px; }
.About h1 { color:white; text-align:center; font-size:40px; font-weight:300; padding:0px; margin:0px; }
.About div { width:323px; float:left; color:white; margin-top:66px; }
.About div img { float:left; margin-right:16px; margin-top:6px; }
.About div p { font-size:18px; margin-top:0px; margin-bottom:0px; }
.About div div { width:235px; float:left; line-height:25px; font-size:14px; margin-top:6px; }

.Examples { background:url("Img/ExamplesBack2.png") no-repeat center 176px; overflow:hidden; line-height:1.4; }
.Examples h1 { color:black; text-align:center; font-size:40px; font-weight:normal; padding-top:65px; padding-bottom:0px; }
.Examples div { float:left; width:370px; margin-left:35px; margin-right:35px; }
.Examples div img { display:block; margin:0px auto 0px auto; }
.BlueCircle, .GreenCircle { width:40px; height:40px; display:inline-block; color:white; font-size:18px; font-weight:bold; text-align:center; line-height:40px; margin-right:12px; margin-top:9px;  }
.BlueCircle { background:url("Img/CircleBlue.png"); }
.GreenCircle { background:url("Img/CircleGreen.png"); }
.Examples div h2 { display:inline-block; font-size:21px; }
.Examples div p { text-align:justify; margin-bottom:0px; margin-top:0px; }
.Examples div a.ArrowBlue { margin:5px 0px 60px 110px; }
.Examples b { font-weight:normal; color:#04A; }
.Examples div.ExampleSep { width:39px; height:39px; float:left; padding:0px; margin:73px 22px 0 32px; background:url("Img/ExampleSep.png"); }

.MoreExamples { 
   width:172px; height:38px; display:block; margin:0px auto; color:black; font-weight:700; font-size:15px; text-align:center; 
   padding-top:17px; text-decoration:none; background:url("Img/MoreExamples.png") no-repeat;
   }
.MoreExamples:hover { color:black; text-decoration:none; background-image:url("Img/MoreExamplesHover.png"); }

/* -------------------------------------------  Grid ------------------------------------------------------------   */
.Header { margin-top:80px; line-height:1.4; text-align:center; }
.Header h1 { font-size:30px; font-weight:normal; line-height:1.1; margin-top:20px; margin-bottom:10px; }
.Header h4 { font-size:15px; font-weight:normal; color:#757575; padding:0px; margin:0px; }
.Preface { margin-top:40px; line-height:1.4; }
.Preface p { border:1px solid #DFDFDF; padding:10px 10px 10px 10px; }
.Preface b { font-weight:normal; color:#04A; }

.FirstParent { padding:20px 0px 30px 0px; margin-top:10px; }
.BooksParent { padding:20px 0px 30px 0px; margin-top:30px; }
.FirstParent h2, .BooksParent h2 { margin:10px 0px 20px 0px; display:block; text-align:center; color:#333; font-size:22px; font-weight:normal; }
.First { height:685px; overflow:hidden; }
.Books { height:580px; overflow:hidden; }
.FirstParentImg,.BooksParentImg { display:none; }

.GanttParent { padding:20px 0px 30px 0px; margin-top:10px; }
.RunParent { padding:20px 0px 30px 0px; margin-top:30px; }
.GanttParent h2, .RunParent h2 { margin:10px 0px 20px 0px; display:block; text-align:center; color:#333; font-size:22px; font-weight:normal; }
.Gantt { margin-left:auto; margin-right:auto; height:770px; }
.Run { margin-bottom:60px; }
.Run1 { }
.Run2 { display:none; }
.GanttParent .Info,.GanttParent .Info *, .RunParent .Info,.RunParent .Info * { font-size:10px; line-height:10px; }
.GanttParent .InfoTwoLines, .RunParent .InfoTwoLines { display:inline; }
.GanttParent .InfoThreeLines, .RunParent .InfoThreeLines { display:none; }
.GanttParentImg,.RunParentImg { display:none; }

.ExcelParent { padding:20px 0px 30px 0px; margin-top:10px; }
.SheetParent { padding:20px 0px 30px 0px; margin-top:30px; }
.ExcelParent h2, .SheetParent h2 { margin:10px 0px 20px 0px; display:block; text-align:center; color:#333; font-size:22px; font-weight:normal; }
.Excel { height:740px; overflow:hidden; }
.Sheet { height:700px; overflow:hidden; }
.ExcelParentImg,.SheetParentImg { display:none; }

.Block { border:1px solid #dfdfdf; margin-top:40px; color:#333; }
.Block h2 { font-size:20px; font-weight:normal; position:relative; top:-14px; margin:0px 0px 0px 20px; padding:0px 10px 0px 10px; background:#F5F5F5; display:inline-block; color:#516379; }
.Block b { font-weight:normal; color:#04A; }
.DescriptionParent { background:#F5F5F5; padding-top:10px; padding-bottom:20px; line-height:1.4; }
.Browsers div { float:left; text-align:center; margin:0px 8px 0px 8px;  }
.Browsers img { }
.Browsers p { padding:0px; margin:0px; }
.Browsers i { font-size:12px; }
.Browsers div.BrowsersOther { float:none; margin:-10px 20px 0px 0px; text-align:right; font-style:italic; }
.Description { font-size:15px; overflow:hidden; }
.GridBrowsers { float:left; display:none; }
.GanttBrowsers { display:none; }
.GridBrowsers div,.GanttBrowsers div { margin-left:5px; padding-left:20px; background:url(Img/BrowsersSmall.png) no-repeat; }
.GridBrowsers div.BrowsersOther,.GanttBrowsers div.BrowsersOther { background:none; font-style:italic; padding-left:0px; padding-top:5px; }
.GridFramework div,.GridServer div,.GridBasic div,.GanttFramework div,.GanttServer div,.GanttBasic div { margin-left:10px; margin-right:10px; }
.GridFramework { float:left; width:310px; }
.GridServer { margin-left:20px; float:left; width:310px; }
.GridBasic { margin-left:20px; float:left; width:314px; }
.GanttGantt ul, .GanttRun ul { margin-top:0px; padding-right:5px; }
.GanttBasic { float:left; width:646px; }
.GanttFramework,.GanttServer { margin-left:20px; float:left; width:310px; padding-bottom:2px; }

/* ---------------------------------------  Examples & Documentation -----------------------------------------------------   */
.ExampleMain,.DocMain { padding-top:20px; }
.Documentation { padding-top:20px; overflow:hidden; }
.ExampleIndex,.DocIndex { float:left; width:170px; border:1px solid #dfdfdf; padding-bottom:10px; }
.ExamplesIndex .Header { margin-top:32px; padding-right:205px; }
.ExamplesIndex .Preface { padding-right:205px; }
.ExampleIndex center, .DocIndex center { text-align:left; }
.DocIndex { width:230px; }
.ExampleContent { float:right; width:785px; }
.DocContent { float:right; width:725px; }
.DocContent pre { white-space:normal; }
.ExampleContentMax,.DocContentMax { width:950px; }
.Tree { padding-left:5px; background:white url(Img/Left.png) right top no-repeat; top:86px; }
.Tree h5 { font-size:16px; padding:10px 0px 10px 5px; margin:0px; }
.Tree div { background:url("Img/ArrowBlue.png") left center no-repeat; padding-left:14px; margin-bottom:5px; cursor:pointer; white-space:nowrap; }
.Tree div.TreeExpanded { background:url("Img/ArrowBlueDown.png") left center no-repeat; color:#019BD9; }
.Tree div:hover { text-decoration:none; color:blue; }
.Tree div.Clear { background:none; }
.Tree a.TreeActive { color:#019BD9!important; text-decoration:underline!important; }
.Tree a { display:block; text-decoration:none!important; color:black!important; font-size:12px; padding-left:14px; margin-bottom:5px; white-space:nowrap; }
.Tree a:hover { text-decoration:underline!important; color:blue!important; }
.Tree a.Deprecated { color:#999!important; }
.Tree span { font-size:10px; }
.Tree p { display:none; }
.Tree i { padding:15px 0px 15px 14px; display:none; font-style:normal; font-size:12px; }
.Tree u  { height:20px; width:20px; overflow:hidden; display:block; cursor:pointer; float:right; }
.TreeHidden { padding-left:0px!important; padding-right:0px!important; width:21px!important; overflow:hidden; background:url(Img/Right.png) left top repeat-y; white-space:nowrap; }
.TreeHidden > center { visibility:hidden; width:1px; }
.TreeTouch div { margin-bottom:0px; padding-top:5px; padding-bottom:5px; }
.TreeTouch a { padding-top:5px; padding-bottom:5px; }

.Tutorial .WidthB6 { width:445px!important; }
.Tutorial .WidthB6a { width:775px!important; }
.Tutorial .WidthP6,.Tutorial .WidthP7,.Tutorial .WidthP8 { width:765px!important; height:300px!important; }
.Tutorial .Path {  }
.Tutorial h1 {  }
.Tutorial h2 { margin-bottom:20px!important; }
.Tutorial .Xml { }
.Tutorial .Border { border:1px solid #dfdfdf!important; padding:20px 5px 20px 5px!important; }
.Tutorial .Spec { display:none; }
.Example .Border { }
.Example .Main { }
.Example .Spec { display:none; }
.Example .Main, .Tutorial .Main { background:none!important; }
.ExampleNotFound { color:red; margin-top:150px; font-size:20px; }
[dir="rtl"].Example { overflow:auto; }
.Glossary h1 { margin-top:32px!important; padding-right:270px!important; }
.Glossary h1+p { padding-right:270px!important; }
.Glossary .Preface { width:auto!important; padding-right:195px!important; margin-top:20px!important; right:auto;}

.ExampleLarge .Main { height:450px; }
.ExampleLarge #debug { height:100px; }
.ExampleBooks .Main { height:550px; }
.ExampleTable .Main { height:500px; }
.ExamplePhoto .Main { height:600px; }
.ExampleFlash .Main { height:350px; }
.ExampleSilverLight .Main { height:350px; }
.ExamplePivot .Main { height:500px; }
.ExampleEAPI .Main { height:460px; }
.ExampleEAPI .Log > div { height:180px; }
.ExampleExcel .Main { height:550px; }
.ExampleSheet.Example .Main { height:600px; }
.ExampleGantt .Main { height:650px; }
.ExampleGanttSimple .Main { height:570px; }
.ExampleGanttBig .Main { height:500px; }
.ExampleGanttTree .Main { height:600px; }
.ExampleRun .Main#Gantt { height:600px; }
.ExampleRunGroup .Main { height:600px; }
.ExampleRunContainer .Main { height:580px; }
.ExampleChart .Main { height:550px; }
@media (max-height:800px) { 
   .ExampleLarge .Main { height:445px; }
   .ExampleLarge #debug { height:80px; }
   .ExampleBooks .Main { height:445px; }
   .ExampleTable .Main { height:405px; }
   .ExamplePhoto .Main { height:500px; }
   .ExampleFlash .Main { height:270px; }
   .ExampleSilverLight .Main { height:260px; }
   .ExampleEAPI .Log > div { height:90px; }
   .ExampleSheet.Example .Main { height:470px; }
   .ExampleGantt .Main { height:520px; }
   .ExampleGanttSimple .Main { height:430px; }
   .ExampleGanttBig .Main { height:440px; }
   .ExampleGanttTree .Main { height:450px; }
   .ExampleRun .Main#Gantt { height:530px; }
   .ExampleRunGroup .Main { height:520px; }
   .ExampleRunContainer .Main { height:520px; }
   .ExampleChart .Main { height:430px; }
   }

/* -------------------------------------------  Download ------------------------------------------------------------   */
.DownloadParent { padding-top:30px; }
.Download { border-top:1px solid #dfdfdf; padding:50px 0px 20px 0px; margin-top:30px; }
.Download h2 { font-size:22px; font-weight:bold; padding:0px; margin:0px 0px 25px 0px;  }
.DownloadInfo { font-size:14px; font-weight:bold; padding:0px 0px 20px 0px; color:#4D4D4D; }
.Download p { background:url(Img/DotBlue.png) 0px 2px no-repeat; padding:0px 0px 10px 20px; margin:0px 0px 0px 20px; }
.DownloadButton { background:#F5F5F5; width:380px; min-height:61px; display:block; margin-top:20px; border:1px solid #dfdfdf; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
.DownloadButton:hover { text-decoration:none; }
.DownloadButton img { float:left; margin:4px 20px 0 5px; }
.DownloadButton div { font-size:16px; font-weight:bold; margin:13px 0px 0px 0px; color:black; }
.DownloadButton span { font-size:14px; font-style:italic; color:black; }
a.DownloadButton { text-decoration:none; }
.DownloadButtonDisabled { opacity:0.2; }
.CompileInfo { font-size:11px; display:inline-block; padding-top:10px; }

/* -------------------------------------------  Licenses ------------------------------------------------------------   */
.LicensingParent { padding-top:30px; }
.Licensing { border-top:1px solid #dfdfdf; padding:50px 0px 20px 0px; margin-top:30px; line-height:1.4; }
.Licensing b { font-weight:normal; color:#04A; }
.Licensing h2 { font-size:22px; font-weight:bold; padding:0px; margin:0px 0px 25px 0px;  }
.Licensing p { background:url(Img/DotBlue.png) 0px 4px no-repeat; padding:0px 0px 5px 20px; margin:0px 0px 0px 20px; }
.Licensing .Separator { padding-bottom:80px; }
.License { width:470px; padding-right:20px; float:left; line-height:1.4; }
.License h3 { display:block; padding:0px; margin:0px; font-size:18px; }
.License h4 { display:block; padding:5px 0px 10px 0px; margin:0px; font-size:14px; }
.License h3 b { color:#009AD8; font-weight:bold; }
.License h4 b { font-weight:bold; }
.License .ArrowBlue { padding-top:5px; }
.License #ABASIC2,.License #ASTANDARD2 { display:none; }
.Source { width:auto; float:none; }
.Links { margin-top:20px; padding:10px; border:1px solid #DFDFDF; background:#F8F8F8; }
.Links a { display:inline-block; padding:0px 9px 0px 9px; white-space:nowrap; font-weight:bold; }
.Links a.PricesLink { display:none; }

/* -------------------------------------------  Prices ------------------------------------------------------------   */
.Prices { padding-top:20px; width:980px; margin-left:auto; margin-right:auto; }
.Prices h2 { padding-left:15px; }
.PricesTable { border:1px solid #DFDFDF; padding:10px; }
.Prices th, .Prices td { text-align:left; font-size:14px; font-weight:normal; padding-left:5px; line-height:1.4; vertical-align:top; }
.Prices .Dev th { padding-left:0px; }
.Prices .Dev td { padding-left:10px; padding-right:10px; }
.PricesHeader th, .PricesHeader td { font-size:16px; font-weight:bold; border-bottom:1px solid #DDD; padding-bottom:5px; }
.PricesHeaderDesc th, .PricesHeaderDesc td { font-size:12px; border-bottom:2px solid black; padding-bottom:5px; padding-top:5px; }
.Prices a { font-size:12px; }
.Prices .EAPI, .Prices .Even { background:#DFD; }
.Prices .SRC { background:#DDF; }
.Price th { white-space:nowrap; }
.Price td { text-align:right; padding-right:40px; white-space:nowrap; vertical-align:bottom; }
.PriceSep { height:10px; }
.PriceSep2 td { height:10px; border-top:2px solid black; }
.Prices .DevInfo { font-size:12px; font-style:italic; color:#888; }
.Prices i { color:#888; font-style:normal; }
.Prices .Next { color:#BBB; }
.Prices tr:hover { background:#CFF; }
tr.PriceSep:hover, tr.PriceSep2:hover, tr.PricesHeader:hover, tr.PricesHeaderDesc:hover, tr.PricesLink:hover, tr.USD:hover { background:white; }

/* -------------------------------------------  References ------------------------------------------------------------   */
.References { padding-top:30px; }
.References th { text-align:left; padding:7px 10px 7px 10px; }
.References td { border-top:1px solid #dfdfdf; padding:7px 10px 7px 10px; }
.References b { color:#F00; }
.References .Even { background:#F4F4F4; }

/* -------------------------------------------  Contacts ------------------------------------------------------------   */
.Contacts { line-height:1.4; }
.Contacts h3 { display:block; padding-top:30px; font-weight:normal; font-size:14px; }
.Contacts h4 { display:block; padding-top:30px; font-weight:bold; font-size:24px; text-align:center; border-top:1px solid #dfdfdf; margin:40px 0px 0px 0px; }
.Contacts h5 { font-size:15px; }
.Contacts b { font-weight:normal; color:#04A; }
.Contacts .Email { background:url(Img/Email.png) no-repeat; padding:0px 0px 20px 60px; margin:30px 0px 0px 0px; border-bottom:1px solid #dfdfdf; }
.Contacts .Email a { display:inline-block; font-weight:bold; padding-bottom:5px; color:black; text-decoration:none; }
.Contacts .Email a:hover { color:blue; }
.Contacts .Emails { width:650px; overflow:hidden; float:left; }
.Contacts .Resellers p { background:url(Img/DotBlue.png) 0px 4px no-repeat; padding:0px 0px 5px 20px; margin:15px 0px 0px 20px; }
.Resellers h5 { padding-left:40px; }

.Form { border:1px solid #dfdfdf; padding:15px; float:right; width:250px; margin:50px 0px 0px 0px; }
.Form h3 { padding:0px; margin:0px 0px 20px 0px; text-align:center; font-size:24px; }
.Form p { line-height:1.4; padding:5px 6px 25px 12px; }
.Form input, .Form textarea { 
   display:block; margin:15px 10px 15px 10px; padding:12px; box-sizing:content-box; width:205px; font-size:14px; line-height:1.4; color:#555; font-family:Arial;
   background-color:white; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
   -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   }
.Form input { height:20px; }
.Form button, .Reg .Old button { color:white; background:#009ad8; 
   display:block; margin:20px auto 8px auto; padding:5px 12px 5px 12px; width:120px; font-size:16px; line-height:1.4; font-weight:bold;
   border:1px solid transparent; border-bottom:3px solid #0587bb; text-align:center; cursor:pointer;
   -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
   }
.Form button:hover, .Reg .Old button:hover { color:white; background:#0587bb; border-bottom:3px solid #009ad8; }

/* -------------------------------------------  Login ------------------------------------------------------------   */
.Login .Form { float:none; margin:30px auto 0px auto; }
.LastChange { font-size:12px; text-align:right; font-style:italic; height:20px; margin-bottom:-20px; }
.Reg .Form { float:none; margin:30px auto 0px auto; padding-bottom:5px; width:900px; overflow:hidden; zoom:1; }
.Reg .Form h5 { float:left; width:80px; clear:left; padding:0px 20px 0px 0px; margin:0px; font-size:14px; text-align:right; }
.Reg .Form input { float:left; width:250px; margin:0px 20px 10px 0px; padding:4px 12px 4px 12px; }
.Reg .Form div { float:left; width:500px; }
.Reg .Form button { width:400px; }
.Reg h2 { margin:0px; display:block; padding:40px 0px 20px 0px; font-weight:bold; font-size:24px; text-align:center; }
.Reg .Info { border:1px solid #dfdfdf; margin:0px auto 20px auto; padding:15px 0px 15px 0px; overflow:hidden; zoom:1; width:930px; }
.Reg .Info h5 { float:left; width:100px; clear:left; padding:0px 20px 0px 0px; margin:0px; font-size:14px; text-align:right; line-height:1.8; }
.Reg .Info div { float:left; width:810px; font-size:16px; line-height:1.8; }
.Reg .Info b { color:blue; }
.Reg .Info i { font-style:normal; color:red; }
.Reg .Info u { text-decoration:none; color:red; font-weight:bold; }
.Reg div.InfoSpec { float:none; font-size:12px; font-style:italic; padding-left:120px; }
.Reg .Old { border:3px outset; background:#FBB; margin:0px auto 20px auto; overflow:hidden; zoom:1; width:926px; }
.Reg .Old div { font-size:14px; padding:5px 20px 15px 20px; line-height:1.6; }
.Reg .Old p { font-size:100px; margin:0px; padding:5px 15px 0px 15px; }
.Reg .Old h3 { margin:0px; display:block; padding:0px; font-weight:bold; font-size:20px; text-align:center; }
.Reg .Old button { font-size:18px; }
.Reg .OldReg { margin:0px 0px 5px 20px; font-size:12px; font-weight:bold; }
.Reg .OldModules { margin:0px 0px 5px 20px; color:red; font-style:italic; font-size:12px; }
.Reg .Modules { margin:0px 0px 5px 20px; font-size:12px; font-style:italic; }
.Reg .NoModules { margin:0px 0px 5px 20px; color:brown; }
.Reg .OldCore { margin:0px 0px 5px 20px; color:red; }

/* -------------------------------------------  Help ------------------------------------------------------------   */
.HelpContent { padding:40px 10px 0px 10px; }

/* -------------------------------------------  Purchase ------------------------------------------------------------   */
.Purchase { border:1px solid #dfdfdf; margin:40px auto 30px auto; padding:10px 10px 10px 10px; width:950px; }
.Purchase b { font-weight:normal; color:#04A; }

/* -------------------------------------------  News ------------------------------------------------------------   */

.New { line-height:1.4; padding-top:20px; }
.New h5 { display:block; width:70px; font-size:14px; float:left; clear:left; margin:0px; padding:0px; }
.New h5 b, .New h5 i { 
   display:block; padding:7px 0px 7px 0px; font-size:15px; line-height:1.4; font-style:normal; font-weight:bold;
   border:1px solid transparent; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
   }
.New h5 b { background-color:#069CD9; color:white; }
.New h5 i { background-color:#E1E1E1; }
.New h5 u { text-decoration:none; font-size:10px; vertical-align:top; }
.New div { float:left; width:880px; padding:0px 0px 20px 20px; margin:0px 0px 20px 0px; border-bottom:1px solid #dfdfdf;  }
.New h2, .New h3, .New h4 { font-size:16px; margin:0px; padding:0px 0px 10px 0px; display:block; font-weight:bold; }
.New h2 b, .New h3 b, .New h4 b { color:blue; }
.New h3 { color:brown; }
.New h2 { font-size:20px; color:#080; }
.New .Changes { display:inline-block; margin-top:10px; }
.New a { clear:both; display:block; }
.New div a { clear:none; display:inline; }

/* -------------------------------------------  Search ------------------------------------------------------------   */
.Results div { margin-top:20px; line-height:1.4; width:700px; }
.Results .Link { color:#1a0dab; font-size:18px; font-weight:normal; text-decoration:none; display:inline; }
.Results .Link u { text-decoration:none; color:#888; }
.Results .Link i { font-style:normal; padding-left:20px; color:#888; font-size:12px; }
.Results .Url { color:#006621; font-size:14px; font-weight:normal; text-decoration:none; display:inline; }
.Results p { color:#545454; font-size:small; padding:0px; margin:0px; }
.Results p b { color:#006; }
.Results .Doc { color:#800; }
.Results .Web { color:#FF35AB; }
.Results .Tutorials { color:#850CFF;  }
.Results .Examples { color:#FF7A14; }
/* -------------------------------------------  Screen widths 1360px and more ------------------------------------------------------------   */
@media (min-width:1335px){
   .Center { width:1310px; }
   .TopBuy { display:none; }
   .TopTry { display:none; }
   .TopMenu .TopBuy { display:block; }
   .TopMenu .TopTry { display:block; }
   .TopBar { width:317px; }
   .TopSearch { width:317px; }
   .TopSearchInput { width:273px; }
   .Footer div { padding-left:63px; padding-right:55px; }
   .Footer div h3 a.FooterDocSearch { margin-left:60px; }
   p.FooterDoc1 { padding-right:50px; }
   div.FooterOther { padding-right:0px; }

   .Product { width:370px; margin-right:34px; }
   .ProductImgBig { display:inline!important; }
   .ProductImg { display:none; }
   .News { width:auto; }
   .About div { width:430px; }
   .About div img { margin-left:30px; }
   .Examples div { width:534px; }
   .Examples div a.ArrowBlue { margin-left:198px; }
   .Examples div { background:url(Img/ExampleShadow.png) 0px 194px no-repeat; }
   .BlueCircle, .GreenCircle { margin-left:82px; }

   .Preface p { margin-left:165px; margin-right:165px; }
   .Browsers div { margin-left:33px; margin-right:33px; }

   .GanttParent .InfoTwoLines, .RunParent .InfoTwoLines { display:none; }
   .GanttParent .InfoThreeLines, .RunParent .InfoThreeLines { display:inline; }
    
   .DescriptionSep { display:none;  }
   .GridFramework,.GridServer,.GridBasic { margin-left:0px; float:none; width:350px; padding-bottom:24px; }
   .GridBasicServer { float:left; }
   .GridAdvantages { float:right; width:920px; }

   .GanttBasic,.GanttFramework,.GanttServer { float:none; width:420px; margin-left:0px; }
   .GanttBasicServer { float:left; }
   .GanttGanttRun { float:right; }
   .GanttGantt,.GanttRun { width:870px; padding-bottom:4px; }
   
   .Run { white-space:nowrap; }
   .Run1 { display:inline-block; width:1200px; }
   .Run2 { display:inline-block; width:105px; margin-top:97px; vertical-align:top; }

   .Tree { padding-left:10px; }
   .ExampleIndex { width:175px; }
   .DocIndex { width:240px; }
   .ExampleContent { width:1105px; }
   .DocContent { width:1040px; }
   .ExampleContentMax { width:1260px; }
   .Tutorial .WidthB6 { width:760px!important; }
   .Tutorial .WidthB6a { width:420px!important; }
   .Tutorial .WidthP6 { width:380px!important; height:550px!important; }
   .Tutorial .WidthP7 { width:360px!important; height:550px!important; }
   .Tutorial .WidthP8 { width:320px!important; height:550px!important; }
   .Tutorial .Border { padding:25px!important; }
   .Tutorial .Border2 { padding-right:5px!important; padding-left:5!important; }
   .Example .Border { }
   .Glossary .Preface { padding-right:260px!important; }
   .Glossary .Preface p { margin-left:125px; margin-right:125px; }

   .License { width:635px; }
   .Source { width:auto; }
   .Links a { padding:0px 20px 0px 20px; }

   .Contacts .Emails { width:900px; }
   .Contacts .Form { width:300px; }
   .Contacts .Form input, .Contacts .Form textarea { width:255px; }
   .New div { width:1210px; }
   }

/* -------------------------------------------  Screen widths less than 1024px ------------------------------------------------------------   */
@media (max-width:1004px) {
   .Center { width:auto; }
   .TopHeaderBar { width:620px; }
   .TopMenu { width:618px; }
   .TopLogo { margin-left:0px; padding-right:10px; }
   .TopVersion { padding-right:5px; }
   .TopBar { width:320px; }
   .TopBuy { width:70px; padding-left:5px;  margin-right:12px; margin-left:5px; }
   .TopTry { width:104px; padding-left:5px; margin-right:12px; }
   .TopBuy img { margin:9px 5px 0px 0px; }
   .TopTry img { margin:9px 7px 0px 0px; }
   .TopBuy span { padding:9px 5px 9px 5px;  }
   .TopTry span { padding:9px 5px 9px 5px; }
   .TopSearch { width:100px; }
   .TopSearchInput { margin:11px 0px 0px 8px; width:60px; }
   .TopSearchButton { margin:11px 5px 0px 0px; width:15px; }
   .TopMenu a { padding-top:23px; font-size:12px; font-family:Tahoma, sans-serif; font-weight:normal; }
   .TopGrid { width:55px; }
   .TopGantt { width:65px; }
   .TopSheet { width:75px; }
   .TopExamples { width:60px; }
   .TopDocumentation { width:90px; }
   .TopDownload { width:60px; }
   .TopMenu a.TopDevelopment { display:none; }
   .TopLicensing { width:55px; }
   .TopPrices { width:40px; }
   .TopReferences { width:65px; }
   .TopContacts { width:50px; }
   .FooterParent { height:90px; }
   .Footer { display:none; }
   .Copyright { margin-top:0px; border-top:0px none; padding-top:0px; padding-bottom:0px; }

   .Products,.About,.Examples { width:620px; }
   .Product { padding-left:9px; padding-right:9px; margin-left:10px; margin-right:10px; }
   .News { width:620px; margin-left:auto; margin-right:auto; }
   .AboutParent { padding-left:10px; }
   .About div { width:310px; }
   .About div img { margin-right:6px; }
   .Examples { background:none; }
   .Examples div h2 { font-size:15px; }
   .Examples div { margin:10px 0px 20px 0px; width:290px; }
   .Examples div img { width:290px; }

   .Examples div a.ArrowBlue { margin-left:80px; }
   .Examples div.ExampleSep { background:none; width:40px; margin:0px; padding:0px; }

   .Header,.Preface,.Block { margin-left:5px; margin-right:5px; }
   .Browsers { display:none; }
   .GridBrowsers,.GridFramework,.GridServer,.GridBasic { display:block; width:325px; height:270px; }
   .GanttBrowsers { display:block; }
   .GanttBasic { float:none; width:auto; }
   .FirstParent,.BooksParent,.GanttParent,.RunParent,.ExcelParent,.SheetParent { padding-left:5px; padding-right:5px; }

   .Documentation { padding-left:5px; padding-right:5px; }
   .ExampleMain,.DocMain { overflow:visible; padding-left:5px; padding-right:5px; }
   .Tree,.TreeHidden { float:none; width:auto!important; margin-right:0px!important; padding-left:20px!important; background-image:none; }
   .Tree u { display:none; }
   .TreeHidden > center { visibility:visible; width:auto; }
   .ExampleContent,.DocContent { float:none; width:auto; }
   .ExamplesIndex .Header, .ExamplesIndex .Preface { padding-right:0px; }
   .ExamplesIndex .Preface { width:620px; margin-left:auto; margin-right:auto; }
   .ExampleIndex center { float:left; margin-left:15px; margin-right:15px; }
   .ExampleIndex { width:595px; margin-left:auto; margin-right:auto; margin-bottom:20px; }
   .Glossary h1, .Glossary h1+p, .Glossary .Preface { padding-right:0px!important; }
   .Tutorial .Border, .Example .Border { min-width:calc(100% - 4px)!important; }
   .Doc { margin:0px!important; }

   .Download { padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px; }
   .DownloadButton { width:310px; }
   .DownloadButton div { font-size:14px; font-weight:bold; margin:13px 0px 0px 0px; color:black; }
   .DownloadButton span.Registered { display:none; }

   .References td { font-size:13px; }
   .References td+td { font-size:10px; padding:0px; }
   
   .Contacts .Emails { width:auto; float:none; padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px; }
   .Form { float:none; width:250px; margin-left:auto; margin-right:auto; }
   .Contacts .Resellers, .Contacts .Aboutus { padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px; }

   .Purchase { width:820px; }
   .Results div { width:auto; margin-left:5px; margin-right:5px; }

   .New { margin-left:5px; margib-right:5px; }
   .New h5 { width:auto; font-size:14px; float:none;  }
   .New h5 b, .New h5 i { display:inline-block; text-align:left; padding:0px 5px 0px 5px; background-color:#069CD9; color:white; }
   .New div { float:none; width:auto; padding-left:0px; }

   .LicensingParent { padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px; }
   .Licensing .Separator { display:none; }
   .License { width:auto; padding-right:0px; padding-bottom:40px; float:none; }
   .License #ABASIC, .License #ASTANDARD { display:none; }
   .License #ABASIC2, .License #ASTANDARD2 { display:block; }
   }
/* -------------------------------------------  Screen height less than 800px ------------------------------------------------------------   */
@media (max-height:800px) {
   .First { height:580px; }
   .Excel { height:570px; }
   .Sheet { height:570px; }
   }
/* -------------------------------------------  Screen widths less than 700px ------------------------------------------------------------   */
@media (max-width:699px) {
   .GridBasic, .GridServer, .GridFramework, .GridBrowsers, .GanttBasic, .GanttServer,.GanttFramework { float:none; width:auto; height:auto; }
   .GridBasic br { display:none; }
   .BrowsersIE br { display:none; }
   .BrowsersIE { background-position:0px 0px!important; }
   }
/* -------------------------------------------  Screen widths less than 640px ------------------------------------------------------------   */
@media (max-width:639px) {
   .TopHeaderBar { padding-top:5px; height:140px; }
   .TopVersion { margin-top:0px; margin-bottom:-20px; padding-right:5px; }
   .TopLogo { float:none; }
   .TopBar { float:none; margin-top:5px; margin-right:0px; margin-left:auto; }
   .TopMenu { display:none; }
   .Top2Menu { display:block; }
   .Top2Menu a { padding:6px 0px 6px 4px; }
   .Top3Menu { display:none; }
   .TopHeaderBar,.TopMenu,.Products,.About,.Examples,.ExampleIndex { width:auto; }
   .Product,.News { float:none; margin-left:10px; margin-right:10px; width:auto; }
   .About div { float:none; margin:10px auto 20px auto; }
   .Examples div { float:none; margin:10px auto 20px auto; }
   .Examples div.ExampleSep { display:none; }
   .ExampleIndex center { float:none; margin:0px; }
   .Links a.PricesLink { display:inline-block; color:red; }
   .ExamplesIndex .Preface { width:auto; }
   .Resellers td { display:block; }
   .Resellers h5 { display: none; }
   }

/* -----------------------------------  Screen widths less than 380px, menu only ----------------------------------------------------------   */
@media (max-width:390px) {
   .Top2Menu { display:none; }
   .Top3Menu { display:block; }
   .Top3Menu a { padding:2px 0px 3px 0px; font-size:9px; }
   .BrowsersIE { background-position:0px 21px!important; }
}

/* -----------------------------------  Screen widths less than 318px - Opera mini --------------------------------------------------------   */
@media (max-width:318px) {
   .TopBar { width:auto; display:none; }
   .TopHeaderBar { height:65px; }
   .TopLogo { padding-left:10px; }
   .TopLogo img { width:200px; }
   .TopHeader { height:100px; margin-bottom:0px; }
   .FooterParent { margin-top:50px; }

   .Products { margin-top:-40px; }
   .Product img { width:180px; }
   .ProductTitleGrid { background:url(Img/LabelGridText.png); }
   .ProductTitleGantt { background:url(Img/LabelGanttText.png); }
   .ProductTitleSheet { background:url(Img/LabelSheetText.png); }
   .ProductTitleGrid span, .ProductTitleGantt span, .ProductTitleSheet span { display:none; }
   .ProductMoreGrid, .ProductMoreGantt, .ProductMoreSheet { width:180px; }

   .AboutParent { padding:20px 0px 0px 0px; margin-top:30px; }
   .About h1 { font-size:25px;  }
   .About div { text-align:center; width:auto; float:none; }
   .About div img { float:none; margin:0px; }
   .About div div { font-size:12px; width:200px; float:none; }
   .About div p { float:none; }

   .Examples h1 { font-size:25px; padding-top:30px; }
   .Examples div { width:200px; }
   .Examples div span { display:none; }
   .Examples div img { width:200px; }
   .Examples .ArrowBlue { display:none; }
   .MoreExamples { display:none; }

   .Example .Border, .Example .Main, .Tutorial .Border, .Tutorial .Main { display:none; }

   .FirstParent,.BooksParent,.GanttParent,.RunParent,.ExcelParent,.SheetParent { display:none; }
   .FirstParentImg,.BooksParentImg,.GanttParentImg,.RunParentImg,.ExcelParentImg,.SheetParentImg { display:block; width:200px; margin-left:auto; margin-right:auto; }
      
   .GridAdvantages ul, .GanttBasic ul, .GanttGantt ul, .GanttRun ul { padding-left:15px; margin-left:0px; }
   .BrowsersIE { background-position:0px 30px!important; }

   .Licensing p, .Download p, .Contacts  .Resellers p { margin-left:0px; }
   .DownloadButton { width:200px;  }
   .DownloadButton div { font-size:12px; }
   .DownloadButton span { font-size:10px; }
   .Form { width:180px; }
   .Form input, .Form textarea { width:140px; }
   .Contacts .Email { padding:35px 0px 0px 0px;  }
   }

/* -----------------------------------  Narrow top menu for small screens (height<800) --------------------------------------------------------   */
@media (max-height:799px) { 
   .TopMenuNarrow { height:30px; }
   .TopMenuNarrow a { padding-top:6px; padding-bottom:4px;  }
   .TopMenuNarrow .TopBuy, .TopMenuNarrow .TopTry { height:24px; margin-top:3px; }
   .TopMenuNarrow .TopBuy img, .TopMenuNarrow .TopTry img { margin-top:1px; }
   .TopMenuNarrow .TopBuy span, .TopMenuNarrow .TopTry span { padding-top:2px; padding-bottom:2px; }
   }