﻿/* CSS Document */
 
* {padding: 0; margin: 0;}
HTML, BODY {height: 100%;}
BODY {font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 79.99%; line-height: 145%; background: url('../Img/Body_Grad.jpg') repeat-x top #bababb;}

TABLE, TH, TD {font-size: 100%; text-align: left;}
TD {vertical-align: top;}
TABLE, IMG {border: 0; padding: 0; margin: 0;}

A:link {color: #0075b2; text-decoration: underline;}
A:visited {color: #6b19a8;}
A:active {color: #999999;}
A:hover, A:visited:hover, A:active:hover {color: #b20000;} 
A:hover, A:visited:hover, A:active:hover {cursor: pointer !important; //cursor: hand !important; background-color: transparent;} 

P, UL, BLOCKQUOTE {font-size: 100%;}
ADDRESS {font-style: normal;}
UL UL {font-size: 100%;}

P {margin: 0 0 1.45em 0; padding: 0; text-indent: 0; line-height: 145%;}
P.First {margin-top: 0; padding: 0; text-indent: 0;}
UL {margin: 0; padding: 0; list-style: none; line-height: 145%;}
UL.First {margin: .67em 0 0 0;}
UL UL {margin: 0; padding: 0; list-style: none;}
LI {margin: 0 0 .67em 0; padding: 0;}
LI LI {margin: 0; padding: 0;}

H1, H2, H3, H4, H5, H6 {font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-weight: normal;}
H1 {font-size: 235%; line-height: 110%; color: #92b400; color: #000; padding: 0 1em 0 0; margin: 1em 0em .15em 0em; letter-spacing: -1px; word-spacing: 0px; font-weight: normal;}
H2 {font-size: 140%; line-height: 145%; padding: 0; margin: 0; font-family: Arial, Geneva, Helvetica, sans-serif;margin: 1em 0em .15em 0em;}
H2.Small {font-size: 90%;}
H3 {font-size: 90%; padding: 0; margin: 0;}
H4 {font-size: 75%; padding: 0; margin: 0; font-family: Arial, Geneva, Helvetica, sans-serif;}

HR {border: none; margin: 2em 8% 1em 8%; border-bottom: 1px solid #555;}

BLOCKQUOTE {margin: 0; padding: 0; line-height: 145%;}
INPUT {margin: 0; font-size: inherit; font-family: Tahoma, Verdana, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
SELECT, OPTION {margin: 0; font-size: inherit; font-family: Tahoma, Verdana, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
PRE, TT, TEXTAREA {font-family: Consolas, 'Lucida Console', 'Courier New', Courier, monospace; font-size: 107%; margin: .5em 0; overflow: visible;}
PRE EM {font-style: normal;}

/* Common settings */

.Print {display: none !important;}

A U, A IMG {text-decoration: none !important;}

.Clearer {clear: both; height: .01em; width: .01em; line-height: 8%; //line-height: 1%; font-size: 1%; overflow: hidden; visibility: hidden; margin: 0; padding: 0; position: relative; z-index: -10;}
.Brick {overflow: hidden; visibility: hidden; width: .01em; height: .01em; line-height: 8%; //line-height: 0; vertical-align: baseline; z-index: -10;}
.Small, .Smaller {font-size: 85%; line-height: 150%;}
.Amp {font-family: 'Goudy Old Style', 'Palatino', 'Book Antiqua', Constantia, serif; font-style: italic; font-size: 110%;}
.Gray {color: #878787;}
.Segoe {font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; line-height: 136%;}


/* Main */

.SiteHeader {position: relative;}
.Logo IMG {width: 63px; height: 31px; background: url('../Img/LiveUI_Logo.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../../../../../../Img/LiveUI_Logo.png',sizingMethod=crop); position: relative; top: 6px; left: -1px;}
.LogoXtns IMG {width: 102px; height: 22px; background: url('http://x-tensive.com/Img/Logos/X-tensive_Logo_LU.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../../../../../../Img/X-tensive_Logo.png',sizingMethod=crop); position: relative; top: 2px; left: -1px;}
.Logo A, .LogoXtns A {position: relative; z-index: 3;}
.Logo IMG, .LogoXtns IMG {z-index: 2;}

.MenuBorder { border-bottom: 3px solid #ed1f24;}
.Menu {padding-top: 61px; }
.Menu UL { white-space:nowrap;background: url('../Img/Menu_Grad.jpg') repeat-y top left  #7a2908; display: inline-block; //display: inline;}
.Menu UL.Opened {background: none; display: inline-block; //display: inline; }
.Menu LI {background-color: transparent; padding: 0; margin: 0; display: inline-block; //display: inline;}
.Menu LI.Selected {background: url('../Img/Menu_Grad.jpg') repeat-y top left #7a2908 !important;}
.Menu LI A {font-family: 'Segoe UI', Verdana, Arial; font-weight: bold; display: inline-block; padding: .1em .85em .2em .85em; font-size: 120%; border-bottom: 3px solid #ed1f24;}
.Menu LI A:link, .Menu LI A:visited {color: #ffffff; text-decoration: none !important;}
.Menu LI A:active {border-bottom: 3px solid #ffffff; color: #ffffff; margin-bottom: -3px;}
.Menu LI A:hover, .Menu LI A:visited:hover, .Menu LI A:active:hover {border-bottom: 3px solid #ffffff; color: #ffffff; margin-bottom: -3px;}


.Banners {height: 234px; position: relative; background: url('../Img/Banners_Bg.jpg') no-repeat top #3e3e40; overflow: hidden; width:100%;}
.Banners A {position: absolute;}
.Banners A.Ban1 {width: 338px; height: 234px; left: 4%;}
.Banners A.Ban2 {width: 270px; height: 234px; left: 39%;}
.Banners A.Ban3 {width: 424px; height: 234px; left: 72%;}
.Banners IMG {position: relative;}

.Banners .Ban1 IMG {width: 338px; height: 234px; background: url('../Img/Testable.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../../../../../../Img/Testable.png',sizingMethod=crop);}
.Banners .Ban2 IMG {width: 270px; height: 234px; background: url('../Img/Ajax.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../../../../../../Img/Ajax.png',sizingMethod=crop);}
.Banners .Ban3 IMG {width: 424px; height: 234px; background: url('../Img/Extjs_layer.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../../../../../../Img/Extjs_layer.png',sizingMethod=crop);}

.Banners .Ban1 IMG {left: -98px;}
.Banners .Ban2 IMG {left: -10px;}
.Banners .Ban3 IMG {left: -105px;}

.Default-Content {background-color: #ffffff; padding: 5px 30px 30px 30px;font-size:110%;font-family: Verdana, Arial;}
.Default-Content UL {list-style:disc;list-style-position:inside;}
.Default-Content LI {margin:1px 2em 0.3em;}
.Default-Content H1 {font-size:180%;margin:3px;margin-bottom:15px;}
.Default-Content H2 {font-size:130%;margin:3px;margin-bottom:9px;}
.Default-Content H3 {font-size:120%;margin:3px;margin-bottom:9px;font-weight:bold}

.Content {background-color: #ffffff; padding: 5px 0px 30px 0px;}
.Content UL {list-style:disc;list-style-position:inside;}
.Content LI {margin:0 0 0.3em;}


.Demo-Content {background-color: #ffffff; font-size:100%;}

.Download {margin-top: 1em;}
.Download TD {vertical-align: middle; padding: 1em 0; width: 50%;}
.Download A { position: relative; left: -5px;}

.MenuFooter {padding-top: 3px; display:inline;}
.MenuFooter UL {display: inline-block; //display: inline; padding-left: 1em;}
.MenuFooter LI {display: inline-block; //display: inline; background-color: transparent; padding: 0; margin: 0;}
.MenuFooter LI A {font-family: 'Segoe UI', Verdana, Arial; font-weight: bold; display: inline-block; padding: .1em 1em .2em 0; font-size: 85%;}
.MenuFooter LI A:link, .MenuFooter LI A:visited {color: #ffffff;}
.MenuFooter LI I {color: #ffffff; display: inline-block; margin-right: .8em; font-size: 110%; position: relative; top: 1px;}

.MenuLevel2 {}
.MenuLevel2 {margin-top: -1px; padding-left: 8%; padding-bottom: 3px;}
.MenuLevel2 UL {display: inline-block; //display: inline; padding: 0 1em;}
.MenuLevel2 UL.Opened {background: none; display: inline-block; //display: inline; padding-left: 1em;}
.MenuLevel2 LI {display: inline-block; //display: inline; background-color: transparent; padding: 0; margin: 0;}
.MenuLevel2 LI.Selected {background: url('../Img/Menu_Grad.jpg') repeat-y top left #7a2908 !important;}
.MenuLevel2 LI A {font-family: 'Segoe UI', Verdana, Arial; font-weight: normal; display: inline-block; padding: .4em .85em .2em .85em; font-size: 120%;}
.MenuLevel2 LI A:link, .MenuLevel2 LI A:visited {color: #ffffff; text-decoration: none !important;}
.MenuLevel2 LI A:active {color: #ffffff; margin-bottom: -3px;}
.MenuLevel2 LI A:hover, .MenuLevel2 LI A:visited:hover, .MenuLevel2 LI A:active:hover {color: #999999; margin-bottom: -3px;}


UL.BulletedList {list-style-position: inside; list-style-image: url(../Img/bullet1.gif);}
UL.BulletedList LI {padding: 0 0 0 .67em; margin: 0 !important;}

.Requirements, .Requirements P, .Requirements A:link, .Requirements A:visited {color: #b0aeae !important;} 

/* Fun */

.AC {text-align: center;} .AC {text-align: -moz-center;}
.AL {text-align: left;} .AL {text-align: -moz-left;}
.AR {text-align: right;} .AR {text-align: -moz-right;}
.AJ {text-align: justify;}
.B {font-weight: bold;}
.B0 {bottom: 0;}
.B1R {border: 1px solid #b20000;}
.B1DR {border: 1px dotted #b20000;}
.B1G {border: 1px solid #92b400;}
.B1DG {border: 1px dotted #92b400;}
.CL {clear: left;}
.CR {clear: right;}
.D0 {display: none;}
.D0I {display: none !important;}
.DB {display: block;}
.DI {display: inline;}
.DIB {display: inline-block;}
.F0 {float: none;}
.FL {float: left;}
.FR {float: right;}
.FS0 {font-size: .01%;}
.FS150 {font-size: 150%;}
.FS200 {font-size: 200%;}
.FS250 {font-size: 250%;}
.FS300 {font-size: 300%;}
.H100 {height: 100%;}
.I {font-style: italic;}
.L0 {left: 0;}
.L50 {left: 50%;}
.L100 {left: 100%;}
.OA {overflow: auto;}
.OV {overflow: visible;}
.OH {overflow: hidden;}
.OS {overflow: scroll;}
.N {font-style: normal; font-variant: normal; font-weight: normal;}
.M0 {margin: 0;}
.P0 {padding: 0;}
.PA {position: absolute;}
.PF {position: fixed;}
.PR {position: relative;}
.R0 {right: 0;}
.R50 {right: 50%;}
.R100 {right: 100%;}
.T0 {top: 0;}
.T50 {top: 50%;}
.TAC {text-align: center;}
.TAL {text-align: left;}
.TAR {text-align: right;}
.U {text-decoration: underline;}
.VV {visibility: visible;}
.VH {visibility: hidden;}
.VC {visibility: collapse;}
.W100 {width: 100%;}
.W50 {width: 50%;}
.W33 {width: 33%;}
.WW0 {white-space: nowrap;}
.WW1 {white-space: normal;}
.Z0 {z-index: 0;}
.Z1 {z-index: 1;}
.Z2 {z-index: 2;}
.Z3 {z-index: 3;}
.Z4 {z-index: 4;}
.Z5 {z-index: 5;}
.Z6 {z-index: 6;}

.White {color: #ffffff !important;}
.Black {color: #000000 !important;}
.Red {color: #b20000 !important;}
.Green {color: #92b400 !important;}
.Blue {color: #2c68c3 !important;}
.Gray {color: #5e5858 !important;}
.Pale {color: #b0aeae !important;}

A.Gray:link {color: #5e5858; text-decoration: underline;}
A.Gray:visited {color: #6b19a8;}
A.Gray:active {color: #999999;}
A.Gray:link:hover, A.Gray:visited:hover, A.Gray:active:hover {color: #b20000; cursor: pointer !important; //cursor: hand !important; background-color: transparent;} 


/* Print  */

@media print{
  .Screen {display: none !important;}
  .Print {display: inline !important;}
}
