/*************************************** accordion ******************************************/
.haccordion .header, .haccordion .content{
    float: left;
    height: 277px;
}
.haccordion .header,.haccordion .headerimage{
   width: 67px;
   cursor: pointer;
}
.haccordion .header #accordion-0{
   background-image:url('/images/accordion/active-default.jpg');
   width:67px;
   height:277px;
   display:block;
}
.haccordion .header #accordion-1{
   background-image: url('/images/accordion/off-news.jpg');
   width:67px;
   height:277px;
   display:block;
}
.haccordion .header #accordion-2{
   background-image: url('/images/accordion/off-events.jpg');
   width:67px;
   height:277px;
   display:block;
}
.haccordion .header #accordion-3{
   background: url('/images/accordion/off-CaseStudies.jpg');
   width:67px;
   height:277px;
   display:block;
   overflow:hidden;
}
.haccordion .header #accordion-4{
   background-image: url('/images/accordion/off-careers.jpg');
   width:67px;
   height:277px;
   display:block;
}
.haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
   background-color:White;
   background-image:url('/images/accordion/active-background.jpg');
}
.haccordion .content p{
   margin: 20px;
   color:#ffffff;

}

/******************************************** modal window ************************************************/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes .closeblock{text-align:right;color:#ffffff}
#boxes a.whitelink{color:#ffffff;text-decoration:underline;font-size:11px;font-family:Verdana}
#boxes a.close{color:#ffffff;text-decoration:none;font-weight:bold;font-size:14px;font-family:Verdana}
#boxes .dialog-content{color:#ffffff;font-size:11px;text-align:left;padding:20px}
#boxes strong{font-weight:bold}
#boxes p{margin-bottom:20px}
#boxes .center{text-align:center}
#boxes ol{margin-left:40px}
#boxes #supportDialog {
  width:375px; 
  height:280px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #supportDialog a {
    color:#ffffff;
    text-decoration:underline;
}

#boxes #tryAGIsPublicServerDialog {
  width:375px; 
  height:125px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #tryAGIsPublicServerDialog .dialog-content a {
    color:#ffffff;
}

#boxes #setupYourOwnADFServerDialog {
  width:375px; 
  height:478px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #setupYourOwnADFServerDialog .dialog-content a {
    color:#ffffff;
}

#boxes #ADFRequirementsDialog {
  width:375px; 
  height:300px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #ADFRequirementsDialog .dialog-content h2 {
    color:#ffffff;
}

#boxes #ADFRequirementsDialog .dialog-content a {
    color:#ffffff;
}

#boxes #forgetPasswordDialog {
  width:375px; 
  height:150px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #exportDialog {
  width:375px; 
  height:450px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}
#boxes #stkSLADialog {
  width:550px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #changePasswordDialog {
  width:400px; 
  height:200px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #whyDialog {
  width:375px; 
  height:250px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #privacyDialog {
  width:680px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png') no-repeat;
  background-color:#091e40;
  border:1px solid #f2f2f2;
  overflow:scroll;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(/images/modal/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(/images/modal/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(/images/modal/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

#boxes #productModuleTemplateTitle {
  width:400px; 
  height:200px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateMainIntro {
  width:600px; 
  height:450px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateSection1 {
  width:600px; 
  height:450px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateSection2 {
  width:600px; 
  height:490px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateMainImage {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateRelatedVideos {
  width:600px; 
  height:450px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateBlogs, #boxes #productModuleTemplateOperations {
  width:470px; 
  height:270px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}
#boxes #productModuleTemplateOperations 
{
     height:195px;
}

#boxes #productModuleTemplateLiterature {
  width:600px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateCaseStudies {
  width:600px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateWhitePapers {
  width:600px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateForums {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateWebinars {
  width:600px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateVDFs {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplatePresentations {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateFAQs {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateRightHeader {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #productModuleTemplateNextSteps {
  width:470px; 
  height:240px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #getHostId {
  width:600px; 
  height:500px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

#boxes #stkDiySeriesRegConfirmation {
  width:600px; 
  height:300px;
  padding:10px;
  background-color:#ffffff;
  border:1px solid #f2f2f2;
}

#boxes #stkComponentsLicDeniedMsg {
  width:400px; 
  height:200px;
  padding:10px;
  background:url('/images/layout/pop-up-background3.png');
  border:1px solid #f2f2f2;
}

/************************************ anchor text methods ********************************/
.anchor {margin-top:10px;}
.anchor .anchor-content h2{font-size:11px;font-weight:bold}
.anchor-content {margin-top:10px;}
.anchor-loading{display:none;}
.anchor-default{}
a.anchor-current {font-weight:bold;text-decoration: none;color:#009bdd;}

/************************************ news ticker **************************************/

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
width: 614px; 
height: 32px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 25px;
top: 10px;
width: 614px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 614px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 10px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/************************ jscroll *********************/
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #aaa;}
.jScrollPaneDrag {position: absolute;background: #666;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
a.jScrollArrowUp {background: url('/images/scrollbars/basic_arrow_up.gif') repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url('/images/scrollbars/basic_arrow_down.gif') repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.orange-bar .jScrollPaneTrack {background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f url('/images/scrollbars/drag_grab.gif') no-repeat 50% 50%;}
.scroll-pane {width: 350px;height: 200px;overflow: auto;background: #ccc;float: left;}
#pnlSlider1 {height: 227px;background:#eeeeee;}

/*scroll bar styles*/
.osX .jScrollPaneTrack {background: url('/images/scrollbars/osx_track.gif') repeat-y;}
.osX .jScrollPaneDrag {background: url('/images/scrollbars/osx_drag_middle.gif') repeat-y;}
.osX .jScrollPaneDragTop {background: url(/images/scrollbars/osx_drag_top.gif) no-repeat;height: 6px;}
.osX .jScrollPaneDragBottom {background: url('/images/scrollbars/osx_drag_bottom.gif') no-repeat;height: 7px;}
.osX a.jScrollArrowUp {height: 24px;background: url('/images/scrollbars/osx_arrow_up.png') no-repeat 0 -30px;}
.osX a.jScrollArrowUp:hover {background-position: 0 0;}
.osX a.jScrollArrowDown {height: 24px;background: url('/images/scrollbars/osx_arrow_down.png') no-repeat 0 -30px;}
.osX a.jScrollArrowDown:hover {background-position: 0 0;}