.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{
  margin-bottom:0;
  margin-left:0;
  z-index:5;/* Safari */ 
  -webkit-transform: rotate(-90deg); /* Firefox */ 
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: 20px 0px;  /* Internet Explorer */ 
  -o-transform:rotate(-90deg);
  -o-transform-origin: 150px 150px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  cursor:pointer;
}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{
  position:absolute;
  bottom:0;
  left:10px;
  font-weight:normal;
  font-size:1.1em;/* Safari */ 
  -webkit-transform: rotate(90deg); /* Firefox */ 
  -moz-transform: rotate(90deg);  /* Internet Explorer */ 
  -o-transform:rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */

dd p{line-height:120%}

#accordion-1{width:700px;height:300px;padding:20px;background:#fff;border:1px solid #ddd; margin-bottom: 4em;}
#accordion-1 dl{width:700px;height:300px} 
#accordion-1 dt{
  height:44px;
  border-bottom: 4px solid white;
  line-height:44px;
  text-align:right;
  padding:0 15px 0 0;
  font-size:1.0em;
  font-weight:bold;
  font-family: verdana;
/*   text-transform:uppercase; */
/*   letter-spacing:1px; */
  color:#112255; 
  background-color: #c7c7c7;
  background: -moz-linear-gradient(right, #f7f7f7 0, #ffffcc 100%); 
  background: -webkit-gradient(linear, right top, left top, color-stop(0, #f7f7f7), color-stop(100%, #ffffcc));
}
#accordion-1 dt.active{
  cursor:pointer;
  color: #fff;
}
.airtime #accordion-1 dt.active { background: #ff5d1a; }
.newscoop #accordion-1 dt.active { background: #990000; }
.services #accordion-1 dt.active { background: #cba65d; }

#accordion-1 dt.hover { color:#000; }
#accordion-1 dt.active.hover { color:#fff; }
#accordion-1 dd {
  padding:20px;
  border-left:0;
  margin-right:3px;
}
#accordion-1 dd .textfatla { font-size: 0.9em; line-height: 1.2em; }
#accordion-1 dd .intro { font-size: 0.9em; line-height: 1.2em; font-weight: bold; }
#accordion-1 dd .caption { font-size: 0.7em; }

#accordion-1 .slide-number {color:#990000;left:10px;font-weight:normal}
#accordion-1 .active .slide-number {color:#fff;font-weight:bold}

#accordion-1 h2 {
  background: url(../img/bg-headline-bullets.png) bottom left repeat-x;
  padding-bottom: 16px;
  margin-bottom: 4px;
}
/* skinning *************************************************/

.product.home .button { 
  display: inline-block; 
  color: white; 
  padding: 1px 4px; 
  margin-top: 1em;
  font-size: 12px!important;
/*   -moz-border-radius: 7px; */
/*   -webkit-border-radius: 7px; */
/*   border-radius: 7px; */
  clear: left;
}
.product.home.airtime .more, .product.home.airtime .top { background: #ff5d1a; }
.product.home.newscoop .more, .product.home.newscoop .top { background: #007fb3; }
.product.home.services .more, .product.home.services .top { background: #cba65d; }
.product.home .more:hover, .product.home .top:hover { text-decoration: none; background: #e20020!important; } 

.product.home .more { background: #ff5d1a; left: 300px; top: 120px; }
.product.home .top { background: #ff5d1a; left: 430px; top: 120px;  }

.product.home .button span { padding-left: 16px; background: url('img/bg-icons.png') no-repeat; }
.product.home .more span { background-position: -2px -359px; }
.product.home .top span { background-position: -2px -385px; }

.feature a.aname {
/*  background: url(../img/bg-headline-bullets.png) bottom left repeat-x;
  padding-bottom: 16px;
  margin-bottom: 0px;
  display: inline-block;*/
  display: block;
}
.features .feature { margin-bottom: 3em; }
/* screenshots in long view general styling */
.features .feature .screenshot img { width: 400px; }
.features .feature .screenshot { 
  display: inline-block;
  float: left; 
  width: 295px; 
  height: 200px; 
  background: black; 
  margin-right: 23px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid #ccc;
  -moz-box-shadow: 3px 3px 8px rgba(0,0,0,.45);
  -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,.45);
  box-shadow: 3px 3px 8px rgba(0,0,0,.45);
}
.skin-e .icon120 { 
  display: inline-block;
  float: left; 
  width: 140px; 
  height: 140px; 
  overflow: hidden;
}
dd.skin-e .text,
dd.skin-e .intro {
  padding-left: 140px;
}
.skin-f .icon120 { 
  display: inline-block;
  float: left; 
  margin-right: 20px;
  margin-bottom: 0px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  background-color: #d7d7d7;
}
.feature.skin-f .icon120 { 
  width: 170px; 
  height: 150px; 
  padding-left: 50px;
  padding-top: 30px;
}
dd.skin-f .icon120 { 
  width: 140px; 
  height: 130px; 
  padding-left: 20px;
  padding-top: 10px;
}
dd.skin-f .text,
dd.skin-f .intro {
  padding-left: 180px;
}
/* text flow in long feature with icon */
.features .feature.skin-e .text,
.features .feature.skin-e h2 {
  padding-left: 160px;
}
/* more than one shot, the others are screenshot2 */
.features .feature .screenshot2 { clear: both; }
/* feature title short */

#accordion-1 dd img.screenshot {  width: 400px; }
#accordion-1 dd.skin-a .image,
#accordion-1 dd.skin-b .image,
#accordion-1 dd.skin-c .image
{ 
  float: right; 
  width: 220px; 
  height: 200px; 
  background: black; 
  margin-left: 20px;
  overflow: hidden;
}
/* default */
dd.skin- {  background-color: #fafafa; }
/* with square image or screenshot */
dd.skin-a {
  background-color: #fafafa;
/*   background: -moz-linear-gradient(top, #ffffff 0, #f7f7f7 100%);  */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f7f7f7));
}
/* with square image or screenshot */
dd.skin-b {  
/*   background: red url('img/bg_slide_fade.png') top left no-repeat;  */
  background-color: #f0f0f0;
/*   background: -moz-linear-gradient(top, #e7e7e7 0, #fafafa 100%);  */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(100%, #fafafa));
}
/* with square image or screenshot */
dd.skin-c {   background-color: #ffffff; }
dd.skin-d {   background-color: #ffffff; }
/* icons 120x120 */
dd.skin-e {   background-color: #ffffff; }
dd.skin-f {   background-color: #ffffff; }
/* specific skin designs */
dd.skin-a .image {
  border: 1px solid #ccc;
  -moz-box-shadow: 3px 3px 8px rgba(0,0,0,.45);
  -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,.45);
  box-shadow: 3px 3px 8px rgba(0,0,0,.45);
}
dd.skin-b .image {
  border: 1px solid #f7f7f7;
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,.8);
  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,.8);
}