/*Cloudera overrides and added styles  v.051713.3 */ 
/*Form style overrides*/
form.streamline[action*="eloqua"] .controls{margin-left:40px;float:left}
form.streamline[action*="eloqua"] .controls input{display:block}
form.streamline[action*="eloqua"] .control-label{float:none;margin-left:40px;width:auto;text-align:left}
form.streamline[action*="eloqua"] .control-group{margin-bottom:5px}
form.streamline[action*="eloqua"] .buttons{margin-top:15px}
form.streamline[action*="eloqua"] .required label:before{color:red}
legend + .control-group, form[action*="eloqua"] legend + .mktField, form[action*="cloudera"] legend + .mktField, form[action*="marketo.com"] legend + .mktField {margin-top: 0}

/*Home page customer logo opacity*/

.customers-footer .scroller > ul li img{opacity:.7}
.component.marquee,.component.marquee-fade {
    color: #62b5e5;
   /* line-height: 1; */
    overflow: hidden;
    /*position: relative;*/
   /* margin: 0; */
}

/*Marquee Fade*/

.component.marquee,.component.marquee-fade, .fade {
    color: #62b5e5;
   /* line-height: 1; */
    overflow: hidden;
    /*position: relative;*/
   /* margin: 0; */
}

.component.marquee h1,.component.marquee h2,.component.marquee table thead th,table thead .component.marquee th,.component.marquee table thead td,table thead .component.marquee td,.component.marquee .text-large,.component.marquee p,.component.marquee div,.component.marquee-fade h1,.component.marquee-fade h2,.component.marquee-fade table thead th,table thead .component.marquee-fade th,.component.marquee-fade table thead td,table thead .component.marquee-fade td,.component.marquee-fade .text-large,.component.marquee-fade p,.component.marquee-fade div {
    color: inherit;
}

.component.marquee a,.component.marquee-fade a, .fade a {
    color: inherit;
}

.component.marquee a:hover,.component.marquee-fade a:hover, .fade a:hover {
    text-decoration: none;
}

.component.marquee .heading,.component.marquee-fade .heading, .fade .heading {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.component.marquee .layer,.component.marquee-fade .layer {
    position: absolute;
    width: 100%;
    height: 351px;
    background: 50% 0 no-repeat;
    left: 0;
}

.component.marquee .content,.component.marquee-fade .content {
    display: block;
    width: 960px;
    background: 50% 0 no-repeat;
    margin: 0 auto;
    position: relative;
}

.component.marquee .content .ir,.component.marquee-fade .content .ir {
    display: block;
    position: absolute;
    background: no-repeat 50% 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.component.marquee .slides,.component.marquee-fade .slides, .fade .slides {
    list-style: none;
    margin: 0;
    padding: 0;
}

.component.marquee .slides li,.component.marquee-fade .slides li, .fade .slides li
 {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.component.marquee .slides-test,.component.marquee-fade .slides-test {
    margin-top: 10px;
}

.fade {overflow:hidden}
.fade ol, .fade ul{margin:0}

.component.marquee .slide,.component.marquee-fade .slide {
    overflow: hidden;
    height: auto;
    margin: 0;
    background: repeat-x 50% 0;
    -webkit-backface-visibility: hidden;
    position: relative;
    display: none;
}

.fade .slide{
    overflow: hidden;
    margin: 0;
    -webkit-backface-visibility: hidden;
    position: relative;
    display: none
    
}
.component.marquee .slide:first-child,.component.marquee-fade .slide:first-child, .fade .slide:first-child
 {
    display: block;
}

.component.marquee .carousel-nav,.component.marquee .direction-nav,.component.marquee .flex-direction-nav,.component.marquee-fade .carousel-nav,.component.marquee-fade .direction-nav,.component.marquee-fade .flex-direction-nav {
    display: none;
}

.component.marquee .carousel-thumbs,.component.marquee .control-nav,.component.marquee .flex-control-nav,.component.marquee-fade .carousel-thumbs,.component.marquee-fade .control-nav,.component.marquee-fade .flex-control-nav, .fade .flex-control-nav {
    list-style-type: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: center;
    z-index: 10;
    position: absolute;
    bottom: 1em;
    width: 240px;
    left: 50%;
    margin-left: -120px;
    text-align: center;
}

.component.marquee .carousel-thumbs li,.component.marquee .control-nav li,.component.marquee .flex-control-nav li,.component.marquee-fade .carousel-thumbs li,.component.marquee-fade .control-nav li,.component.marquee-fade .flex-control-nav li, .fade .flex-control-nav li {
    display: inline;
    padding: 0;
    margin: 0 3.33333333px;
}

.component.marquee .carousel-thumbs a,.component.marquee .control-nav a,.component.marquee .flex-control-nav a,.component.marquee-fade .carousel-thumbs a,.component.marquee-fade .control-nav a,.component.marquee-fade .flex-control-nav a, .fade .flex-control-nav a {
    width: 10px;
    height: 10px;
    background: transparent url(../i/icon/marquee-indicators.png) 100% 0;
    overflow: hidden;
    text-indent: -20px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.component.marquee .carousel-thumbs a.flex-active,.component.marquee .carousel-thumbs a.active,.component.marquee .carousel-thumbs a:hover,.component.marquee .control-nav a.flex-active,.component.marquee .control-nav a.active,.component.marquee .control-nav a:hover,.component.marquee .flex-control-nav a.flex-active,.component.marquee .flex-control-nav a.active,.component.marquee .flex-control-nav a:hover,.component.marquee-fade .carousel-thumbs a.flex-active,.component.marquee-fade .carousel-thumbs a.active,.component.marquee-fade .carousel-thumbs a:hover,.component.marquee-fade .control-nav a.flex-active,.component.marquee-fade .control-nav a.active,.component.marquee-fade .control-nav a:hover,.component.marquee-fade .flex-control-nav a.flex-active,.component.marquee-fade .flex-control-nav a.active,.component.marquee-fade .flex-control-nav a:hover {
    background-position: 0 0;
}

.ie7 .component.marquee .carousel-thumbs a,.ie7 .component.marquee .control-nav a,.ie7 .component.marquee .flex-control-nav a,.ie7 .component.marquee-fade .carousel-thumbs a,.ie7 .component.marquee-fade .control-nav a,.ie7 .component.marquee-fade .flex-control-nav a {
    margin-left: 1px;
}



/*Customer Slider*/

.customers-footer, .customers-footer .scroller ul li,.customers-footer .scroll-nav a {
/*background: #b7e5e5; /* Old browsers */
/*background: -moz-linear-gradient(top,  #b7e5e5 0%, #89bac4 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7e5e5), color-stop(100%,#89bac4)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #b7e5e5 0%,#89bac4 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #b7e5e5 0%,#89bac4 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #b7e5e5 0%,#89bac4 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  #b7e5e5 0%,#89bac4 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e5e5', endColorstr='#89bac4',GradientType=0 ); /* IE6-9 */

}

.customers-footer {border:none;margin-bottom: 0;margin-top: 0;box-shadow: 0 1px 4px #666666}
.customers-footer .scroller > ul li{border-left: none}
.scroll-nav a.prev .direction .sub, .scroll-nav a.next .direction .sub {border:none}


.resource-detail header{padding: 20px 0}

/*Product Matrix*/
#prod-matrix tr td {text-align:center;vertical-align:middle;padding:.7em .25em}
#prod-matrix tr td:first-child{text-align:left}
#prod-matrix tr td.sub-head{text-align:left;background: #f0f0f0;color: #006e89}
#prod-matrix span.center{text-align:center;display:block}
#prod-matrix td .sub-span{font-size:12px;font-style:italic}
#prod-matrix tr.header{vertical-align:text-top}
#prod-matrix .lt-blue{background:rgba(3,146,178,.35)}
#prod-matrix .med-blue{background:rgba(3,146,178,.5)}
#prod-matrix .blue{background:rgba(3,146,178, 1)}
#prod-matrix .med-blue-green{background:rgba(0,110,137,.6)}
#prod-matrix .blue-green{background:rgba(0,110,137, 1)}
#prod-matrix .header p  strong, #prod-matrix span{color: #f0f0f0}
#prod-matrix h3{color:#fdfdfd}
#prod-matrix span.r-90{color:#616161;white-space:nowrap;display:inline-block;width:25px;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg)}
#prod-matrix .icon-ok{font-size:1.35em;color:#fdfdfd}

/*Projects and Versions Table*/
#proj-vers tbody, #proj-vers tbody td{border-color: #333 #333 #333}
#proj-vers tr td:first-child{text-align:left}
#proj-vers td{padding:.25em .5em;vertical-align:middle;text-align:center}
#proj-vers tr{background:rgba(3,146,178,.15)}
#proj-vers tr.white-bg{background: #ffffff}
#proj-vers .header{background:rgba(0,110,137, 1)}
#proj-vers .header td h3{color:#fdfdfd;font-weight:bold;text-align:center}
#proj-vers .header td:first-child h3{text-align:left}

/*Inline Table*/

.inline-table td{padding:.35em;vertical-align:center;text-align:center}
.inline-table tbody tr td:first-child{text-align:left}
.inline-table .sub-head{background: #e1e1e1;text-align:left;color:#000000;font-weight:bold}
.inline-table thead tr{background: rgba(0, 110, 137, .8)}
.inline-table thead td{text-align:center}
.inline-table thead h4{color: #ffffff;margin:0}
.inline-table .button {padding:2px 5px 0}

table.list{border:none;border-collapse: separate}
table.list td{padding:.5em;padding-left:1em;background: #f2f2f2;border:none;border-bottom:1px solid #ffffff;border-collapse: separate}
table.list thead td{background:none}

table.tight td{padding:.35em}


.partner-prod {text-align:center}
.partner-prod table{margin-left:20px;background:#FFFFFF}
.partner-prod table td{width:100%;text-align:center;vertical-align:middle}
.partner-prod h3{margin-bottom:1em;text-align:center}

/*Home page*/
.homepage.grid-container figure {
    width: auto;
    margin-left:10px
  } 
 
#marquee {
    background-color: #056486;
    background-image: none;
   
}
 
.verticalNavigation li.parent > a:before{
    content:'\002B'
}
 /*Drop-down Menu*/
 
#site-head nav.subnav.super.cols-3>ul>li.list
{ width:33.333%; }
#site-head nav.subnav.super.cols-3>ul>li.promo
{ width:66.666%; }
#site-head nav.subnav.super ul.menu-items {position:relative}
#site-head nav.subnav.super ul.menu-items li a.bottom-link{font-weight:bold;position:absolute;font-size:13px;bottom:5px}
#site-head nav.subnav.super ul.menu-items li {padding: 7.5px 18px 0}
#site-head{box-shadow: 0 0px 4px #000000}

/*Header*/
#site-head{height:130px}
#site-head h1.logo{height:40px; margin-top: 35px;} 
#site-head h1.logo a{height:40px; margin-top: 0px; display: block; z-index: 1000 }   

/* Breaks the drop down secondary navigation */
/* #site-head .wrapper{height:100px} */

#site-head .contact-sales{color: #72d2db;text-align:center;padding:7px 10px 5px;letter-spacing:.05em}
#site-head .form-holder{float:right; width:250px;}
#site-head .form-holder form{margin-top:20px}
.shadow-box {box-shadow: 0px 2px 5px #999999}

.premium-box{font-size:12px}

.blue-text{color: #006e89}
.heading{margin: .75em 0}
.sub-head{color:#666666;margin-bottom:1.5em}
.text-link{font-weight:normal}
.gradient{background: #006e89; /* Old browsers */
background: -moz-linear-gradient(top,  #0392b2 0%, #006e89 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0392b2), color-stop(100%,#006e89)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0392b2 0%,#006e89 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0392b2 0%,#006e89 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0392b2 0%,#006e89 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0392b2 0%,#006e89 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0392b2', endColorstr='#006e89',GradientType=0 ); /* IE6-9 */

}
#course-feed{clear:both}
#course-feed ul{list-style-type:none;margin:0;padding:0}
#course-feed ul li{float:left;margin:0; font-size:12px}
#course-feed ul li:after{content:"\00a0 | \00a0"}
#course-feed ul li:last-child:after{content: ""}
#course-feed p{overflow:hidden}

#courseSelect{overflow:hidden}
#courseSelect form h2{margin:0 0 .65em 1em}
#courseSelect form{padding:1em 0 0;border:1px solid #e1e1e1;margin-top:10px;overflow:hidden }
#courseSelect .select{float:left;width:42%;margin-left:2%}
#courseSelect .control-group{margin-bottom:7px}
#courseSelect .select label{display:none}
#courseSelect .btn{margin-left:2%;padding:2px 14px}

#courseSelect.horiz  h2{float:left;margin-left:4%}
#courseSelect.horiz .select{width:31%}
#courseSelect.horiz form label{display:none}

#courseSelect.horiz .full label{width:100px;display:inline-block}

#courseSelect.blue-header h2{margin:0;padding:.35em;margin-bottom:12px;background:#0392b2;color:white}
#courseSelect.blue-header form{padding-top:0}

form .mktFormReq label:before, form .required label:before {
    color: red;
}

/* Isotop*/

.img-grid{list-style-type:none;clear:both;margin:0}
.img-grid li {float:left;border:1px solid #e1e1e1;margin:7.5px;cursor:pointer}
a.close-it{position:absolute;top:7px;right:10px;z-index:5;width:15px;height:15px}
.customer .description{display:none}
.customer .description p{margin:1em 0}
.detail .wrapper{text-align:center;margin-top:10px}
.detail .wrapper .meta{width:180px;height:60px}
.detail .wrapper .logo-img{display:none}
div.main-img{width:180px;height:120px;margin-top:20px}
figure.item{margin:15px}
.large{width:360px;min-height:866px;background: #ffffff;text-align:left}
.large .item{margin:0}
.large .main-img{width:300px;height:200px;margin:35px auto 15px}
.large .meta {clear:both}
.large .description{display:block;clear:both}
.large .detail .wrapper .description p{font-size;12px}
.large .detail{margin:0 30px}
.large .detail .wrapper{text-align:left;font-size:12px}
.large .detail .wrapper .logo-img{display:block;float:left;margin:0 10px 10px 0;max-height:60px}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* end disabling Isotope CSS3 transitions */