BODY { color: #000000; background-image: url(#); background-position: top; background-color: #efefef; overflow-y: scroll;}
BODY , A, P , DIV , TD , TR { font-family: Arial, Helvetica, sans-serif;  font-size: 13px; color: #00000; line-height:1.2em; }
div#Body {background-image: url(#); background-position: top; background-repeat: repeat-x; background-color: #efefef; }
BODY div table {background: #fff;}
IMG { border: 0px; }
P { text-align:left; margin-top:0px; line-height: 1.4em; }
P.Intro:first-letter {font-size: 300%; line-height: 90%; color: #666666; float: left; margin-right: 1px; padding-top: 5px; font-weight: bold; }
HR { color: #D6D4CA; background-color: #D6D4CA; height: 1px; border: none; }
A:link { text-decoration: none; font-weight: normal; color: #ff7200; border-bottom: 1px dotted #ff7200;}
A:visited { font-weight: normal; text-decoration: none; color: #ff7200; border-bottom: 1px dotted #ff7200; }
A:hover { text-decoration: none; color: #333333; background-color: #ffeeaa; border-bottom: 0px dotted #333333; }
/* Style pour liens dit "actions" : downloads, view demo, buy, quicklinks... */
A.action:link , A.LoginLink:link , A.action:visited , A.LoginLink:visited , A.LoginLink:hover { text-decoration: none; border: 0px; font-size: 11px; color: #ff7200; font-weight: normal; }
A.actionDownload:link , A.actionDownload:visited { text-decoration: none; font-size: 12px; color: #ff7200; font-weight: bold; }
A.action:hover { text-decoration: none; color: #333333; background-color: #ffeeaa; border-bottom: none; }
A.LoginLink:link, A.LoginLink:visited , A.LoginLink:hover { text-decoration: none; border: 0px; font-size: 13px; color: #ff7200; font-weight: normal; }
/* Pour appliquer le style "action" sur le lien du chat */
#LiveSupport a:link , #LiveSupport a:visited, #LiveSupport a:hover { text-decoration: none; border: 0px;  background-color:transparent;}
/* Pour enlever le border-bottom et le background-color des images */
A.ImageLink:link , A.LogoYtria:link , A.LogoLotus:link , A.CloseButton:link , A.BigImage:link ,  A.PagePrint:link , A.ImageLink:visited , A.LogoYtria:visited , A.LogoLotus:visited , A.CloseButton:visited , A.BigImage:visited ,  A.PagePrint:visited , A.ImageLink:hover , A.LogoYtria:hover , A.LogoLotus:hover , A.CloseButton:hover , A.BigImage:hover ,  A.PagePrint:hover { text-decoration: none; border: 0px; background-color: transparent; }
A.LogoutLink:link , A.LogoutLink:visited { text-decoration: none; border: 0px; font-size: 11px; color: #333333; font-weight: normal; }
H1 { color: #ff7200; font-size: 24px; line-height:1.1em; font-weight:500; text-align: left; text-decoration: none; clear: both; margin-top: 10px; margin-bottom: 3px; }
H1 A:link , H1 A:visited { color: #ff7200; font-size: 16px; font-weight: 400; text-decoration: none; border: 0px; }
H1 A:hover { color: #333333; font-size: 18px; font-weight: 400; text-decoration: none; background-color: #ffeeaa; border-bottom: 0px solid #cdbc94; }
H2 { color:#333333; font-size:15px; line-height: 18px; font-weight: bold; text-align: left; text-decoration:none; margin-bottom: 6px; margin-top: 30px;}
H2.sub { color:#333333; font-size:16px; line-height: 21px; font-weight: bold; text-align: left; text-decoration:none; margin-bottom: 6px; margin-top: 6px;}
H2 A:link, H2 A:visited { color:#333333; font-size:15px; line-height: 18px; font-weight: bold; text-decoration:none; border: 0px; }
H2 A:hover { color:#333333; font-size:15px; line-height: 18px; font-weight:bold; text-decoration:none; background-color: #ffeeaa; border-bottom: 0px solid #333333; }
H2.Two { background-color: #efefef; color:#000; font-size:15px; line-height: 18px; font-weight: normal; text-decoration:none; margin-bottom: 2px; margin-top: 20px; padding: 3px;}
H3 { color: #333333; font-size:13px; font-weight: bold; text-align: left; text-decoration:none; margin-bottom: 3px; margin-top: 20px;}
H3 A { color: #333333; font-size:13px; font-weight:bold; text-decoration:none; }
H3.Two { color: #333333; font-size:12px; font-weight: bold; text-decoration:none; text-transform: uppercase; margin-bottom: 2px; margin-top: 16px;}
ul { list-style-type: none; margin: 0px 0px 10px 6px; padding-left: 6px;}
ul li { list-style-image: url(../bullet.gif); list-style-position: outside; margin-left: 6px; padding-left: -6px; margin-bottom: 5px; text-align: left; }
ol li {list-style-position: outside; margin-left: 6px; padding-left: -6px; margin-bottom: 5px; text-align: left;}
strong { font-weight: normal; background-color: #ffeeaa; }
blockquote {  margin:20px 0px 0px 0px; padding: 10px 15px 12px 15px; clear: both; background: url(#) top left no-repeat; background-color: #efefef; color: #444444; font-size: 16px; line-height:20px; font-style: italic; }
blockquote img { margin-right: 10px; display: block; float: left; }
blockquote .quotee { text-align:left; background: url(#) bottom right no-repeat; padding: 0px 0px 0px 0px; margin-top: 7px;  color: #444444; font-size: 13px; font-weight: bold;  font-style: normal; line-height: 20px; }
#Col2 blockquote {margin: 30px 0px 20px 5px;}
#Col2 blockquote .quotee {padding: 0px 5px 10px 0px;}
blockquote.Adword { margin: 30px 0 15px 0; padding: 10px 20px 0px 20px; clear: both; background: url(../quote-top-w.gif) top left no-repeat; color: #444444; font-size: 13px; line-height: 18px; font-style: italic; }
blockquote.Adword img { margin-right: 10px; display: block; float: left; }
blockquote.Adword .quotee { text-align: right; background: url(../quote-bottom-w.gif) bottom right no-repeat; padding: 0px 15px 10px 30px; margin-top: 6px;  color: #444444; font-size: 13px; font-weight: bold;  font-style: normal; line-height: 13px; }
/* Javascript Error message */
#divErrorJS { background-image: url(../pixel-transparent.gif);   padding: 2px 15px; position: absolute; top: 25px; left: 360px; width: 500px; }
#divErrorJS img { margin-right: 10px; float: left; }
#divErrorJS P { color: #FE5815; text-align: left; font-size: 13px; font-weight:bold; background-color: #FFFFFF; border: 1px solid #FE5815; padding: 2px 5px; }
/* Special */
span.HideMe { display:none; }
/* Core Structure */
TD.ZoneContentBorderTop
TD.ZoneContentPadLeft 
TD.ZoneContentPadright 
TD.ZoneBottomText 
TD.CoreBorderTop 
TD.CoreBorderLeft  { padding: 3px; background-color: #ffffff; background: url(#) no-repeat 0 0; }
TD.CoreBorderLeft  { padding: 3px; background-color: #ffffff; background: url(#) no-repeat 0 0; }
TD.CoreBorderRight { padding: 3px; background-color: #ffffff; background: url(#) no-repeat 0 0; }
TD.CoreBorderRight { padding: 3px; background-color: #ffffff; background: url(#) no-repeat 0 0; }
TD.CoreBorderBottom { color: #efefef; }
TD.CoreBorderBottom { padding: 0px; background-color: #42413e; }
/* Page Content  */
/*New - Conor*/
div#ContentHead {margin-bottom:120px; margin-top:-20px;}
div#HeadTopLevel {height: 350px; margin-bottom:20px; width:550px;}
H4 { color:#00000; font-size:16px; font-weight: normal; text-align: left; text-decoration:none; margin-bottom: 30px; margin-top: 5px;}
div#DemoButtonHead  {float: right; background: url(../Closed-demo-button_small2.gif) no-repeat 0 0; padding-top: 2px; padding-left: 36px; height: 35px; width:130px;  margin:14px -35px 0 0; cursor:hand; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; line-height:24px;}
html>body div#DemoButton {width:88px;} /*For Firefox*/
div#DownloadButtonHead {float: right; background: url(../closed-download-button-large-blue.gif) no-repeat 0 0; padding-top: 22px; padding-left: 51px; height: 50px; width:152px;  cursor: hand; color: #FFF; font-size: 16px; font-weight:bold; text-decoration: none; line-height:14px; margin-top:-10px;}
html>body div#DownloadButtonHead {width:110px;} /*For Firefox*/
#DownloadButtonHead span {color: #fff; font-size: 12px;  font-weight: normal; text-decoration: none;}

div#DropList   {border-top: 0px solid #333333; border-bottom: 0px solid #333333; padding:0px 0; margin-bottom:0px; }
.Question1Closed , .Question1Opened,
.Question2Closed , .Question2Opened, 
.Question3Closed , .Question3Opened, 
.Question4Closed , .Question4Opened, 
.Question5Closed , .Question5Opened, 
.Question6Closed , .Question6Opened, 
.Question7Closed , .Question7Opened {margin-top:2px;}
.Question1Closed a:link , .Question1Closed a:visited , .Question1Closed a:hover,
.Question2Closed a:link , .Question2Closed a:visited , .Question2Closed a:hover,
.Question3Closed a:link , .Question3Closed a:visited , .Question3Closed a:hover,  
.Question4Closed a:link , .Question4Closed a:visited , .Question4Closed a:hover,
.Question5Closed a:link , .Question5Closed a:visited , .Question5Closed a:hover,
.Question6Closed a:link , .Question6Closed a:visited , .Question6Closed a:hover,
.Question7Closed a:link , .Question7Closed a:visited , .Question7Closed a:hover{background-image: url(../icon-expand.gif);  background-repeat:no-repeat; background-position: 5px 5px; padding:4px 4px 4px 31px; display:block; font-size:14px; font-weight:normal; color:#333333; border:0px; }
.Question1Opened a:link , .Question1Opened a:visited , .Question1Opened a:hover,
.Question2Opened a:link , .Question2Opened a:visited , .Question2Opened a:hover,
.Question3Opened a:link , .Question3Opened a:visited , .Question3Opened a:hover, 
.Question4Opened a:link , .Question4Opened a:visited , .Question4Opened a:hover, 
.Question5Opened a:link , .Question5Opened a:visited , .Question5Opened a:hover, 
.Question6Opened a:link , .Question6Opened a:visited , .Question6Opened a:hover, 
.Question7Opened a:link , .Question7Opened a:visited , .Question7Opened a:hover {background-image: url(../icon-collapse.gif); background-repeat:no-repeat; background-position: 5px 5px; padding:4px 4px 4px 31px; display:block; font-size:14px; font-weight:normal; color:#ff4f00; border:0px; }
div#DropList div #Question1Details #Question2Details #Question3Details #Question4Details #Question5Details #Question63Details #Question7Details {padding-left:31px; margin-top:10px;}
/* All-Product Main page*/
/*EZ Suite section*/
.SuiteContainer { text-align: left; vertical-align: top; padding: 3px; }
.SuiteContainer td { width: 152px; background-color: #; border:  solid 1px #efefef; padding: 6px; vertical-align: top; }
.SuiteContainer td P { margin-bottom: 0px; margin-top: 7px; }
.SuiteContainer td UL { margin-bottom: 0px; }
/*Individual Product section*/
div.ProductContainer { border-bottom: 1px solid #D6D4CA; margin-top: 15px; }
div.ProductContainer #Logo { float: left;  width: 82px; margin-right: 6px; }
div.ProductContainer #Text { width: 285px; float: left; }
div.ProductContainer #Text h2 { margin-top: 0px; margin-bottom: 0px; }
div.ProductContainer #Action { width: 115px; border-left: solid 1px #FE5815; margin-left: 6px; padding-left: 6px; line-height: 20px; float: right; text-align: left; }
div#End { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
div.ProductContainer1 { border-bottom: 1px solid #EAE9DA; margin-top: 15px; padding-bottom:10px; }
div.ProductContainer1 #Logo { float: left;  width: 126px; margin-right: 16px; margin-top: 5px; }
div.ProductContainer1 #Text { width: 335px; float: left; margin-bottom:6px;}
#DownloadBtn-Prod {background: url(../closed-download-button-small-blue3.gif) no-repeat 0 0; float:left;  padding: 3px 0 0 39px; height:38px; width:105px;  margin: 8px 0 0 0;   cursor:hand;  color: #FFF; font-size: 15px; font-weight:bold; text-decoration: none; line-height:14px;}
#DownloadBtn-Prod span {color: #ffffff; font-size: 12px;  font-weight:normal; text-decoration: none;}
a:hover div#DownloadBtn-Prod {color:#ffffff;}
#dl-btn2 {float:left; background-image: url(../Closed-download-button-small-blue3.gif); font-family: arial, sans-serif; background-repeat: no-repeat; background-position: top left; padding-top: 3px; padding-left:41px; height: 34px; width:104px;  margin-left: 11px; margin-top:3px; margin-bottom: 14px; cursor:hand; position:relative; right:0px; top:0px; color: #FFF; font-size: 15px; font-weight:bold; text-decoration: none; line-height:14px;}
#dl-btn2 span {color: #ffffff; font-size: 12px;  font-weight:normal; text-decoration: none;}
a:hover div#DownloadButton {color:#ffffff;}
#demo-btn2  {float: left; background-image: url(../Closed-demo-button_small2.gif); background-repeat: no-repeat; background-position: top left; padding-top: 2px; padding-left: 34px; height: 34px; width:110px;  margin-left: 0px; margin-top: 7px; margin-bottom: 14px; cursor:hand; position:relative; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; line-height:24px;}
a:hover div#demo-btn2 {color:#ffffff;}
/* Product Landing Page*/
/* Header: Title*/
TD.BigBlock {background-image:url(../dropshadow.gif); background-position:bottom center; background-repeat:no-repeat; text-align:left;}
div#Header {width:900px; margin-bottom:30px; margin-top: 15px; position:relative; height:170px; padding:7px 15px 0 30px;}
div.ProdLanding#ColA {text-align:left;width:540px;}
div.ProdLanding#ColA H1 { color: #FE5815; font-size: 27px;  line-height: 30px; font-weight: normal; text-decoration: none; margin: 0px; text-align:left; margin-bottom:5px;}
div.ProdLanding#ColA H1 span {color: #ff8e00;}
div.ProdLanding#ColA p {color:#7e7869; font-size:14px; font-weight: bold; text-decoration: none; text-align: right; margin-top: 3px; text-align:left; width:500px; }
/*Header: action buttons*/
div#DownloadButton {float: left; background: url(../closed-download-button-large-blue.gif) no-repeat 0 0; padding-top: 23px; padding-left: 51px; height: 50px; width:153px;  cursor: hand; color: #ffffff; font-size: 16px; font-weight:bold; text-decoration: none; line-height:14px; margin-top:-10px;}
html>body div#DownloadButton {width:110px;} /*For Firefox*/
#DownloadButton span {color: #fff; font-size: 12px;  font-weight: normal; text-decoration: none;}
div#DemoButton  {float: left; background: url(../Closed-demo-button_small2.gif) no-repeat 0 0; padding-top: 2px; padding-left: 35px; height: 35px; width:125px;  margin: 12px 18px 0 0; cursor:hand; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; line-height:24px; }
html>body div#DemoButton {width:85px;} /*For Firefox*/
a:hover div#DemoButton {color:#ffffff;}
/*Quick Start Guide box*/
.QSG {border-top: 1px #eaeaea solid; padding-bottom:25px; margin:30px 0 25px 0;}  
.QSG img {float:left; margin:30px 15px 0 0;}
/* Product Generic Text*/
div#BulletIntro {margin:40px 0 25px 20px; padding: 0 25px;}
div#BulletIntro ul {font-size:17px; color:#ff8e00; line-height:19px;}
div#BulletIntro ul li {margin-bottom:25px; list-style-image: url(../bullet-large.gif);}
div#MainContent {}
div#Col1 {width:135px; float:left; text-align:right; padding-right:9px;}
div#Col2 {width:330px; float:right; border-left: 1px solid #FFD101; padding-left:15px;}
div#MainContent h2 {font-size:18px;  line-height:1.2em;  color:#333333; font-weight:normal; margin-bottom:5px;}
div#MainContent h2 span {font-size:13px; font-weight:bold; line-height:1em;}
div#ExtraInfo{border-top: 1px dotted #888888; border-bottom: 1px dotted #888888; padding:2px 0; margin-bottom:35px; margin-top: 10px}
.QuestionClosed , .QuestionOpened {margin-top:2px;}
.QuestionClosed a:link , .QuestionClosed a:visited , .QuestionClosed a:hover  {background-image: url(../icon-arrow-expand.gif); background-repeat:no-repeat; background-position: 5px 5px; padding:4px 4px 4px 31px; display:block; font-size: 12px; font-weight:bold; color:#ff7200; border:0px;}
.QuestionOpened a:link , .QuestionOpened a:visited , .QuestionOpened a:hover {background-image: url(../icon-arrow-collapse.gif); background-repeat:no-repeat; background-position: 5px 5px; padding:4px 4px 4px 31px; display:block; font-size: 12px; font-weight:bold; color:#ff7200; border:0px;}
div#ExtraInfo #QuestionDetails {padding-left:31px; margin-top:10px;}
/* Product Fact Sheet*/
div#FactSheet {background-image: url(#); background-repeat:no-repeat; background-position: bottom; padding-bottom:18px; margin-top:45px;  width:500px;}
div#FactSheet #Top {background-image: url(#); background-repeat:no-repeat; background-position: top; height: 60px; width:508px;}
div#FactSheet h3 {padding:25px 0px  7px  5px; border-bottom: 1px solid #d1d1d1; margin-top:0px; font-size: 16px;}
div#Screenshots {width:335px; float:left; margin-left: 0px; margin-top: 10px; margin-bottom:10px; padding-right:4px; position:relative;  }
#Screenshots div.Wrap {float:left; margin-right:10px; text-align: left;  padding: 5px}
#Screenshots div.Wrap img {border:1px solid #d1d1d1;}
#Screenshots div.Wrap p, .Caption { color:#444444; font-size:9px; width:90px; margin-top: 5px;}
div#ScrnShotSidebar {width:100px; float:left; margin-left: 0px; margin-top: 0px; margin-bottom:10px; padding-right:4px; position:relative; }
#ScrnShotSidebar div.Wrap {float:left; margin-right:10px; text-align: left;  padding: 5px}
#ScrnShotSidebar div.Wrap img {border:1px solid #d1d1d1;}
#ScrnShotSidebar div.Wrap p, .Caption { color:#666666; font-size:9px; width:90px; margin-top: 5px;}
div#FactSheet {width:508px; float:left; margin-top:20px; margin-left:0px; margin-bottom:10px; }
div#FactSheet #FactsText {width:508px; float:right; padding-right:0px;}
h4.Fact1Opened a:link , h4.Fact1Opened a:visited , h4.Fact1Opened a:hover ,
h4.Fact2Opened a:link , h4.Fact2Opened a:visited , h4.Fact2Opened a:hover ,
h4.Fact3Opened a:link , h4.Fact3Opened a:visited , h4.Fact3Opened a:hover {background-image: url(../toggle-minus.gif); background-repeat:no-repeat; background-position: 5px 5px; margin-top:15px; margin-bottom:10px; padding:4px 4px 4px 31px; background-color:#efefef; border-bottom: 1px dotted #666666; color:#666666;  font-size:13px; font-weight:bold; line-height:16px; display:block;}
h4.Fact1Closed a:link , h4.Fact1Closed a:visited , h4.Fact1Closed a:hover , 
h4.Fact2Closed a:link , h4.Fact2Closed a:visited , h4.Fact2Closed a:hover , 
h4.Fact3Closed a:link , h4.Fact3Closed a:visited , h4.Fact3Closed a:hover  {background-image: url(../toggle-plus.gif); background-repeat:no-repeat; background-position: 5px 5px; margin-top:15px; margin-bottom:10px; padding:4px 4px 4px 31px; background-color:#efefef; border-bottom: 1px dotted #666666; color:#666666;  font-size:13px; font-weight:bold; line-height:16px; display:block; }
#Fact1Details , #Fact2Details , #Fact3Details {margin-bottom:35px;}
/* Product Download Begin Page*/
#Steps li {margin-bottom:5px; }
/* Any product pages*/
DIV.Sidebar {width: 125px; float: right; margin-left: 10px; margin-bottom: 20px;}
DIV.Sidebar DIV.Container {background-color: #efefef; margin-bottom: 10px;}
DIV.Thumbnail { padding: 5px; }
DIV.Thumbnail P { font-weight: normal; font-style: normal; color: #666666; font-size: 9px;  margin-top: 2px; margin-bottom: 2px; }
DIV.Thumbnail img { border: 1px solid #888888; margin-bottom: 2px;}
DIV.Thumbnail img.icon-enlarge {border: 0; float: right; margin-left: 3px;}
DIV.Thumbnail img.icon-link {border: 0; vertical-align: -3px;}
DIV.Tips { padding: 5px; background-color :#efefef; border: 1px solid #d1d1d1;}
DIV.Header { padding: 2px 5px;  background-color: #444444; margin-bottom: 0px; color: #FFF; font-size: 10px; font-weight: bold;}
DIV.Tips ul { list-style-type: square; margin: 0px 0px 4px 6px; padding-left: 2px;}
DIV.Tips ul li { list-style-image: url(../bullet.gif); list-style-position: outside; margin-left: 6px; padding-left: 2px; margin-bottom: 4px;  line-height:0.9em;}
/* Partner page*/
div.PartnerContainer { margin-top: 15px; padding-bottom: 6px; }
div.PartnerContainer #Logo { float: left;  width: 190px; margin-right: 6px; }
div.PartnerContainer #Text { width: 255px; float: left; }
div.PartnerContainer #Text H1 , div.PartnerContainer #Text H1:link{ margin-top: 0px; margin-bottom: 0px; text-decoration: none; }
div.PartnerContainer #Action { width: 87px; margin-left: 6px; padding-left: 6px; line-height: 20px; float: right; }
/* Quote page*/
div.CustomerBlock { position:relative; width: 240px; float: left; margin: 5px 5px 5px 0px; }
div.CustomerBlock P#quote { color: #000; font-style: italic; width: 138px; position: absolute; top: 12px; left: 15px; margin-bottom: 0px; font-size:11px; }
div.CustomerBlock P#quotee { min-height: 26px; width: 145px; padding: 2px 4px; position: absolute; bottom: 7px; left: 1px; margin-bottom: 0px; color: #FE5815; background-color: #FFFFFF; font-size:10px; line-height:11px; }
div#CustomerBlockText { background: url(../emptyblock.gif) no-repeat; height: 155px; }
blockquote.list { margin: 20px 30px 10px 30px; padding: 10px 20px 0px 20px; clear: both; background: url(../quote-top-w.gif) top left no-repeat; color: #333333; font-size: 12px; line-height: 17px; font-style: normal; }
div.quotee-list { text-align: right; padding: 0px 15px 10px 0px; margin-top: 15px; background: url(../quote-bottom-w.gif) bottom right no-repeat; color: #333333; font-size: 11px; font-weight:normal;  font-style: normal; line-height: 14px; }
 
/*Flash Demo page*/
.DemoPageBtn {float:left; display:inline; margin: 0 15px 15px 0; background:url(../demo-button.gif) no-repeat 0 0; width:154px; height:179px; text-align:center; }
A.DemoPageLink , A.DemoPageLink:hover { border:0px;  text-decoration: none; background-color:transparent; }
.DemoPageBtn img {margin:60px 6px 0px 6px;}
.DemoPageBtn p {text-align:left; color:#444444; font-size:9px; font-weight:bold; margin:0px 10px 4px 12px; border-top: 1px dotted #888888; padding-top:3px;}
.DemoPageBtn span { text-align:center; color:#444444; font-size:9px; font-weight:bold; line-height:9px; margin-top: 350px;}
div.DemoPageBtnTime { text-align: center; background-color: #; padding: 3px; position: relative; top: 2px; bottom: 0px; text-align:center; color:#444444; font-size:9px; font-weight:bold; line-height:9px;}
/* TextZone */
a.textzone:link { color: #000; }
a.textzone:visited {color: #CAA78A; }
a.textzone:hover {text-decoration: none; color: #fecd08; } /*background-color: yellow; }*/
a.textzone2:link { color: #000; }
a.textzone2:visited {color: #CAA78A; }
a.textzone2:hover {text-decoration: none; color: #fecd08; } /* background-color: #cff; } */
li.spacing { margin-bottom: 10px; }
ol { margin-top: 0px; margin-left: 16px; padding-left: 16px; }
ol.FAQspacing { line-height:1.2em; margin-left:16px; padding-left: 16px; }
ol.FAQspacing li {margin-bottom:12px;  font-weight:bold; list-style-type: decimal; list-style-image: none; color: #FE5815; margin-top: 0px; }
ol.FAQspacing li a {color:#333333; font-weight:bold; border-color:#333333;}
/* Top Zone  */
/* LogoYtria */
TD.LogoYtria {  padding: 15px 0 15px 4px; width: 355px;  }
img.LogoYtria {float: left;}
DIV.Slogan { float: right; width: 197px; border-left: 1px solid #d1d1d1; padding-left: 14px; padding-bottom: 1px; margin-top: 38px; font-size: 0.8em; text-align:left;}
TD.LogoLotus { padding: 15px 0 12px 0; }
TD.LogoLotus a {cursor:default;}
img.LogoLotus {margin-left: 20px;}
/* LogoBand */
TABLE.LogoBand { background: #FFFFFF; }
TD.LogoBand { background: #FFFFFF; } 
TD.GreyBorder { border-color: #F5ECE4; background: #F5ECE4; border-style: solid none ; border-width: 1px 0px ; }
/* LoginBar */
TABLE.LoginBar , TABLE.LoginBarTEST { background-color: #f8f8f8; background-image: none; padding-left: 4px;}
/* TABLE.LoginBar , TABLE.LoginBarTEST { background-color: #F4F4E9; background-image: url(../LoginBar-bg.gif); background-repeat: repeat-x; background-position: bottom; }*/
 /* TABLE.LoginBarTEST { background-color: #78ABD8; }  Major links  TEST SERVER #808080*/
TD.LoginBar { height: 22px; vertical-align: middle; padding: 0px 10px; text-align: left; }
input.Search { border: 1px solid #dddddd; background-color: #ffffff; color: #333333; font-size: 9px; padding: 0px 2px;}
input.Search:focus {background-color: #FFF; }
input.SearchButton { border: 1px outset #FFF; background-color: #efefef; color: #333333;  font-size: 9px; padding: 0px 2px; }
* html input.SearchButton { padding: 0px 0px; margin-top: 2px; }
input.SearchButton:hover { border: 1px inset #FFF; background-color: #ebebeb; color: #333333;  font-size: 9px; padding: 0px 2px; }
.SearchTxt , .SearchTgt { color: #333333;  font-size: 9px }
/* Splash - Addiction May Occur */
/*TD.Addiction { height: 22px; width:64px; }*/
/*DIV#AddictionWrap {position:relative; z-index: 500;}*/
/*DIV.Addiction {background-image:url(../splatch-addiction.gif); background-repeat: no-repeat; width:150px; height:93px; position: absolute; top:-20px; left:-67px; visibility: visible;}*/
/*html DIV.Addiction {top:-20px; left:-105px;}*/
/* TopMenu */
table.TopMenu { background-color: #444444; }
td.TopMenu { height: 22px; float: left; }
ul.TopMenu {  padding: 0px; margin: 0; }
li.TopMenu { height: 22px; font-size: 14px; line-height:22px; float:left; list-style: none; margin-left: 0px;  padding: 0px 12px; }
li.TopMenuSel { line-height: 22px; float: left; list-style: none; font-size: 14px; margin-left: 0px; padding: 0px 12px; background-color: #ff7200;}
li.TopMenu a:link , li.TopMenu A:visited { font-size: 14px;  line-height:22px;  color: #ffffff; font-weight: normal; text-decoration: none; border-bottom: none; background-color: transparent; padding-top: 2px; }
li.TopMenuSel a:link , li.TopMenuSel a:visited, li.TopMenuSel a:hover { font-size: 14px; line-height:22px; color: #ffffff; font-weight: normal;  text-decoration: none; border-bottom: none; background-color: #ff7200; padding:0px; }
li.TopMenu a:hover { color: #ffffff; background-color: #ff7200; list-style: none;  display: block; font-size: 14px line-height:22px; font-weight: normal; text-decoration: none;  padding: 0px 12px; margin: 0px -12px;  }
td.LanSel { margin: 0px; padding: 0px; }
select.LanSel , select.SearchTgt { border: 1px solid #666666; color: #444444; font-size: 10px; }
TD.PagePrint {padding-top: 1px; padding-left: 6px;  }
/* Left Zone  */
/* MenuLeft*/
TD.MenuLeftSpan {background: #ffffff; background-image: url(#); background-repeat:repeat-y; background-position:165px; width:170px;}
DIV.MenuLeftTop { position:relative;  height: 5px; background-color:#444444; background-image: url(#); background-repeat: no-repeat; margin-top:0px; font-size:4px;}
/* 1er niveau */
UL.MenuLeft1 { list-style: none; list-style-image: none; margin: 0px; padding-left: 6px; paddig-bottom:4px; background-color:#444444; background-image: url(#); background-repeat:repeat-y; background-position:165px; }
LI.MenuLeft1, LI.MenuLeft1Sel {list-style: none; list-style-image: none; margin-left: 0px; margin-bottom: auto; padding-left: 0px; padding-top: 8px; }
LI.MenuLeft1 {text-indent:-6px;}
LI.MenuLeft1 A:link , LI.MenuLeft1 A:visited { padding-left:6px; text-decoration: none; border-bottom: none; color:#ffffff; font-size:13px; }
LI.MenuLeft1Sel A:link , LI.MenuLeft1Sel A:visited ,  LI.MenuLeft1Sel A:hover {color:#ffffff; font-size:13px; text-decoration: none; border-bottom: none; font-weight: bold; background: transparent;}
LI.MenuLeft1 A:hover {padding-left:6px; padding-right:6px; font-weight: normal; color: #ffffff; text-decoration: none; border-bottom: none; background-color: #ff7200;}
/* 2e niveau */
UL.MenuLeft2 { margin: 8px 0px 0px -6px; padding: 0 5px 8px 0px; background:#efefef; url(#) repeat-y 165px 0;}
LI.MenuLeft2 , LI.MenuLeft2Sel {list-style-image: url(../bullet.gif); list-style-position: outside; margin-left: 20px; margin-bottom: auto; padding-left:0px; padding-top: 5px; background-color: transparent;} 
LI.MenuLeft2 A:link , LI.MenuLeft2 A:visited { color:#222222; font-size: 12px; font-weight: normal; border-bottom: none; margin-left:0px; } /*text-transform:uppercase;*/
LI.MenuLeft2Sel A:link , LI.MenuLeft2Sel A:visited { font-size: 12px; color: #222222; font-weight: bold; text-decoration: none;  border-bottom: none; background-color: transparent; margin-left:0px; }  /*text-transform:uppercase;*/
LI.MenuLeft2 A:hover {  font-size: 12px; padding-right:0px; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #ff7200; }  /*text-transform:uppercase;*/
/* 3e niveau */
UL.MenuLeft3 { list-style: none; list-style-image: none; margin-top: 4px; margin-bottom: 3px; padding: 0 0 8px 0;}
LI.MenuLeft3 , LI.MenuLeft3Sel { list-style: none; list-style-image: none; border-left: 1px dotted #d1d1d1; background-color: transparent; text-indent:-6px; margin-left: -5px; margin-bottom: auto; padding-top: 5px; padding-bottom: 2px; padding-left:5px;} 
LI.MenuLeft3 A:link , LI.MenuLeft3 A:visited { list-style: none; list-style-image: none; font-size: 13px; color:#222222; font-weight: normal; border-bottom: none; background-color: transparent; text-transform:none; margin-left:6px;}
LI.MenuLeft3Sel A:link , LI.MenuLeft3Sel A:visited { font-size: 13px;color:#222222; font-weight: bold; text-decoration: none; font-style: italic; border-bottom: none; background-color: transparent;  text-transform:none; margin-left:6px;}
LI.MenuLeft3 A:hover {font-size: 13px;  font-weight: normal; color: #ffffff; text-decoration: none; background-color: #ff7200; padding: 0 2px; margin-left:6px; }
DIV.MenuLeftBottom { position:relative; z-index:200; height: 8px; background-color: #444444; background-image: url(../menu-left-bottom2.gif); background-repeat: no-repeat;  background-position:bottom; font-size:4px;}
.MenuLeftSpan #LiveSupport {margin-right:0; margin-top:15px; margin-bottom:15px; width:158px;}
.AddThis {margin:0 10px 13px 5px; width:135px;}
div.prod-flyoutop { width: 120px; height: auto;  position: relative;  left: -120px; top: 0px; padding: 5px; background-image: url(../bg-flyout.gif); margin-bottom: -225px;}
div.prod-flyout { width: 120px; height: auto; background-color: #; float: left; margin-left: -326px; margin-top: -271px; padding: 5px; background-image: url(../bg-flyout.gif); margin-bottom: -200px;}
#prod-flyout { list-style: none;  padding: 7px 0 0 5px;}
#prod-flyout a:link , #prod-flyout a:visited , #prod-flyout a:hover {font-size: 13px; color:#333333; text-decoration: none; border-bottom: none;} 
#prod-flyout p {font-size: 13px; margin-left: -3px; margin-bottom: 5px; }
/* Right Zone  */
/* ZoneExtra (right side) */
TABLE.ZoneExtra {text-align:left;}
.ZoneExtra #ActionButton {margin-bottom:15px;}
.ZoneExtra #ActionButton img {vertical-align:middle; margin-top:5px; margin-bottom:5px;}
.ZoneExtra #QuickLink {margin-top:25px; margin-bottom:25px;}
.ZoneExtra #Addicted {margin-top:15px; margin-bottom:25px;}
.ZoneExtra #PrinterFriendly {background-color:#f4f4e9; padding:3px;}
.ZoneExtra h4 {color: #69685d; font-size:1.2em; margin-bottom:4px; margin-top:0px;}
.ZoneExtra P { margin-top: 5px; margin-bottom: 0px;}
div.toplevelright {padding-left: 8px; padding-top:5px;}
/* Others.../ Uncategorized  */
/* Global Zone Setting */
TABLE.ZoneMenu { background-color: transparent; }
TABLE.ZoneExtra { background-color: transparent; }
TD.VerticalSep { border-style: none ; border-width: 0px ; }
TD.HSep { border-color: #E8E0CF; border-style: solid none ; border-width: 1px 0px 0px 0px ; }
/* Content Area */
TABLE.ZoneContent { border-right: 1px solid #eaeaea; vertical-align: top; text-align: left;  border-left: 1px solid #eaeaea; }
TD.ZoneContent {  padding: 15px; vertical-align: top;}
/* Content Special */
Table.BlockTitle {border-bottom: 0px solid #; padding-right: 12px; padding-left: 11px; }
TD.BlockTitle { padding: 8px 10px; font-weight: normal; font-size: 12px; line-height:15px; color: #333333; background: #efefef; }
TD.BlockTitle P { font-weight: normal; font-size: 12px; line-height:15px; color: #333333; background: #efefef; }
TD.BlockTitle A:link {font-size: 12px; line-height:15px; font-weight: bold; color: #333333;  border-bottom: 1px dotted #333333; }
TD.BlockTitle A:visited {font-size: 12px; line-height:15px; font-weight: bold;  text-decoration: none; color: #333333; border-bottom: 1px dotted #333333; }
TD.BlockTitle A:hover { font-size: 12px; line-height:15px; text-decoration: none; font-weight: bold;  color: #333333; background-color: #f8f8f8; border-bottom: 1px solid #333333; }
DIV.QuoteTop { position: relative; left: 27%; width: 73%; font-weight: normal; font-style: italic; text-align: justify; font-size: 12px; line-height: 18px; color: #c5b696; background-image: url(../quote-top.gif) no-repeat;}
DIV.QuoteBottom { position: relative; left: 27%; width: 73%; margin-top: 5px; font-weight: normal; font-size: 10px; line-height: 12px; text-align: right; color: #c5b696;  background-image: url(../quote-bottom.gif) no-repeat;}
/*.PageTitleLeft { font-family: Tahoma, Helvetica, Arial; font-size: 22px; color: #FE5815; }*/
.PageTitleRight { font-weight: bolder; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; color: #666666 ; }
.TitleContent1 { font-weight: bolder; font-family: Arial, Helvetica, Sans-serif; font-size: 14px; color: #666666 ; }
TD.ContentBlockTitle { font-weight: bold; font-size: 12px; line-height:25px; color: #cdbc94; background: #F4F4E9;}
TD.WhitePaper  { vertical-align: top; text-align: right; color: #666666; }
td.PageTitleLeft {text-align: left; padding: 6px;}
td.PageTitleLeft div#Container {float: center; margin-top: 14px; margin-bottom:5px; border-bottom: 1px solid #e5e5e5; }
td.PageTitleLeft div.Text {float: center; padding-right: 5px; border-right: 0px solid #ff4f00;}
td.PageTitleLeft div.Text#Short  {width:400px; }
td.PageTitleLeft div.Text#Long  {width:342px;}
td.PageTitleLeft h1 { color: #ff7200; font-size: 24px;  line-height: 24px; font-weight: 500; text-decoration: none; margin: 0px; text-align:left;}
td.PageTitleLeft p {color:#000000; font-size:14px; font-weight:normal; text-decoration: none; margin-top: 3px; text-align:left; }
td.PageTitleLeft div#Logo { padding-left: 0px; padding-top: 5px; height: 100%; float:center;}
TD.BigImage , img.BigImage {margin:0px; padding:0px;}
/* Footer Content Zone */
.copyright {font-weight:normal; font-style: normal; color: #333333; font-size: 9px; text-align:left; margin-top:3px;}
A.copyright:link { color: #333333; border-bottom: 1px #666666 dotted; font-weight:normal; font-style: normal; font-size: 10px; text-align:left; display:inline-block;}
A.copyright:visited {color: #333333; border-bottom: 1px #666666 dotted; font-weight:normal; font-style: normal; font-size: 10px; text-align:left; display:inline-block;}
A.copyright:hover { color: #000; background-color: #efefef; border-bottom: 1px dotted #666666; font-weight:normal; font-style: normal; color: #333333; font-size: 10px; text-align:left; display:inline-block;}
.footer {font-weight:normal; text-align:left; color: #ffffff; font-size: 12px; margin-top:0px; position:relative; top:6px; left:35px; line-height: 18px; }
A.footer:link { color: #ffffff; border-bottom: 0px #42413e solid; font-weight:normal;  font-size: 12px; text-align:left; }
A.footer:visited {color: #ffffff; border-bottom: 0px #42413e solid; font-weight:normal; font-size: 12px; text-align: left; }
A.footer:hover { color: #000; background-color: #ffffff; border-bottom: 0px solid #ffffff; font-weight:normal;  color: #42413e; font-size: 12px; text-align: left; }
.ShadowTop { background:url(#) repeat-x 0 6px; padding-top:1px; clear:both;  height:110px;}
html>body .ShadowTop {height:auto;}  /*For Firefox*/
#ClientList {background:url(#) repeat-x 0 0 #efefef;  margin-top:10px; padding:12px 0 4px 12px; vertical-align:middle; border-top: 0px solid #cfcfcf;}
#ClientList .scrollable {margin-left:240px; height:75px; overflow:hidden; position:relative; width:655px; }
html>body #ClientList .scrollable {width:673px;} /*For F5irefox*/
#ClientList .scrollable .items {position:absolute; width:2000em; clear:both;}
#ClientList .items a {float:left; margin:0px 40px 0 0;}
html>body #ClientList  .items a {margin-top:4px;}  /*For Firefox*/
#ClientList h5 {line-height:130%; color:#444444; font-size:11px; float:left; clear:left; width:220px; margin-top:6px;}
#FooterContent {background:url(#) repeat-x 0 -6px  #444444; padding:12px;}
.SecurityMetrics { margin-right:8px; }
.SocialMedia {clear:right; float:right; margin-top:20px; width:200px; margin-bottom:0px; margin-right: -50px;}
.SocialMedia div {text-align:left; margin-right:3px; margin-left:0px;  float:left;}
.SocialMedia h5 {margin:0 0 9px 0; color:#ffffff; text-align:left; font-size:12px; font-weight: normal;}
.SocialMedia img {display:block; width:23px; margin-left: 0%; margin-right:0%; padding-top:0px;}
/* Dynamic Dialog Box */
TABLE.dialogBoxMain {border-top: 2px #F4F4E9 solid; border-left: 2px #F4F4E9 solid; border-right: 2px #e0dfd5 solid; border-bottom: 2px #e0dfd5 solid; background-color: #eceadb; position: relative; z-index: 9999;}  /* Main dialog box style */
SPAN.dialogBoxMain { color: #000;  font-weight: bold; } /* Dialog Box Title style */
TD#dialogBoxTitle , TD#dialogBoxTitle + TD {background-color: #eceadb; padding:6px 10px 6px 10px;}
TD.dialogBoxMain { background-color: #eceadb; padding:0px 10px 8px 10px;} /* Dialog Box Content style */
DIV.dialogBoxTemp { color: #FE5815 ; font-size: large ; font-weight: bolder ; text-align: center ; margin: 50px 0px ; } /* Dialog Box Temp Text style */
TD.screenCopyLabel { color: #666666 ; background-color: #FFFFFF ; font-weight: bolder ; }
#bodyKeyListing , #bodyWebPageLight {background-image: none;}
/* Article Formula*/
DIV.maintxt { font-family: verdana; font-size: 10px; text-align: justify; }
DIV.formula { font-family: verdana; color: #000080; font-size: 10px;  margin-left: 20px; }
SPAN.formula { font-family: verdana; color: #000080; font-size: 10px; }
DIV.lotuscript { font-family:  verdana; color: #000080; font-size: 10px; margin-left: 20px }
DIV.title { font-family: verdana; font-size: 15px; font-weight:bold; }
SPAN.title { font-family: verdana; font-size: 18px; font-weight:bold; }
SPAN.highlight { font-family: verdana; font-size: 10px; font-weight:bold; color: #FF0000; }
SPAN.subtitle { font-family: verdana; font-size: 11px; font-weight:bold; }
TABLE.data { border-style: solid; border-width: 1px; }
TR.data { vertical-align: top; }
TD.data { font-family: verdana; font-size: 10px; border-style: solid; border-width: 1px; }
TD.data_h { font-family: verdana; font-size: 10px; font-weight:bold; text-align: center; border-style: solid; border-width: 1px; }
/* Tables inside documents*/
table.Comparison {border: 1px solid #eaeaea; border-collapse: collapse; padding: 2px 5px;  text-align: left;}
table.Comparison th {border-width: 0px 0px 1px 0px;	padding: 5px; border-style: solid solid solid solid; border-color: #e8e0cf; background-color: #f8f8f8; }
table.Comparison td {border-width: 0px 0px 1px 0px; padding: 5px; border-style: solid; border-color: #eaeaea;}
table.VersionHistory {border: 0px 1px 1px 1px; border-style: solid; border-color: #eaeaea; border-collapse: collapse; padding: 2px 5px;}
table.VersionHistory th {color: #FFF; background-color: #ff7200; text-align: left; font-weight: bold;  border: 1px solid #ff7200; padding: 2px 5px;}
table.VersionHistory td {border-width: 0px 1px 1px 1px; padding: 5px; border-style: solid; border-color: #eaeaea;}
table.UsedBy { width: 100%;}
table.UsedBy th {background-color: #F4F4E9; text-align: left; font-weight: bold;  border-bottom: 1px solid #e8e0cf; padding: 2px 5px;}
table.UsedBy td {padding: 6px 5px;}
table.Account2 th {color: #FFF; background-color: #ff7200; text-align: left; font-weight: bold; border: 1px solid #ff7200; padding: 2px 5px;}
table.Account2 th#RightColumn {text-align: right; color: #FFF; background-color: #ff7200; text-align: left; font-weight: bold; border: 1px solid #ff7200; padding: 2px 5px;}
table.Account2 th#RightColumn A:link , table.Account2 th#RightColumn A:visited {font-size: 10px; line-height: 11px; font-weight: bold; color: #FFF;  border-bottom: 0px;}
table.Account2 th#RightColumn A:hover {font-size: 10px; line-height: 11px; font-weight: bold; text-decoration: none; color: #000; background-color: #f8f8f8; border-bottom: 1px solid #cdbc94;}
table.Account2 td#SubHeader {vertical-align: middle; background-color: #f8f8f8; text-align: left; font-size: 10px; line-height: 11px;font-weight: bold;  border-bottom: 1px solid #d1d1d1; padding: 2px 5px;}
table.Account2 td.CouponDetails {background-color: #FFF; text-align: left; font-size: 10px; line-height: 11px; font-weight: bold; color: #ff7200;  border-bottom: 1px solid #ff7200; padding: 2px 5px;}
table.Account2 td.CouponDetails#RightColumn {text-align: right;}
table.Account2 td.CouponDetails#RightColumn A:link , table.Account2 td.CouponDetails#RightColumn A:visited {text-align: right; color: #C5B696; font-size: 10px; line-height: 11px; font-weight: bold; border: 0px;}
table.Account2 td.CouponDetails A:hover {font-size: 10px; line-height: 11px; font-weight: bold; text-decoration: none; color: #000; background-color: #f4f4e9; border-bottom: 1px solid #cdbc94;}
table.Account2 td {padding: 5px 5px; vertical-align: top; }
table.Account2 td#Footer { border-top: 1px solid #e8e0cf; padding: 2px 5px; text-align: right;}
table.Account2 td.Money , table.Account2 td.Money#SubHeader {text-align: right;}
span.HeaderInfo {font-size: 14px; font-weight: normal; color: #FEF1AE;}
 span.HeaderInfo A:link ,  span.HeaderInfo A:visited {font-size: 14px; font-weight: normal; color: #FEF1AE; border-bottom: 1px dotted #FEF1AE;}
 span.HeaderInfo A:hover {text-decoration: none; color: #000; background-color: #f4f4e9; border-bottom: 1px solid #cdbc94;}
span.Valid0 {background-color: #FEF1AE;}
/* Search Results*/
div.FTSearchAll {margin-top: 15px; }
.FTSearchLink {font-size: 1.2em; margin-bottom: 2px;  }
.FTSearchLink:hover {color: #000; background-color: #f4f4e9;}
.FTSearchTitle {}
.FTSearchNb {line-height: 1.3em; font-size: 1.2em; font-weight: normal; margin-bottom: 2px; }
.FTSearchInfo {font-weight: normal;}
/* Downloads */
table.Download td { padding-bottom: 10px; }
table.Download tr { vertical-align: middle;  }
TD.RowEven {background-color: #f8f8f8; padding: 25px 0  15px 10px;}
TD.RowOdd {background-color: #FFFFFF; padding: 25px 0  15px 10px;}
#DownloadSmallBtn {background-image: url(../closed-download-button-small-blue3.gif); background-repeat: no-repeat; background-position: top left; padding-top: 6px; padding-left: 34px; height: 34px; margin-right:0px; margin-bottom:3px; width:152px;  cursor:hand;  color: #FFF; font-size: 13px; font-weight:bold; text-decoration: none; line-height:24px;}
a:hover div#DownloadButton {color:#ffffff;}
#DragdropSmallBtn {background-image: url(../Closed-dragdrop-button_small.gif); background-repeat: no-repeat; background-position: top left; padding-top:7px; padding-left: 43px; height: 34px; margin-right:0px; width:152px; cursor:hand; color: #FFF; font-size: 13px; font-weight:bold; text-decoration: none; line-height:35px;}
a:hover div#DownloadButton {color:#ffffff;}
/* Tips */
li.tipspace {margin-top:8px; margin-bottom:8px;}
/* ============== colorbox jquery plugin ==================*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0px; height:20px;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../WebPageSpecial/colorbox.png/$File/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../WebPageSpecial/colorbox.png/$File/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../WebPageSpecial/colorbox.png/$File/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:40px;}
        #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#333333;}
        #cboxCurrent{position:absolute; top:4px; left:52px; color:#949494;}
        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../WebPageSpecial/colorbox.png/$File/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../WebPageSpecial/colorbox.png/$File/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../WebPageSpecial/colorbox.png/$File/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ytria.com/colorbox-ie/borderMiddleRight.png, sizingMethod='scale');}