/*
 * wireframe - for easy viewing
 *
 * 
 */

html, body {
    width:      100%;
    height:     100%;
    overflow:   hidden;
      /* -webkit-user-select: none; stops text selection
      -webkit-user-select: none;  /* Chrome all / Safari all */
   /*-moz-user-select: none;     Firefox all */
  /*-ms-user-select: none;       IE 10+ */
  /*user-select: none;      */
    -webkit-tap-highlight-color: rgba(0,0,0,0);  /* stop buttons highlighting */
    
}

#sportplan_mk_ii_frame{
  position: absolute;
  top: 0;
  z-index: 1409;
  width: 100%;
  height: 100%;
  left:100%
}
#sportplan_mk_ii_frame.showFrame{
  left:0px;
}
#sportplan_mk_ii_frame iframe{
  border:0px;
  width: 100%;
  height: 100%;
}

#loginCover.appMenu {
  background-color: rgba(255,255,255,0.1)!important;
  -webkit-backdrop-filter: saturate(180%) blur(18px)!important;
  backdrop-filter: saturate(180%) blur(18px)!important;
}


.viewFrame{margin:4px;border:2px solid #bbbbbb;}

/* Standard Scrollers css */
@media (min-width: 500px) {
::-webkit-scrollbar
{
  width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  /*-webkit-border-radius: 8px;
  border-radius: 8px; */
}
 
/* Handle */
::-webkit-scrollbar-thumb
{
 /* -webkit-border-radius: 8px;
  border-radius: 8px; */
  background: rgba(139, 147, 170, 0.1); 
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive
{
  background: rgba(139, 147, 170, 0.01); 
}
.open>.dropdown-menu{
	z-index:1!important;
}
}
.newVScroller{
  -webkit-overflow-scrolling: touch;
/*  -webkit-transform: translate3d(0, 0, 0);*/
  overflow-y:scroll;
  overflow-x:hidden;
}

.cardBody{
  -webkit-transform: translateZ(0px);
}

.watch-button
{
  /* padding: 5px 9px 5px 9px; 
  margin-top: 3px;
  width:  77px; */
}
.watch-button span{display:none;}
.watch-button.watching span{display:inline;}

#drillsWidget .sprite-drills{
  background-image:url(../assets/img/imgSpr.png);
  background-position: -24px -46px;
  width:22px;
  height:22px;
  display:inline-block;
  
}

/*
div{border:1px solid #bbbbbb;}
*/
.viewLabel{font-size:10px;position:absolute;background-color:#ffffff;z-index:10;color:#cccccc;display:inline;padding:1px;}
.viewFrameRed{border:2px solid #cc0000;}
.viewFrameGreen{border:2px solid #00cc00;}
.viewFrameBlue{border:2px solid #0000cc;}
.viewFrameYellow{border:2px solid #00cccc;}

.mainSportView h1{color:#bbbbbb;}



#categoryWrapper {
 /*   bottom:0px;
position:absolute; 
   
  z-index:1;
  */
  left:0;
  /*width:200px;
  overflow:hidden;*/
}


.scrollWrapper{  
  bottom:0px;
  position:absolute; 
  /*z-index:1;*/
  /*left:0;
  */
  overflow-y:scroll;
  overflow-x:hidden;
  background-color:#ffffff;
  }
  
.sketchCollectionColumn, .sessionsCollectionColumnHolder{background-color:#fcfcfc;}
.scrollInner{  
  position:absolute; 
  z-index:1;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  
.categoryColumn {
 /* position:absolute; 
  z-index:1;*/
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  width:200px;
  padding:0;
}
.pracListView .activeThumb, .sketchListView .activeThumb{
  /*background-color: rgba(148, 219, 255, 0.2);*/
   color: #ffffff;
  border: 1px solid #3f9dce;

  background: #2ca3de repeat-x left bottom;
  background-image: -ms-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70ccfa), to(#2ca3de));
  background-image: -webkit-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: -o-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: -moz-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: linear-gradient(top, #70ccfa, #2ca3de);
  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
  
}
.drillThumb{
border-bottom: 1px solid #dddddd;
cursor:pointer;
background-color: rgba(230, 230, 230, 0.1);
}
.drillThumb img{
  border:2px solid #ffffff;
   -moz-box-shadow:    1px 1px 2px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px 2px #ccc;
  box-shadow:         1px 1px 2px 2px #ccc;
}
.drillThumb .activeThumb img{
  border:2px solid #ffffff;
   -moz-box-shadow:0;
  -webkit-box-shadow: 0;
  box-shadow:0 0;
}
.shadow {
  -moz-box-shadow:    3px 3px 3px 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px 3px #ccc;
  box-shadow:         3px 3px 3px 3px #ccc;
}

 /* new stuff here */
ul.inner-nav div li {
list-style: none;
margin: 0;
max-width: 200px;
cursor: pointer;
display: block;
line-height:26px;
}
ul.inner-nav div.activeFolder li div,#foldersHolder div.activeFolder,#boughtFoldersHolder div.activeFolder,#sharedFoldersHolder div.activeFolder, #shopFoldersHolder li.activeFolder { 
  /*background-color: rgba(148, 219, 255, 0.2);*/
  color: #ffffff;
  border: 1px solid #3f9dce;

  background: #2ca3de repeat-x left bottom;
  background-image: -ms-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70ccfa), to(#2ca3de));
  background-image: -webkit-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: -o-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: -moz-linear-gradient(top, #70ccfa, #2ca3de);
  background-image: linear-gradient(top, #70ccfa, #2ca3de);
  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
}

/*
ul.inner-nav div li span {
color: #444;
line-height: 1;
display: block;
font-size: 14px;
padding: 12px 17px 12px 25px;
border-bottom: 1px solid #BAE0F2;
background-color: rgba(230, 230, 230, 0.1);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}*/

ul.inner-nav div li span.badge {
display: inline;
  }
  
ul.inner-nav div li div {
color: #444;
line-height: 1;
display: block;
font-size: 14px;
padding: 12px 17px 12px 25px;
border-bottom: 1px solid #BAE0F2;
background-color: rgba(230, 230, 230, 0.1);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

/* iscroll scroll bar */
/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
  position:absolute;
  z-index:100;
  width:10px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
  position:absolute;
  z-index:100;
  width:80%;

  /* The following is probably what you want to customize */
background-color:rgba(150,150,150,0.6);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  -o-background-clip:padding-box;
  background-clip:padding-box;
  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  
  -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
  -moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
  -o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

.myScrollbarV > div:hover {
  
background-color:rgba(80,80,80,0.6);
}

.myScrollbarLeftV {
  position:absolute;
  z-index:100;
  width:10px;bottom:7px;top:2px;left:1px
}

.myScrollbarLeftV > div {
  position:absolute;
  z-index:100;
  width:80%;

  /* The following is probably what you want to customize */
 
background-color:rgba(150,150,150,0.6);

  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  -o-background-clip:padding-box;
  background-clip:padding-box;
  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  
  -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
  -moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
  -o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

.myScrollbarLeftV > div:hover {
 
background-color:rgba(80,80,80,0.6);
 
}

.categoryHeading,.sketchHeading, .catTitle, .sessionsHeading, .sessionsTitleBar{
  line-height:40px;
  font-size:16px;
  font-weight:bold;
  padding-left:20px;
  
  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); 
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); IE6-9 fallback on horizontal gradient */
border-bottom:1px solid #dbdbdb;
text-shadow: 0px 1px 1px #fff;
}

.sessionsTitleBar .dropdown
{
  line-height:16px;
  padding:15px 0px 5px 0px;
}

.sessionsTitleBar .dropdown-toggle
{
  color:#444444;
  cursor:pointer;
}

.sessionsTitleBar .folderDescription
{
  line-height:20px;
  font-size:12px;
  font-weight:normal;
  font-style:italic;
}


.catTitle{
  line-height:30px;
  font-size:14px;
}

div .drillThumb {
  width:140px;
  float:left;
  margin:0px;
  padding:10px;
  font-size:13px;
}

div .drillThumb:hover{
  background-color:#cdcdcd;
}
div .drillThumb img{
  width:100px;
  height:66px;
  margin-bottom:  6px;
  }
div .drillThumb div.title{
  overflow:hidden;
  font-weight:bold;
  width:130px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pracListViewColumn{
    float:left;
    width:160px;
    border-right: 1px solid #dddddd;
    background-color:#fdfdfd;
    }
    
#drillMain #main-content, #searchInner  #main-content{
  float: left;
  width: 100%;
  padding: 0 40px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
#drillMain #main-content p, #drillMain #main-content li, #sketchMain #main-content li, #searchInner  #main-content p{font-size:13px;}

#drillMain #main-header .breadcrumb, 
  #drillMain #main-header h1, 
  #drillMain #main-content, #searchInner  #main-content
  {
    padding-left: 15px;
    padding-right: 15px;
  }
  
#drillMain #main-header h1, #searchInner  #main-content h1
{
  background: url(../img/layout/dotted_border.png) repeat-x left bottom;
}

#drillMain #main-header, #searchInner  #main-content
{
  margin-top: 0;
  padding-bottom: 4px;
  border-bottom: 0;
}

#drillMain #main-header h1, #searchInner  #main-content h1,.webVideoPageView  #main-content h1
{
  font-size: 24px;
  color: #444;
  margin: 0;
  padding: 10px 40px;
  text-shadow: -1px -1px #f0f0f0;
}
#drillMain #main-header, #searchInner  #main-content
  {
    margin-bottom: 6px;
  }
.pracMainView{overflow: hidden;height:100%;}

/* green ribbon */

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}
.ribbon-wrap{
  margin: 4px 4px 0px 0px;
  
  border-radius: 10px;
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-red {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(30,30,30,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #DA787B;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DA787B), to(#C05950)); 
  background-image: -webkit-linear-gradient(top, #DA787B, #C05950); 
  background-image:    -moz-linear-gradient(top, #DA787B, #C05950); 
  background-image:     -ms-linear-gradient(top, #DA787B, #C05950); 
  background-image:      -o-linear-gradient(top, #DA787B, #C05950); 
  color: #eeeeee;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #890013;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}
/* red ribbon - 
 */

.loginHolder{
  position:absolute;
  top:-500px;
  left:0px;
  padding-top:100px;
  z-index:400;
  width:100%;
  text-align:center;
  }
  
@media (max-width: 480px) {
  .loginHolder{
  padding-top:30px;
  }
  div#progressbox{
  width:250px;
  }
  .pure-hidden-phone{
    display:none;
  }
  #sketchMain div#main-content{
  	min-height:550px; /* force height for swipe area */
  }
  #cpTextArea .authorProfile{
  width:190px;
  }
  #cpTextArea .authorProfile .info{text-align: left;
  }
  #cpTextArea .authorProfile .avatar.pull-right{
  float:left;
margin-left: 0px;
margin-right:8px;
  }
  #sketchMain #main-content li{
  font-size: 15px;
line-height: 26px;
  }
}

.uaHolder{
  position:absolute;
  top:-500px;
  left:0px;
  z-index:400;
  width:100%;
  text-align:center;
  }

#overlay .ssClose{
  cursor:pointer;width:60px;padding-right:30px;padding-top:20px;color:#ffffff;height:20px;
}

.sketchListView.wide .drillThumb div.title{
  width: 100%;
padding-left: 10px;
padding-right: 10px;
height:20px;
}
.sketchListView.wide .drillThumb{
  text-align: center;
align-content: center;
padding-left:0px;
padding-right:0px;
}
.sketchListView.thin .drillThumb{
 width:100%!important;
}

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Overlays */
.ui-widget-overlay 
{ 
  background: #666666 url(../assets/img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; 
  opacity: .50;
  filter:Alpha(Opacity=50); 
}
.inverse-overlay{background: #cccccc url(../assets/img/ui-bg_diagonals-thick_20_cccccc_40x40.png) 50% 50% repeat;}
.uiLoadingHolder{width:120px;text-align:center;background:#444444;padding:6px;border-radius:4px;z-index:100;position:absolute;margin-left:auto;}
#mainBody{padding-bottom:8px;}
#actionPane{transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari and Chrome */
-o-transition: width 2s; /* Opera */border-radius:4px;padding-top:6px;padding-left:6px;background-color:#ffffff;box-shadow:inset 3px 3px 5px #aaaaaa;width:460px;top:80px;position:absolute;left:70px;}

#header div#header-right {
margin-left: 64px;   /*214 */
padding-left: 20px;
}
#header #header-sport {
position: relative;
display: block;
float: left;
margin-right: 20px;
padding-top:18px;
cursor:pointer;
}
#header #header-sport span .name{
  font-size:16px;
  padding-top:6px;
  line-height:26px;
  white-space: nowrap;
text-shadow: 1px -1px 1px black;
color:#ffffff;
  
  }
#header #header-sport img{
  width:34px;
  height:26px;
  border-radius:6px 6px 6px 6px;
  border:1px solid #bbbbbb;
  margin-left:6px;
  margin-top:-4px;
}

.chooseSport{
    float: left;
    font-size: 11px;
    height: 66px;
    margin-right: 3px;
   overflow: hidden;
    width: 66px;
    cursor:pointer;
}
.chooseSport .floatStar{
    margin-left: 42px;
    font-size:20px;
    color:#f89b2a;
    position: absolute;
    text-shadow: 1px 1px 1px black;
    width: 15px;
    z-index: 6;
}
.chooseSport .holder{
  margin-top:0px;text-align:center;
  }
.chooseSport .holder img{
  margin-top:7px;text-align:center;width:56px;
  }
.chooseSport .text{
    color: #0D6E9F;
    line-height:12px;
    height:12px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

    text-align:center;
    text-decoration: none;
}
.rightColumn{
  text-align:right;
  margin-left:20px
}
#relatedDrills, #relatedSketches, #relatedSessions{
  width:300px;
  /*margin-left:10px;*/
  text-align:left;
}
#relatedDrills .title, #relatedSketches .title, #relatedSessions .title{
  font-weight:bold;
}
#relatedDrills .thumbTitle, #relatedSketches .thumbTitle, #relatedSessions .thumbTitle{
  
  width:116px;
  height:16px;
  font-size:11px;
  text-overflow:ellipsis;
  overflow:hidden;
}
#relatedSessions .thumbImg{
  height:68px;
  overflow:hidden;
  }
#relatedDrills .holder, #relatedSketches .holder, #relatedSessions .holder{
  padding-left:6px;
}
#relatedDrills .thumb, #relatedSketches .thumb{
  float:left;width:120px;height:84px;cursor:pointer;}
#relatedSessions .thumb{
  float:left;width:120px;height:100px;cursor:pointer;}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
#drillMain, #searchInner{background-color:#ffffff;width:100%;}

.rating
{
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 20px;
}

#drillRating{
  width: 230px;
  margin-left:50px;
  /*float: right;*/
}
.rating span.star
{
  font-family: 'IcoMoon';
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.rating span.star:hover
{
  cursor: pointer;
}

.rating span.star:before
{
  content:"\f006";
  color: #FCB454;
}
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before
{
  content: "\f005";
  color: #FCB454;
}


.rateThis
{
  float:left;
  font-weight:bold;
  font-size:12px;
  padding:0px 10px;
  line-height:30px;
  color:#52718A;
}

#countBubble{
z-index:10;
position:absolute;
padding: 1px 6px;
color: #fff;
line-height: 16px;
text-align: center;
margin-left: 4px;
font-size: 11px;
border: 1px solid #eeeeee;
margin-top:-60px;
background: #c41902 repeat-x left bottom;
background-image: -ms-linear-gradient(top, #fd785a, #c41902);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd785a), to(#c41902));
background-image: -webkit-linear-gradient(top, #fd785a, #c41902);
background-image: -o-linear-gradient(top, #fd785a, #c41902);
background-image: -moz-linear-gradient(top, #fd785a, #c41902);
background-image: linear-gradient(top, #fd785a, #c41902);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
#sidebar #navigation  ul  li.highlightIcon  span i{
color:#f9a543;
}
#header #header-functions {
height: 67px;
}

#rightHandBar{
  display:none;
}

@media (min-width: 1100px) {
  #rightHandBar{
  display:block;
  float:right;
}
#content{
  transition: width .375s;
-webkit-transition: all .375s ease;
    -moz-transition: all .375s ease;
    -o-transition: all .375s ease;
    transition: all .375s ease;
    
} 
  
#content-wrap #rightHandBar{
    width:60px;
-webkit-transition: all .375s ease;
    -moz-transition: all .375s ease;
    -o-transition: all .375s ease;
    transition: all .375s ease;
    }
#content-wrap #content{
    margin-right:60px;
  }
#wrapper.full #content-wrap #content{
    margin-right:60px;
  }
  
#content-wrap.rightBarOpen #rightHandBar{
    width:232px;
    }
#content-wrap.rightBarOpen #content{
    margin-right:232px;
  }
/*#wrapper.full #content-wrap.rightBarOpen #content{
    margin-right:232px;
  } */
}


@media (min-width: 969px) {
#rightHandBar{
    width:236px;
    /*padding-left:2px;
    */}
#content.rightBarOpen{
    margin-right:236px;
  }
#wrapper.full #content-wrap #content.rightBarOpen{
    margin-right:236px;
  }
}
@media (max-width: 969px) {
#rightHandBar{
  display:none;
  }
}

.clipboardMain{
  background-image:url(../assets/img/layout/clipboard.png);
  background-size:100%;
  width: 302px;
    height: 383px;
  padding-top:20px;
  background-repeat: no-repeat;
}

.clipboardIcon{
  background-image:url(../assets/img/clipOff.png);
  background-size:100%;
  width:34px;
  height:38px;
  margin-top:-4px;
  cursor:pointer;
}
.clipboardIcon:hover{
  background-image:url(../assets/img/clipHover.png);
}
div.clipOpen{
  background-image:url(../assets/img/clipOn.png);
}
div.clipOpen:hover{
  background-image:url(../assets/img/clipOn.png);
}

#header #header-clipboard, #header #create-sketch,#header #create-plan, #header #toggle-right-menu {
position: relative;
/*display: block; */
float: left;
margin-right: 20px;
margin-left: 12px;
padding-top:15px;
cursor:pointer;
}
 #header #create-sketch,#header #create-plan,#header #toggle-right-menu {
  padding-top:20px;
margin-right: 12px;
margin-left: 2px;
}

.example-twitter {
position: relative;
padding: 4px 0 4px 0;
margin: 0 0 0.5em;
color: #333;
background: url(../assets/img/layout/book-cover.png) #f6f6f6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.example-twitter::before {
position: absolute;
top: -60px;
left: 0;
width: 155px;
height: 36px;
display: block;
}

.example-twitter::after {
content: "";
position: absolute;
top: -29px;
left: 145px;
border: 15px solid transparent;
border-bottom-color:  #2b3c4c;
display: block;
width: 0;
}

#clipboardFloat{
  top:100px;
  right:70px;
  z-index:1012;
  position:absolute;
}

@media (min-width: 1200px) {
  #clipboardFloat{
  top:90px;
  right:66px;
  }
  }

@media (max-width: 969px) {
  #clipboardFloat{
  top:90px;
  right:20px;
  z-index:12;
  position:absolute;
  
}
#header div#header-right {
margin-left: 10px;
}
}
@media (max-width: 480px) {
#header div#header-right {
margin-left: 2px;
padding-left: 0px;
}
#header #header-sport span .name {
  display:none;
}
#header #header-sport {
  margin-right:10px;
  }
}

.consoleFrame{
    /* Background */
    background: rgba(0, 0, 0, 0.2);
 
    /* Border bottom light */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 
    /* Inner top shadow */
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
 
    /* Round corners */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
}
#content-wrap div.baseLineContent{ position: absolute; bottom: 20px; width:40px;right:10px;}


@media (min-width: 1200px) {
  
  
#wrapper.full #content-wrap div.baseLineContent{ position: absolute; bottom: 20px; width:60px;right:10px;}
  
#content-wrap div.baseLineContent{ position: absolute; bottom: 20px; width:60px;right:10px;}
  
}
#content-wrap.rightBarOpen div.baseLineContent, #responsiveRightBar div.baseLineContent{ position: absolute; bottom: 20px;  width:232px;right:10px;}
#wrapper.full #content-wrap.rightBarOpen div.baseLineContent, #responsiveRightBar div.baseLineContent{ position: absolute; bottom: 20px;  width:232px;right:10px;}

#wrapper.full #content-wrap.rightBarOpen div.baseLineContent{ right:10px;}
#content-wrap.rightBarOpen div.baseLineContent{ right:10px;}
@media (min-width: 1400px) {
#content-wrap.rightBarOpen div.baseLineContent{ right:24px;}
#wrapper.full #content-wrap.rightBarOpen div.baseLineContent{ right:24px;}
}


#content-wrap.rightBarOpen #feedBackHolder{color:#eeeeee;margin-top:8px;padding-left:6px;}
#content-wrap.rightBarOpen #feedBackHolder span.rightIcon{float: right; padding-right: 16px;}
#feedBackHolder a{color:#eeeeee;}
#content-wrap span.supportLink{display:none}
#content-wrap.rightBarOpen span.supportLink{display:inline;font-size:13px;}
#content-wrap span.supportIcon{display:block;font-size:30px;cursor:pointer;}
#content-wrap.rightBarOpen span.supportIcon{display:none;}

#content-wrap div#recentSessions {
  margin-left:4px;
  margin-right:4px;
  margin-top:10px;
  height:60px;
}

#content-wrap div#recentSessions.open div.contents{
  display:block;
  z-index: 10;
position: absolute;
margin-left: -200px;
background-color: #444444;
}
#content-wrap.rightBarOpen div#recentSessions.open div.contents{
  display:block;
  z-index: 10;
position: absolute;
margin-left: -200px;
background-color: #444444;
}

#content-wrap.rightBarOpen div#recentSessions {
  margin-left:4px;
  margin-right:4px;
  margin-top:10px;
  height:100px;
}
#content-wrap div#recentSessions div.supportIcon{
  display:block;
  font-size:30px;
  cursor:pointer;
  background-color:#ffffff;
  font-color:#444444;
  width:32px;
  border-radius:4px;
  margin-left: -6px;
padding-left: 6px;
  padding-top:4px;
  }
#content-wrap.rightBarOpen div#recentSessions div.supportIcon{display:none;}

#content-wrap div#recentSessions div.contents{
  display:none;
}
#content-wrap.rightBarOpen div#recentSessions div.contents{
  display:block;
}

#content-wrap div.minimised div.supportLink,#content-wrap div.minimisedQ div.supportLink{
  display:none;
}
#content-wrap.rightBarOpen div.minimised div.supportLink,#content-wrap.rightBarOpen div.minimisedQ div.supportLink{
  display:block;
}
#content-wrap div.minimised div.supportIcon,#content-wrap div.minimisedQ div.supportIcon
{display:block;
  font-size:30px;
  cursor:pointer;
  color:#444444;
  width:32px;
  border-radius:4px;
  margin-left: -6px;
padding-left: 6px;
  padding-top:4px;
  }
#content-wrap div.minimisedQ div.supportIcon{
   color:#eeeeee;
}
#content-wrap.rightBarOpen div.minimised div.supportIcon{
  display:none;
}

#content-wrap.rightBarOpen div.minimised div.supportIcon, #content-wrap.rightBarOpen div.minimisedQ div.supportIcon{
  display:none;
}
  
.minimised{
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); */ 
cursor:pointer;
font-size:14px;padding:6px;
border-radius:6px 6px 6px 6px;
}
.minimisedQ{
   color:#eeeeee;
  background-color:#5485c0;
  cursor:pointer;
font-size:14px;
padding:6px;
border-radius:6px 6px 6px 6px;
}

#content-wrap div.minimised, #content-wrap div.minimisedQ{
  width:32px;
  border-radius:4px;
  margin-left: -6px;
}
#content-wrap.rightBarOpen div.minimised, #content-wrap.rightBarOpen div.minimisedQ{
  width:212px;
  margin-left:6px;
  border-radius:6px;
}

@media (min-width: 481px) {
#response_modal.my500Modal{
   width:400px;
   margin-left:-200px;
}

#response_modal.chalkBoardModal
{
  margin-top:0px;
  position:absolute;
}
}

/* searc stuff */
 #project-label {
        display: block;
        font-weight: bold;
        margin-bottom: 1em;
    }
    #project-icon {
        float: left;
        height: 32px;
        width: 32px;
    }
    #project-description {
        margin: 0;
        padding: 0;
    }
.autoFolderImg{float: left;width:30px;height:30px;margin-right:6px;}
.ui-menu .ui-menu-item a {
 line-height:1.2;
    
  }
.ui-autocomplete { position: absolute; cursor: default;z-index:30 !important;}
.ui-menu .ui-menu-item a span {
 
    display: block;
  color:#bbbbbb;
  font-size:12px;
  }
.ui-widget {
  font-size:13px;
  }
.ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .8em 0 .2em;
        line-height: 1.2;
    }
.searchResult{height:84px;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.searchResult .rating{font-size:11px;direction: ltr;margin-right:10px;}
.searchResult .category{font-size:11px;color:#888888;}
.searchResult .searchTitle{font-size:14px;}
.searchResult .searchType{width:100px;}
.searchResult .searchDate{font-size:11px;color:#666666;}
li#search div.inner-nav div div{background-color: #fdfdfd;}

  .transButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #faf2fa;
  -webkit-box-shadow:inset 0px 1px 0px 0px #faf2fa;
  box-shadow:inset 0px 1px 0px 0px #faf2fa;
  background-color:transparent;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #948e94;
  display:inline-block;
  color:#fcf7fc;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:1px 1px 0px #8f8c8f;
}.transButton:active {
  position:relative;
  top:1px;
}


#viewerDown{
  cursor:pointer;
   color:#333;
}

#viewerUp{
  cursor:pointer;
  color:#333;
}


@media screen and (min-width:800px) {
	#viewerUp:hover{
  cursor:pointer;
  color:#cccccc;
}

#viewerDown:hover{
  cursor:pointer;
  color:#cccccc;
}
}

.editButtonHolder{
z-index: 4;
float: right;
margin-right: 10px;
}

.sketchListView{
  border-right: 1px solid #cccccc;
}

#wrapper #sidebar #navigation ul  li div.sessionsCollectionFolder{
  cursor:pointer;
}

#wrapper #sidebar #navigation ul li:hover div.nohover div.sessionsCollectionFolder{
  cursor:pointer;
}

/* IOS style switches */

.toggle-switch {
    width:73px;
    height:28px;
    margin:20px;
    padding:3px;
    overflow:hidden;
    -webkit-transform:translateZ(0); /* eliminates flickering */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.toggle-switch .bg {
    width:73px; 
    height:28px;
    margin-bottom:-27px;
    -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;
    background-image:-webkit-gradient(linear,0 0, 100% 0, from(#006FCC), color-stop(50%, #006FCC), color-stop(51%, #fefefe), to(#eee));
    background-image:-moz-linear-gradient(0deg, #006FCC 0, #006FCC 50%, #fefefe 51%, #eee 100%);
    background-image:-linear-gradient(#006FCC, #006FCC 50%, #fefefe 51%, #eee);
    -webkit-background-size:200%; -moz-background-size:200%; background-size:200%;
    
    -webkit-transition:background-position 0.16s linear;
       -moz-transition:background-position 0.2s linear;
            transition:background-position 0.2s linear;
    
    background-position:85%;
    
    -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.7), inset 0 14px 0 rgba(0,0,0,0.1);
       -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.7), inset 0 14px 0 rgba(0,0,0,0.1);
            box-shadow:inset 0 0 4px rgba(0,0,0,0.7), inset 0 14px 0 rgba(0,0,0,0.1);
}

.toggle-switch label { display:block; display:-webkit-box; display:-moz-box; display:box; width:78px; height:28px; position:relative; z-index:1;
    -webkit-box-align:center; -moz-box-align:center; box-align:center;
    -webkit-box-orient:horizontal; -moz-box-orient:horizontal; box-orient:horizontal;
    -webkit-transform:translateX(-47px); -moz-transform:translateX(-47px); transform:translateX(-50%);
    -webkit-transition:-webkit-transform 0.19s linear; -moz-transition:-moz-transform 0.2s linear; transition:transform 0.2s linear;
    -webkit-tap-highlight-color:transparent;
}

.toggle-switch input:checked ~ .bg { background-position-x:20%; background-position:20% 50%; }
.toggle-switch input:checked ~ label { -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.toggle-switch input:checked ~ label span:last-child { -webkit-opacity:0; opacity:0; -webkit-transition-delay:0s; -moz-transition-delay:0s; transition-delay:0s; }

.toggle-switch input { display:none; }

.toggle-switch label span {
    display:block; width:50%; padding:0 15px; font-size:14px; line-height:26px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.toggle-switch label span:first-child { position:relative; color:#fff; padding-right:0; width:46px; }

.toggle-switch label span:last-child {
    padding-left:33px;
    padding-right:0;
    color:#666;
    text-shadow:1px 1px 0 #fff;
    -webkit-opacity:0.7; -moz-opacity:0.7; opacity:0.7;
    -webkit-transition:-webkit-opacity 0.2s 0.1s linear; -moz-transition:-moz-opacity 0.2s linear; transition:opacity 0.2s 0.1s linear;
}

.toggle-switch label span:first-child::after {
    position:absolute;
    right:-28px;
    top:-2px;
    display:inline-block;
    width:28px;
    height:28px;
    border:1px solid #666;
    -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;
    background-color:#ccc;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    content:"";
    -webkit-box-shadow:0 0 2px rgba(0,0,0,0.7), inset 0 0 3px 1px rgba(255,255,255,1);
       -moz-box-shadow:0 0 2px rgba(0,0,0,0.7), inset 0 0 3px 1px rgba(255,255,255,1);
            box-shadow:0 0 2px rgba(0,0,0,0.7), inset 0 0 3px 1px rgba(255,255,255,1);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#bbb), to(#fefefe));
    background-image:-moz-linear-gradient(#bbb, #fefefe);
    background-image:linear-gradient(#bbb, #fefefe);
}

/* demo page settings */

.toggle-switch-demo {
    padding:30px 15px;
    background:#c5ccd5; margin:0; font-size:14px; font-family:sans-serif; 

    background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#c5ccd5), color-stop(60%, #c5ccd5), color-stop(61%, #cbd2d9), to(#cbd2d9));
    background-image:-moz-linear-gradient(0deg, #c5ccd5 0, #c5ccd5 60%, #cbd2d9 61%, #cbd2d9 100%);
    background-image:linear-gradient(0deg, #c5ccd5 0, #c5ccd5 60%, #cbd2d9 61%, #cbd2d9 100%);
    -webkit-background-size:8px 100%;
    -moz-background-size:8px 100%;
    background-size:8px 100%;
}
ul.settings { display:-moz-box; display:-webkit-box; display:box; width:100%; -webkit-box-orient:vertical; -moz-box-orient:vertical; list-style:none; margin:0; padding:0; text-indent:0; }
ul.settings li { 
    display:block; /* fallback */
    display:-webkit-box; display:-moz-box; display:box;
    -webkit-box-orient:horizontal; -moz-box-orient:horizontal;
    width:100%;
    margin:0 0 5px; padding:5px 5px; width:100%;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    -webkit-box-align:center; -moz-box-align:center; box-align:center; 
    -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.8);
       -moz-box-shadow:0 0 2px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.8);
            box-shadow:0 0 2px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.8);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#fff));
    background-image:-moz-linear-gradient(#e0e0e0, #fff);
    background-image:linear-gradient(#e0e0e0, #fff);
}

ul.settings li > :first-child { display:block; -webkit-box-flex:1; -moz-box-flex:2; box-flex:1; } 
ul.settings li .toggle-switch { margin:0; display:block; }

.clip-count, .userNotifications .note-count
{
    position:absolute;
    z-index:4;
    
    
    padding: 1px 6px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    margin-left: 24px;
    margin-top: 26px;
    font-size: 11px;
    border: 1px solid #390000;
    background: #c41902 repeat-x left bottom;
    background-image: -ms-linear-gradient(top, #fd785a, #c41902);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd785a), to(#c41902));
    background-image: -webkit-linear-gradient(top, #fd785a, #c41902);
    background-image: -o-linear-gradient(top, #fd785a, #c41902);
    background-image: -moz-linear-gradient(top, #fd785a, #c41902);
    background-image: linear-gradient(top, #fd785a, #c41902);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.note-count{
  margin-left: 28px;
  /* 28px  margin-top: -16px;*/
}

@-moz-document url-prefix() {
    .note-count{
  margin-left: -8px;
  margin-top: 0px;
  }
}
.note-count{
  margin-left: -10px\0/IE9;
  margin-top:16px\0/IE9;
  }

#header #dropdown-lists.userNotifications{
float: left;
margin-top: 11px;
}

.cpEditTitleHolder{
  color: #444;
margin: 0;
padding: 10px 40px;
}
.cpTitleEdit{
  font-size: 24px;
color: #444;
}

#create-functions{
  float:left;
  margin-left:20px;
}
.sketchIcon,.plannerIcon, .globeIcon, .toggle-right-menu-icon{
  
  font-size:32px;
  width:40px;
  margin-top: -10px;
  color:#c0c0c0;
  text-align:center;
   /* fix for fixefox */
}
.globeIcon.deactivated{
  color:#444444;
}
.sketchIcon .nav-title,.plannerIcon .nav-title, .globeIcon .nav-title{
  display: block;
font-size: 11px;
margin-top: 1px;
line-height: 15px;
}
.plannerIcon{
margin-left:10px;
}
.sketchIcon:hover,.plannerIcon:hover{
  color:#cccccc;
}
.sketchIcon:active,.plannerIcon:active{
 
  color:#f88526;
}

#loadingDropDown{
  z-index:1001;
  padding:10px;
  position:absolute;
  top:0px;
  right:40px;
  
  width:480px;
  display:none;
}
.notSharedText, .notInFolder{
  color:grey;
}
.dateLabel{padding:4px;font-weight:bold;color:#258ec8;}
.publicFrame .dateLabel{clear: both;}
.sketchListView .dateLabel{clear: both;padding-left: 12px;}
.sessionLine{border-bottom:1px solid #dddddd;padding-left:8px;/*overflow:hidden;*/
height: 32px;
font-size: 14px;
padding-top: 5px;
}
.sessionIcon{display:block;float:left;width:40px;cursor:pointer;}
.sessionLine:hover {background-image: url(../assets/img/dragGrip.gif);
background-repeat: repeat-y;
background-position-x: 40px;}
.sessionLine.drag{background-image: url(../assets/img/dragGrip.gif);
background-repeat: repeat-y;
background-position-x: 40px;border-top:2px solid #ffffff;}
.sessionInfo{display:block;float:left;width:24px;}
.sessionTitle{display:block;float:left;padding-left:4px;height:20px;font-weight:bold;padding-top:2px;width:32%;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.sessionOptions{display:block;float:left;height:20px;font-size:10px;/*padding-top:2px;*/width:50px;/*overflow:hidden;*/padding-left:10px;}
.sessionPurpose{height:15px;color:#aaaaaa;font-size:12px;}
.sessionSharing{display:block;float:left;height:15px;color:#aaaaaa;height:15px;width:16%;overflow:hidden;padding-left:2px;}
.sessionFolders{display:block;float:left;height:15px;color:#aaaaaa;height:15px;width:16%;overflow:hidden;}

.sessionDate{display:block;width:80px;overflow:hidden;float:right;height:15px;padding-right:10px;text-align:right;}
#columnHeadings{background-color:#ededed;border-top:1px solid #bbccff;height:19px;border-bottom:1px solid #bbccff;}
#columnHeadings .col1{display:block;float:left;width:13px;height:18px;}
#columnHeadings .colInfo{display:block;float:left;padding-left:4px;height:18px;padding-left:4px;padding-top:2px;color:#258ec8;font-size:10px;width:40px;}
#columnHeadings .colName{border-left:1px solid #bbccff;width:32%;display:block;float:left;height:18px;padding-left:4px;padding-top:2px;color:#258ec8;font-size:10px;}
#columnHeadings .colOptions{border-left:1px solid #bbccff;display:block;float:left;height:18px;padding-left:4px;padding-top:2px;color:#258ec8;font-size:10px;width:50px;}
#columnHeadings .colSharing{border-left:1px solid #bbccff;display:block;float:left;width:15%;height:18px;padding-left:4px;padding-top:2px;color:#258ec8;font-size:10px;}
#columnHeadings .colFolders{border-left:1px solid #bbccff;display:block;float:left;width:16%;height:18px;padding-left:4px;padding-top:2px;color:#258ec8;font-size:10px;}
#columnHeadings .colDate{border-left:1px solid #bbccff;display:block;width:80px;overflow:hidden;float:right;height:18px;padding-left:4px;padding-top:2px;color:#258ec8;font-size:10px;}
.sessionsListView{padding-left:4px;}

div.sessionOptions div.dropdown:hover ul.dropdown-menu{
    display: block;    
}
div.sessionOptions div.dropdown:after {
  content: none;
}
div#foldersHolder, div#sharedFoldersHolder{
  padding-bottom:10px;
}
.myFolderOptions{float:right; margin-right:10px; font-size:14px;}
.folderPlus
{
  font-weight:bold;
  float:left;
  padding-left:6px;
  cursor: pointer;
  line-height: 20px;
  height:20px;
  overflow:hidden;
}

.folder
{
  cursor: pointer;
  line-height: 20px;
}

.folder:hover
{
  background-color:#CCE0FF;
}

.false_cursor {
cursor: hand;
cursor: pointer;
}

#loadingStatus{padding:10px;}

#shopListWrapper{background-color:#ffffff;}

.priceBox, .basketTotal{color:#000000;font-size:16px;font-weight:bold;}
.discountDescription{color:#999999;font-size:9px;white-space: nowrap;}

div.sessionPageView h1, div.answerPageView h1{font-size:24px;}

#shoppingCart h4{color:#eeeeee;}
#shoppingCart {
  position: absolute;
top: 6px;
right: 6px;
z-index: 1600;
background-color: #354d62;
width: 200px;
box-shadow: 1px 1px 1px black;
}
.shopListItem{
  font-size:11px;height:68px;overflow:hidden;padding:4px;border-bottom:1px solid #cccccc;padding-right:20px;
}
.cartControls{
  font-size:12px;
  color:#eeeeee;
}
.cartControls .controlsRight{
  float:right;
  width: 30px;
  }
.cartControls .controlsRight a{
  color:#cccccc;
}
.downgradeAlert{
  display: inline;
font-size: 30px;
color: #ff0000;
position: absolute;
text-shadow: 1px 1px 1px #ffffff;
margin-top: 16px;
margin-left: -8px;
}
.drillsCatHeading{
white-space: nowrap;
font-size: 14px;
padding-left: 10px;
text-overflow: ellipsis;}

.catsByRating{
  height:140px;
  overflow:hidden;
  white-space: nowrap;
  min-width: 490px;
}
.catsByRating .drillThumb{
  background:none;
  border-left: 1px solid rgb(230,230,230);
}
.premiumThumb{
  height: 40px;
  
z-index: 10;
position: relative;
margin-bottom: -40px;
width: 130px;
margin-left: -11px;
background-image: url(../assets/img/preOverlayt.png);

}

.drillThumbWithRating{
  width: 130px;
float: left;
margin: 0px;
padding: 2px;
cursor: pointer;
height:130px;
font-size: 13px;
}

.pracListViewRow{height:160px;border-bottom: 2px solid #cccccc;}

#sessionView{
background-color:#ffffff;
margin: 4px;
border: 1px solid #cccccc;
border-radius: 6px 0px 0px 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: 1px 1px 4px 5px #444;
}

.sessionViewHeader{
    height: 60px;
    border-bottom: 1px solid #cccccc;
}

/* simple session stuff */
.session  .text{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;min-height:20px;line-height:15px;border-bottom:1px solid #cccccc;padding-left:8px;padding-top:2px;}
.session  .text ul{margin-top:2px;}
.session td.text{
  /*border-bottom: 1px solid #CCCCCC;*/
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 15px;
    padding-left: 8px;
    padding-top: 2px;
    text-align:left;}
.session  .text p{margin-top:2px;margin-bottom:4px;}
.session  .smText{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;padding:2px;line-height:12px;}
.session{font-family:Verdana, Arial, Helvetica, sans-serif;}
.session  h2{font-size:15px;}
.session   #miniAd{display:none;}
.session .break { page-break-before: always; }
.session .ptheadings{font-size:10px;padding:2px;}
.ptheadings{font-size:10px;padding-top:4px;}
.session li{line-height: 15px;}
.session .practiceWrapper img,
.awsHolderForSession img{
 max-width:100%;
}

#slideShow .awsHolderForSession img{
  width:100%;
}
#sketchMain .awsHolderForSession{
	max-width:500px;
}
.sessionViewBody {padding:8px;}
#sessionViewHolder {background-color:#ffffff;}

.printPreviewPageViewPortrait{margin-top:10px;width:686px;background-image:url(/drills/planner/img/pageA4Portrait.gif);background-repeat:no-repeat;height:988px;padding-top:20px;}

.printPreviewPageViewLandscape{margin-top:10px;width:988px;padding-top:20px;background-image:url(/drills/planner/img/pageA4Landscape.gif);background-repeat:no-repeat;height:686px;}
.printPreviewPageViewPortraitPB{margin-top:10px;width:686px;background-image:url(/drills/planner/img/pageA4Portrait.gif);background-repeat:no-repeat;height:988px;padding-top:20px;}


.printPreviewPageViewLandscapePB{
  margin-top:10px;
  width:988px;
  padding-top:20px;
  background-image:url(/drills/planner/img/pageA4Landscape.gif);
  background-repeat:no-repeat;
  height:686px;
}

@media print{
  .printPreviewPageViewLandscape:not(:last-child) {
    page-break-after: always;
  }  
}
  .page-break {display:block; page-break-before:always;border-top:1px solid #bb0000;}
.tableStyle{background-color:#ffffff;margin-bottom:0px;}
#printCover{
  display:none;
  position:absolute;
  background-color:#ffffff;
  background-image:url(../assets/img/loading.gif);
  opacity:0.4;
  filter:alpha(opacity=40);
  z-index:100;
  height:
  300px;
  width:550px;
}

.hoverTemplateBox{background-color:#f0e0cd;}
.editable{cursor:pointer;}
td.editable:hover{
  background-color:#cccccc;
}



.insertSample{
  width: 310px;
font-size: 11px;
height: 15px;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 4px;
white-space: nowrap;}

.sessionSubTitle{font-size:14px;line-height:20px;color:#336699;font-weight:bold;}

.sp-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.sp-dialog{margin-top:10px;background-image:url(/drills/img/2011/des/spDialogTB.gif);background-repeat:repeat-x;padding:4px;border:1px solid #cccccc;margin-top:10px;}
.sp-dialog-titleBar{font-weight:bold;color:#EE9E30;font-size:12px;padding-left:4px;height:18px;}
.sp-dialog-body{padding: 4px; color: rgb(119, 119, 119); font-size: 11px; line-height: 14px;padding-top:8px;padding-bottom:4px;}
.sp-dialog-body a{color:#0D6E9F;}

#loadingText{
    color: #ffffff;}

div.sessionViewBody table{max-width:none;}
.commentTime{font-size: 10px;
color: #666666;}
.bubbledLeft, .bubbledRight{font-size:13px;z-index: 1;position:relative;margin-top:5px;margin-bottom:5px;max-width:80%;clear:both;min-width: 200px;
letter-spacing: normal;}
.bubbledLeft{float:left;margin-right:auto;margin-left:36px;padding:4px 10px 4px 15px;}
.bubbledLeft:before{z-index:-1;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:"";border-width:8px 10px 8px 17px;border-image:url(../assets/img/speech_bubble_left_3.png) 8 10 8 17 stretch stretch;-webkit-border-image:url(../assets/img/speech_bubble_left_3.png) 8 10 8 17 stretch stretch;-moz-border-image:url(../assets/img/speech_bubble_left_3.png) 8 10 8 17 stretch stretch;-o-border-image:url(../assets/img/speech_bubble_left_3.png) 8 10 8 17 stretch stretch;}
.bubbledLeft:after{z-index:-1;position:absolute;left:-36px;width:32px;bottom:0px;height:32px;content:"";/* background-image:"" */;background-size:32px 32px;background-position:bottom left;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;}
.bubbledRight{float:right;margin-left:auto;text-align:right;margin-right:36px;padding:4px 15px 4px 10px;}
.bubbledRight:before{z-index:-1;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:"";border-width:8px 17px 8px 10px;border-image:url(../assets/img/speech_bubble_right_3.png) 8 17 8 10 stretch stretch;-webkit-border-image:url(../assets/img/speech_bubble_right_3.png) 8 17 8 10 stretch stretch;-moz-border-image:url(../assets/img/speech_bubble_right_3.png) 8 17 8 10 stretch stretch;-o-border-image:url(../assets/img/speech_bubble_right_3.png) 8 17 8 10 stretch stretch;}
.bubbledRight:after{z-index:-1;position:absolute;right:-36px;width:32px;bottom:0px;height:32px;content:"";/* background-image:"" */;background-size:32px 32px;background-position:bottom left;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;}
.section{letter-spacing:normal;}
#sessionComments{height: 240px;
overflow: hidden;
border-bottom: 2px solid #666666;
background-color: #fafafa;
}
.previewPain #sessionComments{background-color: #ffffff;height:auto;}
.previewPain #sessionComments .close{display:none;}

.previewPain .commentArea{overflow-y: visible;}
#sessionComments .tab-content{margin-top: -20px;
background-color: #ffffff;}
.sessionPageView #sessionComments .tab-content{margin-top: 0px;clear:both;}
.commentArea{
  height: 174px;
overflow: hidden;
overflow-y: scroll;
padding-right:20px;
padding-left:10px;
padding-bottom:4px;
}
.newMessageDiv{
  float: right;
  clear: both;
width: 330px;
}

#sketchContent{background-color:#ffffff;}
.btn-open {
color: #333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
}
.subViewCount{font-size:10px;color:#cccccc;line-height: 12px;}
.drillThumbWithRating .title{
  width: 130px;
overflow-x: hidden;
text-overflow: ellipsis;
}

#content-wrap #rightHandBar  #communityHolder #sidebar, #responsiveRightBar #communityHolder #sidebar{
  color: #AFB0B1;
   /* background: #0D171A;*/
    float:left;
    margin:0 0 24px;
    padding:2px 8px 6px;
}
#content-wrap.rightBarOpen #rightHandBar  #communityHolder #sidebar, #responsiveRightBar #communityHolder #sidebar{
    
    width:218px;
}
#content-wrap.rightBarOpen #rightHandBar #communityHolder .communityHolderLabel, #responsiveRightBar #communityHolder .communityHolderLabel{
color: #eeeeee;
padding-left: 14px;
width:200px;
}
#content-wrap #rightHandBar #communityHolder .communityHolderLabel, #responsiveRightBar #communityHolder .communityHolderLabel{
color: #eeeeee;
padding-left: 14px;
width:30px;
height:20px;
overflow:hidden;
}
#rightHandBar  #sidebar ul, #responsiveRightBar #sidebar ul{
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}



#rightHandBar .none {
  background-position: 82px 0px;
}

#rightHandBar #sidebar li,#communityHolder  li.notificationHover,#responsiveRightBar #sidebar li,#communityHolder  li.notificationHover{
    /*height: 50px;*/
    cursor:pointer;
    padding: 2px;
border: 1px solid #999999;
border-radius: 4px;
    overflow: hidden;
}
#rightHandBar #sidebar .spyWrapper ,#responsiveRightBar #sidebar .spyWrapper {
    height: 100%;
   /* overflow: hidden;*/
    position: relative;    
}

#rightHandBar #sidebar,#responsiveRightBar #sidebar  {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#rightHandBar #communityHolder #sidebar  ul li,#communityHolder  li.notificationHover,#responsiveRightBar #communityHolder #sidebar  ul li
{
    list-style: none;
    text-align: left;
    margin: 0;
  background-color: rgb(100, 100, 100);
  margin-top: 1px;
}

#rightHandBar #communityHolder #sidebar  ul li a, #communityHolder  li.notificationHover a
{
    white-space: normal;
    font-size: 11px;
    line-height: 16px;
    border-bottom: 1px solid #e5e5e5;
    zoom: 1;
}

#responsiveRightBar #communityHolder #sidebar  ul li a{
  white-space: normal;
    font-size: 11px;
    line-height: 16px;
    zoom: 1; 
}

#rightHandBar #communityHolder #sidebar  ul li a:before,
#rightHandBar #communityHolder #sidebar  ul li a:after,
#responsiveRightBar #communityHolder #sidebar  ul li a:before,
#responsiveRightBar #communityHolder #sidebar  ul li a:after
{
    display: table;
    content: "";
    line-height: 0;
}


/*
@media (min-width: 1281px) {
  #content-wrap.rightBarOpen #rightHandBar{
    width: 286px;
  }
  
  #wrapper.full #content-wrap.rightBarOpen #content{
    margin-right:286px;
  }
}*/

.notificationHover{
  z-index:100;
  position:absolute;
  width:200px;
  left:-160px;
}
#content-wrap #rightHandBar #communityHolder  li.notificationHover a .time,
#responsiveRightBar #communityHolder  li.notificationHover a .time
{
    display: inline-block;
    color: #999;
}

#responsiveRightBar #communityHolder li.notificationHover a .details
{
    display: block;
    margin-left: 42px;
    color:rgb(68, 185, 243);
}
.notificationHover:after {
  clear:both;
}
.thumbnailIcon{
  z-index:10;
  position:absolute;
  margin-top:20px;
  margin-left: 3px;
  width:24px;
  height:24px;
  font-size:20px;
  color:#f89b20;
}

.carbonPlate{
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
width:300px;
border-top:2px solid #999999;
border-left:2px solid #999999;
border-right:2px solid #222222;
border-bottom:2px solid #222222;
padding:20px;
}

.premiumOverlay{
  /*z-index:92; */  
  position:absolute;
  top: 0;
/*left: 0;*/
width: 100%;
height: 100%;
padding-top:30px;
   /* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.8);
}
.premiumBox .btn, .subscribeText .btn{margin-bottom: 2px;}
.premiumBox{
  background:#222222;
  color:#eeeeee;
  padding:8px;
}

.premiumBox .smPrint, .subscribeText .smPrint{display: block;
font-size: 10px;line-height:10px;}

#drills .inner-nav {background-color: #fefefe;}

td .normalBG p{margin-top: 1.0em;
margin-bottom:  1.0em;
line-height: 1.2em;
font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;}
.normalBG {background-color:transparent;line-height: 1em;
font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;}
.normalBG p{margin-top: 0.25em;margin-bottom:  0.25em;
line-height: 1.2em;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;}
.normalBG li{line-height: 1.2em;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;}
.normalGreyBG{background-color:#cccccc;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;}
.normalGreyBG_lessonPlan2{color: #ff0000;background-color:#eeeeee;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;font-size: 12px;}

td span.HeaderLabel,
span.HeaderLabel,
td .HeaderLabel {
font-size: 9px;
font-weight: bold;
color: #333333;
font-family: arial,sans-serif;
}

td span.HeaderLabel_lessonPlan2,
span.HeaderLabel_lessonPlan2,
span.headerLabel_lessonPlan2,
span.FooterLabel_lessonPlan2,
td .HeaderLabel_lessonPlan2{
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  font-family: arial,sans-serif;
}




#sessionViewHolder .simple{
padding-top: 60px;
background-position: 50% 0px;
/*background-position-y: -160px;
background-position-x: 50%;*/
background-image: url(../assets/img/clipSessionBg2.jpg);
background-repeat:no-repeat;
}
.thumb-padLock{
  z-index: 10;
position: absolute;
font-size: 80px;
color: rgba(60,60,60,.7);
padding-left: 80px;
padding-top: 20px;
margin: -10px;
background-color: rgba(25,25,25,0.8);
width: 160px;
height: 96px;
background-image: url(../assets/img/overlay.png);
opacity: 0.50;
}
.thumb-padLock.day0,
.thumb-padLock.day1{
  background:none;
}

.hideLocks .thumb-padLock.day0{
	display:none;
}

.thumb-padLock i{
  color: #E99704;
}

.textPretty{
    border:1px solid #999999;
    outline:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
}
.textPretty:focus {
    border:1px solid #7dbef1;
    box-shadow:0 0 5px #7dbef1;
    -moz-box-shadow:0 0 5px #7dbef1;
    -webkit-box-shadow:0 0 5px #7dbef1;
}
.entry{/*float: left;*/
    padding-bottom: 8px;
    padding-right: 8px;
    width: 100px !important;
    height:85px;
    overflow:hidden;font-size:13px;}
#catOptions.entry a{display:block;}
a:hover span.thumb-inner{
    border: 1px solid #0099FF;
  box-shadow: 0px 0px 6px #99CCFF;
}
.thumb-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 5px #CCCCCC;
    display: inline-block;
    overflow: hidden;
    padding: 3px; 
}
.thumblink{
  text-overflow: ellipsis;
height: 16px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: bold;
overflow: hidden;
margin-top:-6px;
}
.thumbcat{
color:#bbbbbb;font-size:10px;padding-left:6px;line-height:14px;
}

#drawing-line-width{
  width: 50px;
}

.news p{
  font-size: 12px;
line-height: 14px;
}
.news ul li.answer .head h2 {
  font-size:14px;
  }
.news ul li.answer{
  padding:10px;
}
.news ul li.answer .head {
margin-bottom:0px;
}

.chat-box ul li.others .message {
text-align: left;
}

/* Set so admin drop down apears over ansers div... */
.chat-box ul li.others .questionAnswerDiv,
.chat-box ul li.me .questionAnswerDiv,
#acceptedAnswerContainer
{
  z-index: 0;
}

.chat-box ul li.others .profileAns{
  width: 80px;
  font-size:12px;
  float:right;
  z-index: 0;
  
}
.answerPageView .chat-box ul li.others .message{
  text-align:left;
  min-width:400px;
}
.answerPageView .chat-box ul li.others .time{
  text-align:left;
  display:inline;
}
.answerPageView .chat-box ul li.me .message .time{
  text-align:left;
  display:inline;
}

.answerPageView .chat-box ul li.me .message{
  text-align:left;
  min-width:400px;
  max-width: 100%;
    overflow-wrap: break-word;
}
.profileAns .name{
font-size: 12px;
white-space: nowrap;
font-weight: bold;
clear: both;
}

.profileAns .involvementType{
font-size: 12px;
line-height: 13px;
}

.profileAns .country{
font-size: 12px;
line-height: 13px;
}

.profileAns .organisation{
font-size: 12px;
line-height: 13px;
}

.chat-box ul li.me .profileAns{
  width: 80px;
  font-size:12px;
  float:left;
}

#homePage{background-color:#fafafa;}

.searchPara{
  color: #aaaaaa;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
}

.searchPara.premium{
 width: 300px;
}

.searchAnswerIcon{
  margin-right: 8px;
float: left;
width: 80px;
height: 80px;
font-size: 60px;
padding-left: 20px;
color: #aaaaaa;
}
#header.setInline{
  z-index:auto;
}
.searchMode{
  z-index:100;position:absolute;/*left:300px;*/
}
.dashboard .l-header__right .l-header__search .searchHighlight,
#header #header-right .navbar-search .searchHighlight{
  box-shadow:-5px 5px 15px 7px #ffffff;
  border:1px solid #cccccc;
}

#uaWindow-circle .uaWindow-inner-form .uaProfile
{
  background-color:white;
  padding:10px;
  width:500px;
}

#uaWindow-circle .uaWindow-inner-form h1#uaProfileNameHeading
{
  padding:0px;
  margin:0px;
  color:#444444;
  line-height:25px;
}

#uaWindow-circle .uaWindow-inner-form .uaProfileDivider
{
  padding-bottom:5px;
  border-bottom:1px solid #DDD;
  margin-bottom:5px;
}

#uaWindow-circle .uaWindow-inner-form .uaProfileSectionHeader
{
  float:left;
  margin-right:5px;
  line-height:35px;
  vertical-align:middle;
}

#uaWindow-circle .uaWindow-inner-form .uaProfileOption
{
  cursor:pointer;
  padding:3px;
}

#uaWindow-circle .uaWindow-inner-form .uaProfileOption:hover{
  background-color:#E6E6E6;
}

#uaWindow-circle .uaWindow-inner-form .editImagePreviewPane
{
  width:100px;
  height:100px;
  border:1px solid black;
  overflow:hidden;
  margin-left:5px;
  float:left;
}

#editProfileImage .editImagePreviewPane,
#editImageDisplay .editImagePreviewPane
{
  width:100px;
  height:100px;
  border:1px solid black;
  overflow:hidden;
  margin-left:5px;
  float:left;
}


#shareBlob{
  float: right;
width: 120px;
margin-top: -10px;
margin-left: 16px;
}

#drillMain #shareBlob{
  float: right;
width: 140px;
margin-top: 4px;
margin-left: 16px;
}
#shareme .box{
  float:left;
  /*margin:5% 8% 0 8%;*/
  width:100%;
}
#shareme .box a{
  color:#666666;
  text-shadow: 0 1px 1px rgba(167,167,167,.4);
}
#shareme .box a:hover{
  text-decoration:none;
}
#shareme .count {
color: #666666;
white-space: nowrap;
  font-weight:bold;
  font-size:50px;
  float:left;
  border-right:2px solid #57b8d1;
  line-height:40px;
  padding-right:10px
}
#shareBlob #shareme .share {
  /*float:left;
  margin-left: -10px;*/
color: #666666;
/*white-space: nowrap;
  
  font-size:20px;*/
  width:82px;
}
#shareme .buttons {
  position: absolute;
  display: none;
  width:294px;
  margin-left: -180px;
  background-color:#fff;
  border: 1px solid rgba(0,0,0,.2);
  padding:10px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#shareme .button {
  float:left;
  max-width:50px;
  margin:0 10px 0 0;
}
#shareme .facebook {
  margin:0 4px 0 0;
}

#shareBlob .spbuttons{
  display:none;
  position: absolute;
z-index: 10;
margin-top: 30px;
margin-left: -60px;
width:240px;
}
#shareBlob.open .spbuttons{
  display:block;
}

#shareBlob .spbuttons .shareIconButton{
  float:left;
  width:40px;
  font-size:30px;
  text-shadow: 1px 1px 3px #ffffff;
}

/*
#fullPlan .controls{
  z-index:11;position:absolute;margin-top:-22px;
} */
.clipColumnHolder{
  padding-left:24px;
  padding-right:10px;
}
#fullPlan .clear{
  height:1px;
  overflow:hidden;
  margin-top:0px;
}

#fullPlan td{
  line-height:0px;
  vertical-align:top;
}
.prop {
    float:right;
    width:1px;
  }

  .min30px {
    height:30px;
  }
  
  .min20px {
    height:20px;
  }
  
  .min24px {
    height:22px;
  }
  
  .min40px {
    height:40px;
  }
  
  .min60px {
    height:60px;
  }

  .min50px {
    height:50px;
  }

  .min100px {
    height:100px;
  }

  .min150px {
    height:150px;
  }
  
.editEmptyPracticeNotes{
background-image: url(../assets/img/fakeNotesBox.gif);
background-repeat: no-repeat;
/*border-bottom: 1px solid #cccccc;*/
border-right: 1px solid #cccccc;
/*border-top: 2px solid #999999;
border-left: 2px solid #999999;*/
height: 98px;
}

.qbubble 
{
position: relative;
width: 88%;
margin-bottom: 30px;
text-align: left;

padding-top: 0px;
padding-left: 20px;
padding-right: 20px;

padding-bottom: 8px;
background: #5485c0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.qHeading{
  font-size:10px;
  font-weight:bold;
}
.qText{
  width:85%;height: 80px; font-size: 12px; padding: 6px; line-height: 18px; color: #666666; border: 1px solid #ff6600;
}

.qbubble:after 
{
content: "";
position: absolute;
bottom: -14px;
left: 30px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #5485c0 transparent;
display: block;
width: 0;
z-index: 1;
}

.prettyAttachment{
  background-color: #ffffff;
border-radius: 4px;
min-height: 10px;
margin-bottom: 8px;
border: 1px solid #dddddd;
}

#drillRating{min-height:32px;}

.answerFlagsHolder{float:right;width:200px;font-size:10px;text-align:right;padding-top:6px;}
.chat-box ul li.me .message ul li,.chat-box ul li.me .message ul ol{display:list-item;}
.chat-box ul li ul li,.chat-box ul li ol li{
display:list-item;
padding:0px;
}
.chat-box ul li ul li:after,.chat-box ul li ol li:after {
display: inline;
}
.message textarea.answerText{
  width:100%;
}


div#addDescription
{
  float:left;
  padding:30px;
  text-align:center;
  border:2px #CCCCCC dashed;
}

.sessionPageView .time{
  text-align:left;
  display:inline;
}

#sketchMain .time{
  text-align:left;
  display:inline;
}
/* using wildcard on ratings div because had to generate unique IDs for it to keep tabs working
when sketch is open in viewer over detail view of sketch (ie there are two open sketch detail views)*/
div[id*="ratingsDiv"] .ratingHolder, div.answerPageView .commentHolder, div.sessionPageView .commentHolder, div[id*="teamCommentsDiv"] .commentHolder 
{
  border-top:1px solid #CCCCCC;
  padding-top:5px;
  margin-bottom:6px;
}

div[id*="ratingsDiv"] .ratingImageHolder, div.answerPageView .commentImageHolder, div.sessionPageView .commentImageHolder, div[id*="teamCommentsDiv"] .commentImageHolder
{
  width:37px;
  float:left;
  padding-right:5px;
}

div[id*="ratingsDiv"] .ratingDate, div.answerPageView .commentDate, div.sessionPageView .commentDate, div[id*="teamCommentsDiv"] .commentDate 
{
  color:grey;
  font-size:11px;
  line-height:15px;
  float:right;
  background-color:white;
  text-align:right;
  margin-right:10px;
}

div[id*="ratingsDiv"] .ratingStars
{
  line-height:13px;
}

div[id*="ratingsDiv"] .ratingStar
{
  color:#FCB454;
  font-size:16px;
}

div[id*="ratingsDiv"] .ratingReplyLink, div[id*="sessionRating"] .ratingReplyLink
{
  font-size:10px;
  color:#0066CC;
  line-height:13px;
  float:right;
  background-color:white;
  text-align:right;
}

div[id*="ratingsDiv"] .ratingUsersName, div.answerPageView .commentUsersName, div.sessionPageView .commentUsersName, div[id*="teamCommentsDiv"] .commentUsersName
{
  line-height:13px;
  margin-left:40px;
}

div[id*="ratingsDiv"] .ratingUsersName span, div.answerPageView .commentUsersName span, div.sessionPageView .commentUsersName span, div[id*="teamCommentsDiv"] .commentUsersName
{
  font-size:12px;
  font-weight:bold;
}


div[id*="ratingsDiv"] .ratingComment, div.answerPageView div.comment, div.sessionPageView div.comment, div[id*="teamCommentsDiv"] div.comment
{
  font-size:12px;
  line-height:1.2em;
  padding-top:5px;
  margin-left:42px;
}

div.ratingComment a.replyToPracticeRating, div.answerPageView div.comment a.replyToComment, div.sessionPageView div.comment a.replyToComment,
div[id*="teamCommentsDiv"] div.comment a.replyToCommet , #higherCommentLink, span.replyToSessionRating, span.inAppAddToSportInterests
{
  font-size:10px;
  text-decoration:none;
  color:#0073E6;
  margin-left:5px;
}


div.answerPageView div.newComment, div.sessionPageView div.newComment, div[id*="teamCommentsDiv"] div.newComment
{
  margin-top:10px;
}


div.answerPageView div.commentsListHeading, div.sessionPageView div.commentsListHeading, div[id*="teamCommentsDiv"] div.commentListHeading
{
  font-weight:bold;
  font-size:12px;
}

div[id*="ratingsDiv"] .ratingReplyHolder, div.answerPageView .commentReplyHolder, div.sessionPageView .commentReplyHolder, div[id*="teamCommentsDiv"] .commentReplyHolder
{
  margin:8px 0px 0px 20px;
}

div[id*="ratingsDiv"] .ratingReplyHolder .replyUsersImageHolder, div.answerPageView .commentReplyHolder .replyUsersImageHolder, div.sessionPageView .commentReplyHolder .replyUsersImageHolder,
.commentReplyHolder .commentReplyHolder .replyUsersImageHolder, div[id*="teamCommentsDiv"] .commentReplyHolder .replyUsersImageHolder
{
  width:37px;
  float:left;
  padding-right:5px;
}

div[id*="ratingsDiv"] .ratingReplyHolder .replyCommentDate, div.sessionPageView .commentReplyHolder .replyCommentDate, div.answerPageView .commentReplyHolder .replyCommentDate,
div[id*="teamCommentsDiv"] .commentReplyHolder .replyCommentDate 
{
  line-height:13px;
  margin-right:10px;
  color:grey;
  font-size:11px;
  float:right;
  background-color:white;
  text-align:right;
}

div[id*="ratingsDiv"] .ratingReplyHolder .replyCommentUsersName, div.answerPageView .commentReplyHolder .replyCommentUsersName, div.sessionPageView .commentReplyHolder .replyCommentUsersName,
div[id*="teamCommentsDiv"] .commentReplyHolder .replyCommentUsersName
{
  line-height:16px;
}

div[id*="ratingsDiv"] .ratingReplyHolder .replyCommentUsersName span, div.answerPageView .commentReplyHolder .replyCommentUsersName span, div.sessionPageView .commentReplyHolder .replyCommentUsersName span,
div[id*="teamCommentsDiv"] .commentReplyHolder
{
  font-size:12px;
  font-weight:bold;
}

div[id*="ratingsDiv"] .ratingReplyHolder .replyCommentText, div.answerPageView .commentReplyHolder .replyCommentText, div.sessionPageView .commentReplyHolder .replyCommentText,
div[id*="teamCommentsDiv"] .commentReplyHolder .replyCommentText
{
  font-size:12px;
  margin-left:40px;
}

div[id*="ratingsDiv"] .newReplyHolder, div.answerPageView .newReplyHolder, div.sessionPageView .newReplyHolder, div[id*="teamCommentsDiv"] .newReplyHolder
{
  margin-top:10px;
  margin-left: 25px;
}

div[id*="ratingsDiv"] .newReplyTextarea, .newCommentTextarea, div[id*="teamCommentsDiv"] .newReplyTextarea, .newCommentTextarea
{
  margin:0px 0px 0px 5px;
  height:3em;
  width:200px;
  font-size:12px;
}

.profileImage
{
  cursor:pointer;
}

.profileImage .image
{
  z-index:0;
}

.profileImage .eye
{
  position:absolute;
  z-index:1;
  color:#f89b20;
  text-shadow:1px 1px #fff;
  font-size:25px;
  display:none;
}

.profileImage:hover .eye
{
  display:inline;
}

li div.mainHeading{
    /*background-color: rgba(148, 219, 255, 0.2);*/
  color: #ffffff;
  border: 1px solid #CE993F;

  background: #EAAD49 repeat-x left bottom;
  background-image: -ms-linear-gradient(top, #FAD79E, #DE9B2D);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAD79E), to(#DE9B2D));
  background-image: -webkit-linear-gradient(top, #FAD79E, #DE9B2D);
  background-image: -o-linear-gradient(top, #FAD79E, #DE9B2D);
  background-image: -moz-linear-gradient(top, #FAD79E, #DE9B2D);
  background-image: linear-gradient(top, #FAD79E, #DE9B2D);
  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
}

li div.subFolder{
  color: #ffffff;
  border: 1px solid #929292;

  background: #A4A4A4 repeat-x left bottom;
  background-image: -ms-linear-gradient(top, #D1D1D1, #929292);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D1D1D1), to(#929292));
  background-image: -webkit-linear-gradient(top, #D1D1D1, #929292);
  background-image: -o-linear-gradient(top, #D1D1D1, #929292);
  background-image: -moz-linear-gradient(top, #D1D1D1, #929292);
  background-image: linear-gradient(top, #D1D1D1, #929292);
  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
}


#sport-choice-obj{
  border-bottom:1px solid #cccccc;
  color:#444444;
  padding-bottom:4px;
  background-color:#fcfcfc;
}
#sport-choice-obj .sportName16{
	font-size: 18px;
    color: #ffffff;
    text-transform: Uppercase;
    font-style: italic;
    font-weight: bolder;
    line-height: 40px;
    padding-right: 10px;
    padding-left: 5px;
}
#sport-choice-obj:hover{
  background-color:#eeeeee;
  -webkit-box-shadow: inset 0 0 30px #bbb;
    -moz-box-shadow: inset 0 0 30px #bbb;
    box-shadow: inset 0 0 30px #bbb;
}
#sport-choice-obj.selected,#sport-choice-obj.selected:hover{
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-box-shadow: inset 0 0 30px rgb(234, 203, 158);
    -moz-box-shadow: inset 0 0 30px rgb(234, 203, 158);
    box-shadow: inset 0 0 30px rgb(234, 203, 158);
}
#sport-choice-obj .icon-star-empty, #sport-choice-obj .icon-star{
	color: #fff;
    margin-left: -20px;
    margin-top: -16px;
}
#sport-choice-obj>div:first-child{
	background-color: #9f8b66;
    padding-left: 5px;
    margin-bottom: 4px;
    max-height: 40px;
}
#sport-choice-obj .heading{
  padding-left:10px;
  
}
#sport-choice-obj .heading a{
   color:#aaaaaa;
  text-decoration:none;
  color: #f89b2a;
text-shadow: 1px 1px 1px black;
  }
#sport-choice-obj .iconSpacing{
  margin-left:4px;
  margin-top:6px;
  font-size: 16px;
  color:#aaaaaa;
}
#sport-choice-obj .iconSpacing a{
  font-size: 20px;
  color:#aaaaaa;
  text-decoration:none;
  margin-top:4px;
  
}
#sport-choice-obj .sportName{
  margin-left:10px;
  font-size:18px;
}
#sport-choice-obj .functionIcons{
  padding:4px;
}
#sport-choice-obj img.sportIcon{
  width:34px;
  height:26px;
  border-radius:6px 6px 6px 6px;
  border:1px solid #bbbbbb;
  margin-left:6px;
  margin-top:-4px;
}
#sport-choice-obj .sprite-drills {
background-image: url(../assets/img/imgSpr.png);
background-position: -24px -46px;
width: 22px;
height: 22px;
display: inline-block;
margin-top: -7px;
}
#sportsSetup .widget:after{
  display:none;
  margin-bottom: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 0px;
}

#myTeamFollowingBody ul li
{
  padding: 10px;
}

#myTeamFollowingBody ul li a
{
  white-space: normal;
  font-size: 11px;
  padding: 10px;
  line-height: 16px;
}

#myTeamFollowingBody ul li a:hover
{
  /*text-decoration: none;*/
  cursor: pointer;
}

#myTeamFollowingBody ul li a .thumbnail
{
  float: left;
  background-color: #fff;
  padding: 2px;
  width: 44px;
}

#myTeamFollowingBody ul li a .time
{
  display: block;
  color: #999;
}

#myTeamFollowingBody span#showMyTeam:hover,
#myTeamFollowingBody span#showFollowingActivity:hover,
#myTeamFollowingBody span#followingActivityInfo:hover
{
  cursor:pointer;
  color:#F89406;
}

form#AddTeamMemberForm
{
  margin:10px;
  line-height:20px;
  max-width:400px;
}

form#AddTeamMemberForm .inputLabel
{
  float:left;
  margin-top:5px;
}

form#AddTeamMemberForm .inputField > input
{
  max-width:250px;
}

form#AddTeamMemberForm .nextButton
{
  font-size:22px;
}

form#AddTeamMemberForm .nextButton:hover
{
  color:#F89406;
  cursor:pointer;
}

div.addMemberSpacing
{
  margin-bottom:20px;
}


div#myTeamPending
{
  margin-bottom:5px;
}

div#myTeamPending span
{
  text-decoration:underline;
}

div#pendingInvites div.user
{
  margin:5px 0px;
}

div#pendingInvites div.user img
{
  width:30px;
}

div#pendingInvites div.user a.resend
{
  margin-left:10px;
  float:right;
}

div#pendingInvites div.user a.resend:hover
{
  text-decoration:none;
}

/****  iScroll 5 ******/


.iScrollHorizontalScrollbar {
  position: absolute;
  z-index: 9999;
  height: 16px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px;
}

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 10px;
  bottom: 2px;
  top: 2px;
  right: 2px;
}

.iScrollVerticalScrollbar:hover {
  position: absolute;
  z-index: 9999;
  width: 12px;
  bottom: 2px;
  top: 2px;
  right: 2px;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 18px;
}

.iScrollIndicator {
  position: absolute;
  background: #cc3f6e;
  border-width: 1px;
  border-style: solid;
  border-color: #afafaf #454545 #454545 #afafaf;
  border-radius: 5px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
  height: 100%;
  background: -moz-linear-gradient(left,  #cc3f6e 0%, #93004e 100%);
  background: -webkit-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
  background: -o-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
  background: -ms-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
  background: linear-gradient(to right,  #cc3f6e 0%,#93004e 100%);
}

.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  background: -moz-linear-gradient(top, #c1c1c1 0%, #757575 100%);  /* 
  #717171    #cc3f6e
  */
  background: -webkit-linear-gradient(top, #c1c1c1 0%, #757575 100%);
  /*#464646
   * #93004e
   */
  background: -o-linear-gradient(top, #c1c1c1 0%, #757575  100%);
  background: -ms-linear-gradient(top, #c1c1c1 0%, #757575  100%);
  background: linear-gradient(to bottom,  #c1c1c1 0%, #757575  100%);
}

.is5wrapper {
  position: absolute;
  z-index: 1;
  /*
   * background: #ccc;
   */
  overflow: hidden;
}

/* end */

.sl-page {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform:translate3d(0,0,0);
}
 
.sl-stage-center {
   -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
 
.sl-stage-left {
  -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
 
.sl-stage-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
 
.sl-transition {
    -moz-transition:-moz-transform .375s;
    -webkit-transition:-webkit-transform .375s;
    -o-transition-duration:-o-transform .375s;
    transition:transform.375s;
}



.forMobile{
  display:inline;
  }
@media (min-width: 481px) {
  .forMobile{
  display:none;
  }
}

a.goBack{
display:inline-block;
font-size: 30px;
margin-top: 4px;
padding-right: 6px;
padding-left: 6px;
border-radius: 4px;
}
a.goBack:hover{
background-color:#cccccc;
}

.mobHomeLinks{
  margin: 0;
line-height: 1;
padding: 9px 0;
text-align: center;
color: #bfbfbf;
display: block;
border: 1px solid transparent;
font-size: 32px;
}


a.mobHomeLinks{
width: 90px;
border: 1px solid #16407b;
align-items: center;
border-radius: 4px;
margin: auto;
height: 60px;
margin-bottom: 10px;
}

a.mobHomeLinks:hover{
background-color:#cccccc;
}

.mobHomeLinks .nav-title{
  display: block;
font-size: 9px;
margin-top: 1px;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
}
#loadingStatus{
  width:280px;
  height:200px;
  margin-top: -120px;
  margin-left: -140px;
}
.viewerPageWidth{
  width:620px;
}
.sessionPageRight{
  width:200px;text-align:right
}
.sessionPageRight .fa-icon-star,.sessionPageRight .fa-icon-star-empty{
  font-size:22px;
}
.answerPagePadding{
  padding:20px;
}
#webVideoPageWrapper{
  width:620px;
}
.addThisPosition{
 float:right;margin:8px;margin-right:16px;
}
.ribbon-wrap .addThisPosition{
  padding-right:40px;
}

.webVideoRight{
  width:400px;text-align:right;
}
#webVideoHolder{
  height:320px;
}

.resBorderTop{
      border-top:1px solid #999999;
    }
    .resBorderLeft{
      border-left:1px solid #999999;
    }
    .resBorderRight{
      border-right:1px solid #999999;
    }
    .resBorderBottom{
      border-Bottom:1px solid #999999;
    }
  .resBorderBottomDashed{
border-bottom:1px dashed #dddddd;
    }

div.sessionOptions div.dropdown ul.dropdown-menu{left: 20px;}
@media (max-width: 480px) {
#sessionViewHolder div.practiceWrapper.pull-right{clear:both;float:none;width:100%!important;height:auto!important;max-width:410px;text-align:center;}
.sessionViewBody .movieHolderPL{
	height: auto!important;
}
.sessionViewBody .movieHolderPL>div{
float:none;
width: 100%!important;
height:	auto!important;
max-width:410px;}
  .answerPageView .chat-box ul li.others .message, .answerPageView .chat-box ul li.me .message{
    min-width:280px;
  }
  .downgradeAlert{
    margin-top:6px;
  }
  .message textarea.answerText {
width: 60%;
}
  #sport-choice-obj .sportName {
margin-left: 5px;
font-size: 14px;
}
#sport-choice-obj .sportName a{display:none;}
#sport-choice-obj img.sportIcon{
width: 24px;
height: 18px;
}
  #loadingStatus{
  margin-left: -146px;   /* not sure why */
 }
 .viewerPageWidth{
  width:100%;
}
.fa-icon-star{
  font-size:14px;
}
.sessionPageRight{
  width:140px;
}
.sessionPageRight .fa-icon-star,.sessionPageRight .fa-icon-star-empty{
  font-size:14px;
}
.chat-box ul li.others .profileAns{
  padding-left:10px;
}
.chat-box ul li.me .profileAns{
  padding-right:10px;
}
.answerPagePadding{
  padding:6px;
}
.answerPagePadding h1{
  padding-left:14px;
  
} 
#header #header-sport{
  padding-top: 13px;
}
#header #dropdown-lists.userNotifications{
  margin-top:6px;
}
.sketchIcon, .plannerIcon, .globeIcon, .toggle-right-menu-icon{
  font-size:32px;
}
#header #create-sketch, #header #create-plan, #header #toggle-right-menu {
padding-top: 16px;
}
#header #header-clipboard, #header #create-sketch, #header #create-plan, #header #toggle-right-menu{
  padding-top:8px;
}
.sketchIcon, .plannerIcon, .globeIcon, .toggle-right-menu-icon{
  margin-top:0px;
}
.sketchIcon .nav-title, .plannerIcon .nav-title, .globeIcon .nav-title{
  display:none;
}
.globeIcon {
  padding-left:20px;
}
.globeIcon center{
display: inline;
}
.clipboardIcon{
  width: 26px;
height: 29px;
margin-top: -1px;
}
ul.inner-nav{
  margin:0;
}
ul.inner-nav div li{
  max-width:480px;
}
#webVideoPageWrapper{
  width:100%;
}
.addThisPosition{
 float:none;text-align: right;
margin: 0;
}
div.practiceHeading .addThisPosition{
 float:right;text-align: right;
margin: 0;
}
div.practiceHeading .addThisPosition a{
  margin-top: 0px;
}
div#pracContent div#practiceHolder{
  padding-left: 10px;
}
div.practiceHeading {
  height: 32px;
overflow: hidden;
max-height: 40px;
}
.webVideoRight{
  width:300px;text-align:right;
}
#wrapper #main #main-header h1,#drillMain #main-header h1, #searchInner #main-content h1, .webVideoPageView #main-content h1{
  padding-top:0px;
  padding-bottom:0px;
}
#webVideoHolder{
  height:232px;
}
.categoryColumn{
width: 100%;
}
.pracListViewColumn{
  width:100%;
}
.scrollInner{
  position:relative;
}
div .drillThumb{
  float:none;
  width:100%;
  height: 70px;
}
div .drillThumb img{
  float:left;
  
}
div .drillThumb div.title{
  padding-left: 10px;
width: 180px;
height: 18px;
max-width: 180px;
display: inline-block;
}
.thumb-padLock{
      width: 100%;
    height: 72px;
}
div .drillThumb div.des{
display: inline-block;
width: 180px;
padding-left: 10px;
text-overflow: ellipsis;
line-height: 16px;
height: 42px;
overflow: hidden;
}
#communityHolder{
  width: 303px;
margin-left: -6px;
}
.commentArea {
height: 176px;
}
#sessionView{
margin:0px;
border: 1px solid #cccccc;
border-radius: 0px;
box-shadow: none;
}
.categoryHeading,.sketchHeading, .catTitle, .sessionsHeading, .sessionsTitleBar{
  line-height:20px;
  height:30px;
  padding-top:8px;
}
.sessionViewHeader{
  height:44px;
}
#header .pure-g-r
{background-color:#ffffff;}
.resBorderLeft{
      border-left:1px solid #999999;
      border-right:1px solid #999999;
    }
    .resBorderRight{
      border-left:1px solid #999999;
      border-right:1px solid #999999;
    }
.sessionViewBody {
padding: 2px;
}
#columnHeadings{display:none;}
.sessionLine div.sessionSharing{display:none;}
.sessionLine div.sessionFolders{display:none;}
.sessionLine div.colDate{display:none;}
.sessionLine div.sessionTitle{width: 230px;}
.sessionLine div.sessionIcon{width: 20px;}
.sessionLine div.sessionOptions{width: 30px;}
.sessionLine {height:26px;}
.folder{height: 24px;}
.folderPlus{font-size: 18px;}
.dropdown-menu li.text {
display: block;
padding: 3px 20px;
color:#666666;}
div.sessionOptions div.dropdown ul.dropdown-menu{left: -170px;}
}

#fullPlan .pure-g-r,#header .pure-g-r,#spFooter .pure-g-r
{letter-spacing: 0;}

.carbonPlate{padding:0px;overflow-y:scroll;}
.premiumOverlay{padding-top:10px;}


.spUGWindow {
background-image: url(/drills/planner/img/planningEasy.gif);
width: 750px;
height: 440px;
margin-top:-220px;
margin-left:-375px;
}


.dropdown-menu li>a:hover
{
  cursor:pointer;
}

div.message a.answerOptions
{
  float:right;
  position:relative;
  top:-13px;
  border:1px solid #c4cad3;
  padding:0px 4px;
  /*display:none;*/
  cursor:pointer;
  text-decoration:none;
}

div.ratingHolder a.commentOptions, div.commentHolder a.commentOptions
{
  position:relative;
  top:-6px;
  left: 0px;
  border:1px solid #c4cad3;
  padding:0px 4px;
  /*display:none;*/
  cursor:pointer;
  text-decoration:none;
}

div.ratingHolder a.commentReplyOptions, div.commentHolder a.commentReplyOptions, div.ratingReplyHolder a.commentReplyOptions
{
  position:relative;
  top:-7px;
  left: 0px;
  border:1px solid #c4cad3;
  padding:0px 4px;
  /*display:none;*/
  cursor:pointer;
  text-decoration:none;
}

.sp_thumbHolder{float:left;width:101px;height:71px;display:none;}
.sp_thumbnail { width:100px; margin:0 auto;overflow:hidden;height:70px; }
.sp_thumbnail .imageHolder{width:100px;height:70px;overflow:hidden;}
.sp_thumbnail .imageHolder img { vertical-align:top; width:120%;margin-top:-10px;max-width: 140%;}
.sp_thumbnail a{text-decoration:none;}
.sp_thumbnail-info { background:rgba(0,0,0,0.8); text-align:left; padding: 0 6px 6px 6px; opacity:0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
.sp_thumbnail-headers { padding: 4px 0px 0px 0px; }
.sp_thumbnail-title  { font-size:11px; padding-bottom: 1px; color:white;font-weight:bold; white-space: normal;font-size: 11px;line-height: 16px;}
.sp_thumbnail-description { margin-bottom: 0.5em;color:white;font-size:10px;line-height:12px;}
div.sp_thumbnail-title img.image{width:20px;height:20px;float:right;padding-right:2px;}   


.xpayTop {
  font-size:12px;
  padding:10px 10px 0px 0px;
  vertical-align:top;
}

.xpaySeparator {
  font-size:12px;
  border-bottom:1px dashed #CCCCCC;
  padding:10px 0px 0px 0px;
  vertical-align:top;
}

.xpayInvoiceSpacing {
  margin:8px 0px 8px 0px;
}

.xpayInvoiceDetail {
  float:left;
  font-weight:bold;
  margin-right:5px;
}

.xpayStandard {
  font-size:12px;
  padding:5px;
  margin:0px 0px 20px 0px;
  vertical-align:top;
}

.xpayCancellation {
  font-size:12px;
  color:red;
  padding:10px 10px 0px 0px;
  vertical-align:top;
}
td.cancellation{
  color:red;
}

.ssControls{
  text-align: left;
  z-index: 113;
/*width: 100%;*/
display: block;
position: absolute;
top: 20px;
left: 20px;
right: 40px;
}
.ssControlsBot{
  width: 100%;
  z-index: 110;
  display: block;
position: absolute;
bottom:40px;
}
a.ssLink{
  background-color:#000000;border-radius:50% !important;width: 60px;display: inline-block;
}
a.ssLink.left{
  float:left;
  }
.filmStrip{
    background-color: #000000;
height: 52px;
top: 10px;
position: relative;
padding-top: 14px;
  }
a.ssLink.right{
  float:right;
  }
a.ssLink:hover{
  text-decoration:none;
}
a.ssLink i{
font-size: 90px;
color:#ffffff;
}
.ssClose{
  margin-top:20px;
  font-size:16px; 
  color:#ffffff;
}
.ssPractice{
  z-index:112;
  position: absolute;
  top:60px;
}
.filmStripImgHolderSelected{
  border: 2px dashed #eeeeee;
width: 60px;
float:left;
height: 36px;
}
.filmStripImgHolder{
  border: 2px dashed #000000;
  cursor:pointer;
width: 60px;
float:left;
height: 36px;
overflow: hidden;
}
.btn-group .tooltip{line-height:10px;}
.sp-dialog-body textarea{width:90%}
.sp-dialog-body input[name="textSize"]{width:30%;}
.sp-dialog-body select#shape-border-width{width: 30%;
font-size: 12px;
height: 18px;}
.sp-dialog-body input[type="range"]{width:94%;}
.sp-dialog-body label{font-size: 11px;}

.orangeText{color:#f6992a;}
.friendsIncentives{text-align:center;padding:8px;padding-top:14px;border-bottom:1px solid #cccccc;}
.friendsHeader{font-size:22px;line-height:26px;}
.bigFriendsText{display:block;font-size:20px;}
.smFriendsText{display:block;font-size:12px;color:#444444;}
.instFriendsText{font-size:15px;}

#alert_placeholder{display:none;position:absolute;z-index:1500;width:300px;margin-left:auto;top:10px;right:20px;}
@media (min-width: 600px) { 
  #alert_placeholder{display:none;position:absolute;z-index:1500;width:300px;margin-left:0px;top:66px;right: 50%;
  left: 50%;}
  #alert_placeholder .alert{  margin-left: -50%;}
  
}
#alert_placeholder .alert.alert-white {
  color: #555;
  background-color: #fefefe;
  border-color: #dddddd;
}

@media (max-width: 480px) { 
.sessionLine{
height:36px;
font-size: 14px;
padding-top: 5px;
}}

.recentPlanLink{
  width:206px;height:18px;overflow:hidden;cursor:pointer;font-size:13px;
}
#recentSessionsCard .recentPlanLink{
  width: 100%;
height: 22px;
overflow: hidden;
cursor: pointer;
font-size: 13px;
line-height: 18px;
}
#recentSessionsCard .recentPlanLink:hover{
  text-decoration:underline;
}
.recentPlansHeading{
  font-size:14px;color:#ffffff;
}

.cropShapeLandscape
{
  height:30px;
  width:45px;
  border:2px solid #4D79FF;
  float:left;
  background-color:#CCCCCC;
}

.cropShapeSquare
{
  height:30px;
  width:30px;
  border:1px solid grey;
  float:left;
  background-color:#CCCCCC;
  margin-left:10px;
}

.dropListRatingStar
{
  font-size:20px;
  color:#FCB454;
}


div#changeRating
{
  margin:0px 20px;
}

div#changeRating span.heading
{
  font-weight:bold;
  margin-right: 5px;
}

div#changeRating div#changeRatingStars
{
  margin:10px 0px;
}

div#changeRating div#currentRating
{
  margin-top:10px;
  font-size:14px;
}

div#changeRating div#currentStars
{
  display:inline-block;
  margin-left:5px;
}

div#changeRating div#currentStars .icon-star, div#changeRating div#currentStars .icon-star-empty
{
  font-size:20px;
}

div#changeRating div#changeRatingComment
{
  padding-top:15px;
  border-top:1px solid #DDDDDD;
  margin-top:20px;
}

div#changeRating p#ratingComment
{
  margin:10px 0px;
}

div#changeRating span.changeRating, div#changeRating span.changeComment
{
  margin-left:10px;
  font-size:12px;
  color:#0073E6;
}

div#changeRating div#newRating
{
  display:none;
}

div#changeRating div#newRatingStars
{
  line-height:normal;
  display:inline-block;
}

div#changeRating span.star
{
  font-size:25px;
}


i#removeFromFavourites:hover, i#resetRating:hover
{
  color:#3375D3;
}

.spTiles .tile{
      display:inline-block;
      -webkit-transition: all 0.3s ease-out;
         -moz-transition: all 0.3s ease-out;
           -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
    }
    
    .spTiles .tile{
    width: 260px;
/*background-color: #ffffff;*/
z-index: 1;
display: none;}

.spTiles .tile .tileInner{
background-color: #ffffff;
border: 1px solid #aaaaaa; /* #cccccc */
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
padding: 4px;
}
.spTiles .tile .tileInner.mainTile{
border-top:0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-top-left-radius: 0px;
-moz-top-right-radius: 0px;
-webkit-top-left-radius: 0px;
-webkit-top-right-radius: 0px;
min-height: 200px;
    max-height: 200px;
    overflow: hidden;
}
#facebookCard .tileInner {
	min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    font-size: 15px;
    padding: 8px;
}

#publicWidget .icon-publicMedia{
height: 30px;
    background-size: 30px auto;
    width: 30px;
    background: url(../assets/gfx/publicMediaWhite.svg) no-repeat;
}




#publicWidget.tile .imgTile{
	width: 88px;
	border: 1px solid #dddddd;
}
#myProfileCard a{    display: block;}
#publicWidget p.spTileDescription{margin-top: 4px;}
.spTiles #sessionsToRateCard.tile .tileInner {
  background-color: #fcf8e3;
height: 80px;
border: 1px solid #fbeed5;
}
#sp{
width:100%;

}
#sp1{
width:100%;
left:100%;

}
.spTiles{
position:relative;
margin: 15px 0;  /* was 30px */
-webkit-transition: all 0.3s ease-out;
         -moz-transition: all 0.3s ease-out;
           -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}
/*.spTiles div.tile:before, .spTiles div.tile:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:260px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
} */

.spTiles div.tileSOW:after {
    content: "";
    display: block;
    background: #ccc url(../assets/img/homeShadow.gif);background-size: 100% 100%;
    height: 12px;
    width: 100%;

    position: absolute;
    bottom: -12px;
    max-width: 260px;
}
.spTiles div.tileSOW:after {
    content: "";
    display: block;
    background: #ccc url(../assets/img/homeShadow.gif);background-size: 100% 100%;
    height: 12px;
    width: 100%;

    position: absolute;
    max-width: 260px;
    bottom: initial;
}

/*
.spTiles div.tile:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}*/

.tile .imgTileHolder{
    width: 261px;
    height: 140px;
    overflow: hidden;
}
.tile .imgTile{
  width:90px;
  height:80px;
  overflow:hidden;
  float:left;
  border-left:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}
#sowCard.tile .imgTile img,#shopCard.tile .imgTile img{
  width: 200px;
max-width: 200px;
margin-left: -40px;
margin-top: -20px;
-webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
box-shadow: 5px 0px 0px #fff;
}
#sowCard.tile .imgTile,#shopCard.tile .imgTile{
  width: 127px;
border: 1px solid #dddddd;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-radius: 2px;
margin-right: 1px;
margin-bottom: 1px;
height: 70px;
}
p.spTileDescription{
 margin-top:0px;
 margin-left:10px;
}
.spTiles div.tile .imgTile img{
width: 150px ;
margin-left: -10px;
margin-top: -10px;
max-width: 150px;
}

#drillsWidget .sprite-drills {
background-image: url(https://www.sportplan.net/drills/i/v5/assets/img/imgSpr.png);
background-position: -24px -46px;
width: 22px;
height: 22px;
display: inline-block;
}
.tileHeading{
  white-space: nowrap;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
background-color:rgba(225,225,225,0.8);
border: 1px solid #cccccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-left-radius: 0px;
-moz-border-right-radius: 0px;
-webkit-border-left-radius: 0px;
-webkit-border-right-radius: 0px;

-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
box-shadow: inset 0 1px 0 rgba(255,255,255,1);
background: #f2f2f2 repeat-x left bottom;
background-image: -ms-linear-gradient(top,#fcfcfc,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#fcfcfc,#f2f2f2);
background-image: -o-linear-gradient(top,#fcfcfc,#f2f2f2);
background-image: -moz-linear-gradient(top,#fcfcfc,#f2f2f2);
background-image: linear-gradient(top,#fcfcfc,#f2f2f2);
border-color: #ccc;
color: #555;
font-weight: bold;
min-height:47px;
}
#cardPage .tileHeading{
  min-height:57px;
}
.tileHeading .title{
display: inline-block;
padding: 10px;
}
.tileHeading .title .drillPage{
  vertical-align: top;
color: #666666;
padding-left: 10px;
top: 6px;
position: relative;
display: inline-block;
font-weight: normal;
font-size: 24px;
text-overflow: ellipsis;
/* was width:400 blocks tab buttons */
overflow:hidden;
}
.tileHeading .closeButton, .tileHeading .backButton, .categoryHeading  .backButton,
.folderOptionsBar .backButton{
  color: #444;
          text-shadow: 0 1px 1px rgba(255,255,255,0.75);
          -webkit-box-shadow: inset -1px 0 0 rgba(255,255,255,1);
          -moz-box-shadow: inset -1px 0 0 rgba(255,255,255,1);
          box-shadow: inset -1px 0 0 rgba(255,255,255,1);
          border-right:1px solid #ccc;
          line-height: 40px;
          font-weight: normal;
          font-size: 16px;
          padding: 9px 12px;
          background: transparent;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
          font-weight:bold;
}
.tileHeading .closeButton{
  box-shadow: inset -1px 0 0 rgba(255,255,255,1);
          border-left:1px solid #ccc;
          cursor:hand;
          cursor:pointer;
}
.folderOptionsBar .backButton{
  line-height: 34px;
}
.tileHeading span.iconAlign{
  font-size:32px;
}
@media screen and (max-width:480px) {
  #cardPage .tileHeading{
   min-height:40px;
}
 .tileHeading{
   min-height:40px;
   max-height:40px;
 }
 .categoryHeading  .backButton, .tileHeading .backButton{
   line-height: 34px;
padding: 3px 12px;
 }
 #viewer .categoryHeading div.forMobile{
   float: left;position: relative;
   margin-right: 10px;
margin-top: -8px;
margin-left: -8px;
max-height: 39px;
overflow: hidden;
height: 39px!important;
 }
 .categoryHeading .title{ 
 white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
 }
 .tileHeading .title .drillPage{
   font-size:16px;
 }
 .tileHeading span.sprite-drills{
   width:22px;
   height:22px;
 }
 .tileHeading .title {
  padding-top:6px;
 }
 .tileHeading span.iconAlign{
  font-size:25px;
}
 .tileHeading span.iconAlign i{
   font-size:18px!important;
 }
 .tileHeading .toolbar{
  margin-right: 0px!important;
margin-top: 0px!important;
max-height: 40px;
overflow: hidden;
 }
}

.blockOverlap{
  z-index: 0!important;
position: absolute;
}
.tileHeading{opacity:0;}
#mediaHeader.tileHeading{opacity:1;}
.sl-stage-center .tileHeading{opacity:1;}
.drillTile{width:230px;}
.tile.drillTile .imgTileHolder{
  width:220px;
  height:auto;
}
.tile.sowTile .imgTileHolder, .tile.shopTile .imgTileHolder{
  width: 218px;
height: 150px;
border-top: 1px solid #dddddd;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 5px 6px -6px black;
margin-bottom: 4px;
border: 1px solid #dddddd;
border-radius: 3px;
}
.tile.drillTile .imgTileHolder img,.tile.sowTile .imgTileHolder img,.tile.shopTile .imgTileHolder img{
  width:120%;
  max-width:120%;
  margin-left: -10px;
margin-top: -10px;
}
.tile.sowTile .imgTileHolder img, .tile.shopTile .imgTileHolder img {
margin-top: -15px;
}
#drillsWidget.tile .imgTileHolder {height:230px;}

.drillTile .spTitle,.tile.sowTile .spTitle,.tile.shopTile .spTitle{font-weight:bold;}
.cardNotes .info p{font-size:12px;line-height:16px;}
.shopTile .cardNotes,.sowTile .cardNotes,.answerTile .cardNotes{padding-left:10px;padding-right:10px;}
.folderTile,.sessionTile{cursor: pointer;width:136px!important;}
.fileIconHolder{width: 80px;
    height: 62px;
    margin-bottom: 10px;display: table-cell;vertical-align: middle;}
.fileIconHolder img{
  max-width: 80px;max-height: 62px;vertical-align: middle;height: auto;
width: auto;display: table-cell;
}    
.fileIconHolder .fileIcon{
  color: #888888;
font-size: 46px;
padding-top: 20px;
}
.fileIconHolder .fileIcon i{
  height: 50px;
}
.progressHolder.uploading{
margin-top: -90px;
text-align: center;
z-index: 1000;
position: relative;
}
.sessionPageView .fileIcon{font-size:160px;}
.progressHolder.uploading .fileSizeHolder {
  margin-top: 10px;
color: #777777;
text-shadow: 1px 1px 2px #ffffff;
font-size: 12px;
}
.progressHolder.uploading .processing{
  color: #777777;
}
.progressHolder.uploading .progress{
  height: 14px;
width: 100px;
margin-left: 17px;
}
.progressHolder.uploading .progress.ready{
border: 1px solid #cccccc;
border-top: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
}

.progressHolder.uploading .progress .progressBar{
  border-radius: 3px;
background-color: #ffa72e;
width: 50%;
height: 100%;
}
.cardNotes.uploading{
  opacity: 0.35;
}
.fileIconHolder .smFolder {
  position: relative;
z-index: 10;
top: 40px;
width: 20px;
left: -30px;
height: 0px;
}  
.fileIconHolder .smFolder img{
  max-height: 30px;
}   
.fileIconHolder  img.folderImg{
border-radius: 6px 6px 6px 6px;border: 1px solid #bbbbbb;
}
.fileTextHolder{
 padding-top:0px;
}
.fileTextHolder h4{
  word-break: break-all;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
line-height: 15px;
 color: #08c;font-weight:normal;width: 136px;
display: block;
}
.answerTile .askedBy{float:right;min-height:44px;}
.answerTile .answeredBy{float:left;min-height:44px;}
.answerTile .askedBy img,.answerTile .answeredBy img{width: 40px;height:40px;
border-radius: 50%;
border: 1px solid #cccccc;}
.answerTile .title{font-weight:bold;font-size:16px;}
.spTiles div.tile .imgTile .profileImageOnTile img{
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #eeeeee;
}
.spTiles div.tile .imgTile .profileImageOnTile {
  position: absolute;
margin-top: -87px;
width: 40px;
margin-left: 15px;
}
.shopCardFree{background-color: #fa901f;
float: right;
padding-left: 4px;
padding-right: 4px;
border-radius: 3px;
color: white;
font-size: 13px;
font-weight: bold;
font-style: italic;
line-height: 17px;}
#homeCardLoading{
  padding-top: 20px;float:right;padding-right: 20px;
}
.notiCard .sp_thumbnail{
  width: 200px;
height: 150px;
}
.notiCard .sp_thumbnail .sp_thumbnail-mask{
  width: 200px;
}
.notiCard .sp_thumbnail .sp_thumbnail-mask .imageHolder{
  width: 200px;
height: 150px;
}
.notiCard .sp_thumbnail .sp_thumbnail-mask .sp_thumbnail-title img{
  width: 40px;
height: 40px;
float: right;
padding-right: 2px;
}
.notiCard .sp_thumbnail .sp_thumbnail-mask .sp_thumbnail-title{
font-size: 13px;
line-height: 20px;
}
.notiCard .sp_thumbnail .sp_thumbnail-mask .sp_thumbnail-description{
font-size: 13px;
line-height: 16px;
}

div.avatar a.addSubscription
{
  color:#5485c0;
}

div.avatar a.addSubscription:hover
{
  color:#FFFFFF;
}

div.avatar a.inviteFriends
{
  color:#F6992A;;
}

div.avatar a.inviteFriends:hover
{
  color:#FFFFFF;
}


div#editNameHandle:hover
{
  color:#0088CC;
}

div#editNameHandle i#editName
{
  display:none;
}

div#editNameHandle:hover i#editName
{
  display:inline;
}

li#editCountryHandle:hover
{
  color:#0088CC;
}

li#editCountryHandle i#editCountry
{
  color:#FFFFFF; /* using colour change instead of display:none/inline to ensure the parent element keeps it's width correctly */
}

li#editCountryHandle:hover i#editCountry
{
  color:#0088CC;
}

li#editInvolvementTypeHandle:hover
{
  color:#0088CC;
}

li#editInvolvementTypeHandle i#editInvolvementType
{
  color:#FFFFFF; /* using colour change instead of display:none/inline to ensure the parent element keeps it's width correctly */
}

li#editInvolvementTypeHandle:hover i#editInvolvementType
{
  color:#0088CC;
}

li#editOrganisationHandle:hover
{
  color:#0088CC;
}

li#editOrganisationHandle i#editOrganisationIcon
{
  color:#FFFFFF; /* using colour change instead of display:none/inline to ensure the parent element keeps it's width correctly */
}

li#editOrganisationHandle:hover i#editOrganisationIcon
{
  color:#0088CC;
}

#scrollUpPrompt{
  padding-top:2px;
  background-color: #f89406;
  color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #faa732;
background-image: -moz-linear-gradient(top,#fbb450,#f89406);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
background-image: -o-linear-gradient(top,#fbb450,#f89406);
background-image: linear-gradient(to bottom,#fbb450,#f89406);
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#viewerPracContent table[width="624"] div {
  max-width:580px!important;
}
#viewerPracContent table[width="640"] {
  width:604px!important;
}
#viewerPracContent table[width="640"] td[style="width:20px;"]{
  width:6px!important;
}
#viewerPracContent table[width="624"] div[style="background-color: #FFFFFF;float: left;font-size: 12px;height: 140px;margin: 2px;padding:6px;width: 300px;line-height:15px;"],
#viewerPracContent table[width="624"] div[style="background-color: #FFFFFF;float: left;font-size: 12px;height: 140px;margin: 2px;padding:6px;width: 290px;line-height:15px;"],
#viewerPracContent table[width="640"] div[style="background-color: #FFFFFF;float: left;font-size: 12px;height: 140px;margin: 4px;padding:6px;width: 290px;line-height:15px;"],
#viewerPracContent table[width="624"] div[style="margin-top:15px;width:640px;"] div[style="background-color: #FFFFFF;float: left;font-size: 12px;height: 140px;margin: 4px;padding:6px;width: 290px;line-height:15px;"]{
width: 270px!important;
max-width: 280px!important;
}
#searchGo{
  z-index:10;position:absolute;margin-left:175px;margin-top:1px;font-size:24px;cursor:pointer;
}
.ssControls .sketchSS{
  cursor:pointer;background-color:#cccccc;color:#222222;border-radius:50%;width:24px;height:24px;margin-right: 20px;
                margin-top: 16px!important;
            font-size: 16px;
            line-height: 24px!important;
            text-align: center;
}
.ssControls .sketchSStools{
  cursor:pointer;background-color:#cccccc;color:#222222;border-radius:12px;width:24px;height:24px;margin-right: 20px;
                margin-top: 16px!important;
            font-size: 16px;
            line-height: 24px!important;
            text-align: center;
            -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    padding-right: 8px;
overflow: hidden;
}
.ssControls .sketchSStools a{
  color:#222222; 
}
.ssControls .sketchSStools a:hover{
  color:#999999; 
}
.ssControls .sketchSStools a.eraser.selected{
  color:#00ADFF; 
}
.ssControls .sketchSStools a.closeSketch{
  float:right;
}
.ssControls .sketchSStools a.eraser{float: right;
margin-right: 20px;
}
#slideShowSketch{
  z-index:1600;position:absolute;
}
div.colorSelection a, div.colorSelection .dropdown-menu li a,div.widthSelection .dropdown-menu li a,div.widthSelection a{
  width: 18px;
height: 14px;
display: inline-block;
margin-top: 6px;
padding: 0px;
font-size: 12px;
line-height: 16px;
text-align: center;
}
 div.colorSelection .dropdown-menu li a, div.widthSelection .dropdown-menu li a{margin-top: 2px;}
div.colorSelection .dropdown-menu,div.widthSelection .dropdown-menu{
  min-width: 20px;
  padding-top:0px;
  background-color: transparent;
  border:0px;
}

button.add{
  /*Transition*/
        -webkit-transition: -webkit-box-shadow .375s ease-out;;
        -moz-transition: -moz-box-shadow .375s ease-out;
        -o-transition: box-shadow .375s ease-out;
}

button.add.glow {
        -moz-box-shadow: 0px 0px 15px #0099ff;
        -webkit-box-shadow: 0px 0px 15px #0099ff;
        box-shadow: 0px 0px 15px #0099ff;
}
#practiceHolder .practiceWrapper{
  border:1px solid #cccccc;
}
.drillType-AWSU #practiceHolder .practiceWrapper{
  border:0px;
}
.drillType-AWSU video.vjs-tech{
	float:none!important;
}
.drillType-AWSU #videoHolder > div{
	float:none!important;
}
.drillType-AWSU .awsHolderForSession > div{
	    margin-bottom: -10px;
	    height:auto!important;
}
.drillType-AWSU .awsHolderForSession #videoHolder { margin-bottom: -20px; }
#session .practiceWrapper img{
 max-width:100%;
}
.drillType-AWSU button#retranscode{
	display:none;
}


div#theTemplates div.templateBox
{
  float:left;
  width:120px;
  margin:4px;
  height:170px;
  text-align:center;
  cursor:pointer;
}

#progressbox
{
  border: 1px solid #0099CC;
  padding: 1px; 
  position:relative;
  width:340px;
  border-radius: 3px;
  margin: 10px;
  text-align:left;
}

#progressbar
{
  height:20px;
  border-radius: 3px;
  background-color: #ffa72e;
  width:1%;
}


#statustxt
{
  top:3px;
  left:50%;
  position:absolute;
  display:inline-block;
  color: #000000;
}

#loginCover{
  background-color:#344c60;
/*background: url(../assets/img/layout/login-wrap-bg.png);*/  
width:100%;height:0px;
  text-align:center;
  -webkit-transition-property: height;
-webkit-transition-duration: .375s;
max-height: 100%;
overflow:hidden;
z-index: 1501;
position: absolute;
top: 0px;
}
#loginCover .loginboxed{
  width:380px;margin:auto;
  margin-top:10px;
  position: absolute;
  z-index: 101;
  top: 0px;
  margin-left: 50%;
}
#loginCover .loginboxed .faceBookLogin{
  background-color: #2d438d; background-image: none;color:#ffffff;
}
#loginCover .loginboxed h1.headline{
  font-weight: 900;
  font-size:30px;
  text-transform:uppercase;
  font-style:italic;
  color: #ffffff;
}
#loginCover .loginboxed h1.headline .yellow{color: #fbab1b;}
#loginCover .loginBoxedInner{
  margin-left: -50%;
  width: 320px;
  background-color: rgba(55,55,55,0.7);
    padding: 30px;
}
#loginCover .loginboxed .loginWrap{
  /*border:2px groove #aaaaaa;*/
  border-radius:6px; 
  padding:10px;
  margin-top:10px;
}
.loginIcon{
  float: left;
padding-left: 12px;
margin-right: -25px;
}
#login-form h1{
  font-size:24px;color:#eeeeee;
}
.help-inline.sperror{
  margin-top: -10px;
  color:#ff0000;
}
input[type="email"].has-error,input[type="text"].has-error,input[type="password"].has-error{
  border:1px solid #cc0000;
}
input[type="email"].has-ok{
  border:1px solid #00cc00;
}.btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }
    input[readonly] {
      background-color: white !important;
      cursor: text !important;
    }
span.offlineIndicator.notInCache{
  color:#444444;
}
span.offlineIndicator.checking{
  color:#440000;
}
span.offlineIndicator.checkForAssets{
  color:#ff7f00;
}
span.offlineIndicator.gotAssets{
  color:#004400;
}
.queueListThumb{
  width:50px;
  float:left;
  height:40px;
  overflow:hidden;
  margin:2px;
}
.queueListThumb img{
  width:100%
}
.queueListText {
  margin-left:56px;
  min-height:50px;
  text-align: left;
font-size: 11px;
}

.queueListText #progressbox{
  height: 10px;
width: 90%;
margin: 2px;
}

.queueListText #progressbar {
height: 10px;
}
div#upIndicator.hideIndicator{display:none!important;}


div.drillThumb a.sketchPrivate
{
  color:#777;
}

div.drillThumb a.sketchPrivate:hover
{
  text-decoration:none;
  text-shadow:0px 0px 5px #FFF;
  color:#333;
}


div.drillThumb a.sketchPublic
{
  color:#1B9625;
}

div.drillThumb a.sketchPublic:hover
{
  text-decoration:none;
  text-shadow:0px 0px 5px #A7E9AF;
  color:#0B7413;
}
#viewerPracContent div.pracInner{max-width:620px!important;}
@media (min-width: 700px) {
#viewerPracContent div.pracInner {
    min-width: 620px!important;
}
}

#viewerPracContent #sketchPageWrapper div.pracInner{position: relative!important;overflow-y:visible!important;}
#viewerPracContent #sketchPageWrapper div.pracInner #sketchMain{height:auto!important;}
.upgradeDivHolder {
    z-index:140;
    position:absolute;
    top:0px;
    right:240px;
    -ms-transform: skew(-14deg,0deg); /* IE 9 */
    -webkit-transform: skew(-14deg,0deg); /* Chrome, Safari, Opera */
    transform: skew(-14deg,0deg); /* Standard syntax */
} 
.upgradeDiv {
    width: 100px;
    cursor:pointer;
    background-color: #f89b20;
padding:5px;
padding-bottom:8px;
color:#ffffff;
font-weight:bold;
text-align:center;

}
.upgradeDiv:hover {
   
    
    background-color: #8d7753;


}
.upgradeDivOffer {
    width: 100px;
    padding-bottom:8px;
    background-color: #8d7753;
padding:5px;
color:#ffffff;
font-weight:bold;
text-align:center;

}
@media (max-width: 1024px) { .upgradeDivHolder{display:none;}}
.btn.btn-list{display: block!important;
width: 240px!important;
text-align: left;
border-radius: 0px!important;}


div#sportplanToolsInfo
{
  margin-top:20px;
  font-size:12px;
}

textarea.editAnswerText
{
  width:350px;
  height:100px;
}

#response_modal.actionSheet{
  bottom: 0px!important;
  top: auto!important;
  width: 100%!important;
border-radius: 0px;right:0px;left:0px;
margin-left:auto!important;
}
#response_modal.actionSheet .btn{border-radius: 0px;
background-image: none;}
#response_modal.actionSheet .modal-header{
display: none;
}
#response_modal.actionSheet .modal-footer{
  display: none;
}
.actionSheetCancel{
  display: none!important;
}
#response_modal.actionSheet .actionSheetCancel{
  display: block!important;
}


div.answerPageView span.comment, div.answerPageView span.accept, div.sessionPageView span.comment,
  div.sessionPageView span.accept, div.sessionPageView span.edit, div[id*="teamCommentsDiv"] span.accept, 
  div[id*="teamCommentsDiv"] span.edit, div[id*="teamCommentsDiv"] span.comment
{
  font-size:10px;
  margin-left:5px;
  color:#0066CC;
  line-height:13px;
}

div.answerPageView span.comment:hover, div.answerPageView div.comment a.replyToComment:hover, div.answerPageView span.accept:hover,
  div.sessionPageView span.comment:hover, div.sessionPageView div.comment a.replyToComment:hover, div.sessionPageView span.accept:hover,
    div.sessionPageView span.edit:hover, div[id*="teamCommentsDiv"] span.comment:hover, div[id*="teamCommentsDiv"] div.comment a.replyToComment:hover, 
    div[id*="teamCommentsDiv"] span.accept:hover
{
  color:orange;
}

div#acceptedAnswerContainer
{
  border:2px solid orange;
}

div.acceptedAnswerDivider
{
  margin: 0px 0px 10px 35px;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  clear: both;
}

div.acceptedAnswerDivider i, div#acceptedAnswerScore i
{
  color:orange;
}

div.acceptedAnswerDivider i.grey, div#acceptedAnswerScore i.grey
{
  color:#DDDDDD;
}

div#acceptedAnswerScore label
{
  margin-right: 20px;
  display: inline;
}

div#acceptedAnswerScore label input
{
  margin: 0px 0px 2px 3px;
}

div#acceptedAnswerScore p i.fa-icon-ok-circle
{
  font-size: 16px;
}

div#acceptedAnswerScore div#scorePreview
{
  text-align: center;
  margin-top: 15px;
}

div#acceptedAnswerScore div#scorePreview i
{
  margin-right: 5px;
  font-size: 25px;
}


div.searchResult img
{
  margin-right:8px;
  float:left;
  width:auto;
  height:auto;
  max-width:90px;
  max-height: 76px;
}


.addPracticeTable{
  border:1px dashed #cccccc;
}

div.newAddPractice {
  cursor:pointer;margin-top:10px;margin-bottom:10px;
}
div.newAddPractice:hover .addPracticeTable{
  border:2px dashed #666666;
}
div.newAddPractice div.plusIndicator{
  position: relative;z-index: 4;float: left;margin-top: 6px;margin-left: 8px;font-size: 15px;color: #cccccc;
}
div.newAddPractice:hover div.plusIndicator{
  color:#f89b20!important;
  font-size:16px!important;
}
.drillFolderLine{font-size:14px;cursor:pointer;padding: 8px;
cursor: pointer;
margin-bottom: 10px;
background-color: #eeeeee;}
.drillFolderLine .type{font-size:13px;}
.drillFolderLine .heading{font-weight:bold;}
#rightHandBar.rightHandBar14.inView,
#wrapper.full #content-wrap{background-color:#e9e9e9;background: none;}
#rightHandBar.rightHandBar14.inView{color:#000000;}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14{width:60px;background-color:#fbfbfb;border-left: 1px solid #ccc}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .contentArea{margin-top:12px;}
#rightHandBar.rightHandBar14.inView .contentArea,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .contentArea{margin:6px;}
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14{width:365px;background-color:#e9e9e9;}
#rightHandBar.rightHandBar14.inView{background-color:#e9e9e9;}
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .contentArea{margin:17px;margin-bottom:8px;}
#rightHandBar.rightHandBar14.inView .contentArea{margin:4px;margin-bottom:4px;padding-top: 2px;}
#wrapper.full #content-wrap div#rightHandBar div.controlClose {display:none;}
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar div.controlClose{float:right;color:#828282;width: 26px;
height: 34px;
cursor: pointer;
cursor: hand;
display:inline;}
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar div.controlClose:hover{color:#424242;}
#rightHandBar.rightHandBar14.inView div.controlClose{display:none;}
#wrapper.full #content-wrap.rightBarOpen #content {
margin-right: 366px;
}
#wrapper.full.hasSnapDrawers #content-wrap.rightBarOpen #content {
  margin-right:0px;
}
#rightHandBar.rightHandBar14.inView .communityHead,
#rightHandBar.rightHandBar14.inView .recentPlansHeader,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .communityHead, 
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .recentPlansHeader{
font-style: italic;
text-transform: uppercase;
font-weight: bold;
line-height: 28px;
border-bottom: 1px solid #258ec8;
}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .tab14 .tabText{
  margin-top: 3px;
text-overflow: ellipsis;
font-size: 11px;
display: block;
}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .heading{margin-right: 10px;display:none;}
#rightHandBar.rightHandBar14.inView .heading,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .heading{display:inline;}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .tab14{

  display: block;
text-align: center;
   font-style: normal;
display: block;
font-size: 20px;
cursor: pointer;
cursor: hand;
color: #d3d3d3;
width:60px;
margin-bottom:10px;
}
#rightHandBar.rightHandBar14.inView .headingText{
  display:none;
}
#rightHandBar.rightHandBar14 .heading i{
  display:none;
}
#rightHandBar.rightHandBar14.inView .heading i{
  display:inline;
margin-left: 4px;
margin-right: 4px;
}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .tab14:hover{
 color: #a3a3a3; 
}
.homeViewBody .tileHeading .title,
button.tab14,a.tab14,
#response_modal.modal2014 .modal-header .modal-title,
#rightHandBar.rightHandBar14.inView .tab14,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14{
-webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(-15deg);
  padding:6px;
  padding-left: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 28px;
   font-style: normal;
display: inline-block;
color: #222222;
background-color:#cccccc;
cursor: pointer;
cursor: hand;
width:auto;
margin-bottom:0px;
}

.homeViewBody .tileHeading{background-color: #ffffff;
background: none;
border: 0px;
border-bottom: 1px solid #258ec8;
height: 40px;
min-height: 42px;
padding-left: 6px;}
.homeViewBody .tileHeading .title{margin-top:0px!important;background-color: #2ba1d3!important;}
.homeViewBody .tileHeading .title:hover{background-color:#2487b1!important;}
/*#rightHandBar.rightHandBar14.inView .tab14{
  padding:2px;
  padding-left: 2px;
padding-right: 2px;
font-size: 13px;
line-height: 24px;
}*/
button.tab14
#rightHandBar.rightHandBar14.inView .tab14 .tabText,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14 .tabText{
  display:inline;font-size:14px;text-transform: uppercase;
}
#rightHandBar.rightHandBar14.inView .tab14:hover,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14:hover{background-color:#ededed;
}
.homeViewBody .tileHeading .title,
#response_modal.modal2014 .modal-header .modal-title,
#rightHandBar.rightHandBar14.inView .tab14.selected,
#rightHandBar.rightHandBar14.inView .tab14.selected:hover,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14.selected,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14.selected:hover
{background-color:#258ec8;color:#ffffff;
}
a.tab14.miniOr,button.tab14.miniOr,
#rightHandBar.rightHandBar14.inView .tab14.miniOr,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14.miniOr{
          line-height: 18px;
          background-color: #f89b20;
          color: #fdfdfd;text-transform: uppercase;font-weight: bold;margin-left: 10px;margin-top: 3px;
}

#rightHandBar.rightHandBar14.inView .feedbackLinks .tab14{
  font-size:12px;
}
#rightHandBar.rightHandBar14.inView .bottomContent,
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .bottomContent 
{ 
    position: absolute; 
    bottom: 0; 
}
#rightHandBar.rightHandBar14.inView .tab14.feedbackTab{
  display:none;
}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .bottomContent .feedbackLinks {
  margin-left: 0px;
}
#rightHandBar.rightHandBar14.inView .bottomContent .feedbackLinks,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .bottomContent .feedbackLinks {
margin-bottom: 16px;
margin-left: 48px;
font-size: 14px;
}
#rightHandBar.rightHandBar14.inView .bottomContent .recentPlansHolder14,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .bottomContent .recentPlansHolder14{
  padding-left: 24px;
margin-bottom: 12px;
}
#rightHandBar.rightHandBar14.inView .tab14.disabled,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14.disabled{
 background-color: #ededed;
 cursor:auto;
}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .tab14 .tabTextMore{
  display:none;
}
#rightHandBar.rightHandBar14.inView .tab14 .tabTextMore,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14 .tabTextMore{
  display:inline;
}
#rightHandBar.rightHandBar14.inView .tab14.miniOr.active:hover,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .tab14.miniOr.active:hover{
background-color: #e99704;
}
#wrapper.full #content-wrap div#rightHandBar.rightHandBar14 .bottomContent .recentPlansContent{
  display: none;
}
#rightHandBar.rightHandBar14.inView  .bottomContent .recentPlansContent,
#wrapper.full #content-wrap.rightBarOpen div#rightHandBar.rightHandBar14 .bottomContent .recentPlansContent{
  background-color: #ededed;
  display:block;
}
.rightHandBar14 .recentPlanLink{
  height:20px;color:#258ec8;
}
.rightHandBar14 .recentPlanLink:hover{
  color:#1b63ab;
}
#content-wrap .rightHandBar14 div.minimised, #content-wrap .rightHandBar14 div.minimisedQ{
 width: auto;
border-radius: 0px;
margin-left: 0px;
background-color: #258ec8;
background-image: none;
color: #eeeeee;
margin-bottom: 8px;

} 
#content-wrap .rightHandBar14 div.minimised:hover, #content-wrap .rightHandBar14 div.minimisedQ:hover{
  background-color: #2487b1;
}
#content-wrap.rightBarOpen .rightHandBar14 div.minimised, #content-wrap.rightBarOpen .rightHandBar14 div.minimisedQ{
margin-left: 20px;
} 
#content-wrap .rightHandBar14 div.minimised div.supportIcon, #content-wrap .rightHandBar14 div.minimisedQ div.supportIcon {
display: block;
font-size: 30px;
cursor: pointer;
width: 32px;
color: #eeeeee;
margin-left:0px;
padding-left: 11px;
padding-top: 4px;
}

#content-wrap.rightBarOpen .rightHandBar14 div.minimised div.supportIcon, #content-wrap.rightBarOpen .rightHandBar14 div.minimisedQ div.supportIcon {
display:none;
}
.activity-event {
background-color: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
margin: 0 5px 20px;
padding: 12px;
position: relative;
cursor:pointer;cursor:hand;
}
.activity-event-person {
height: 32px;
position: absolute;
width: 32px;
}
.activity-event-person img {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
height: 100%;
width: 100%;
border: 1px solid #dddddd;
}
.activity-event-person .thumbnailIcon {color:#f89b20;}
.activity-event-annotation {
color: #777;
float: right;
font-size: 11px;
padding-left: 8px;
}
.activity-event-details-header {
color: #444;
font-size: 13px;
margin-left: 44px;
min-height: 32px;
}
.activity-event-people-names {
font-weight: bold;
}
.activity-event-action {
display: inline-block;
}

.activity-event-action span.notificationTitle {
  font-weight:bold;
}
.activity-event-action img{height:36px;}

#content-wrap .rightHandBar14 .activityContent{
  display:none;
}
#rightHandBar.rightHandBar14.inView .activityContent,
#content-wrap.rightBarOpen .rightHandBar14 .activityContent{
  display:block;
}
#rightHandBar.rightHandBar14.inView .communityScroller,
#rightHandBar.rightHandBar14.inView .myTeamScroller,
#rightHandBar.rightHandBar14.inView .myTeamManagementScroller,
#content-wrap.rightBarOpen .rightHandBar14 .communityScroller,
#content-wrap.rightBarOpen .rightHandBar14 .myTeamScroller,
#content-wrap.rightBarOpen .rightHandBar14 .myTeamManagementScroller{
  
  margin-right: -17px;
height: 399px;
border-bottom: 1px solid #b9b9b9;
margin-left: -16px;
padding-left: 16px;
padding-right: 16px;
}
.communityText{font-size: 13px;
margin-top: 4px;height: 24px;
}
#practiceHolder img[width="100"] {
width: 200px;
}
.myTeamText{font-size: 13px;
margin-top: 4px;height: 37px;
}
#rightHandBar.rightHandBar14.inView{display:block;width:auto;}
#rightHandBar.rightHandBar14.inView .myTeamManagementScroller,
#content-wrap.rightBarOpen .rightHandBar14 .myTeamManagementScroller{background-color:#fefefe;}
@media (max-width: 969px) {
.rightHandBar14{
  display:none;
}
#header .navbar-inner .container{overflow:hidden;}
#wrapper.full #content-wrap.rightBarOpen #content{
  margin-right:0px;
}
}
.snap-drawer #rightHandBar.rightHandBar14.inView .tab14{padding-top:2px;padding-bottom:2px;}
.snap-drawer #rightHandBar.rightHandBar14.inView .bottomContent .feedbackLinks{
  float: right;
display: block;

margin-left: 194px;
position: absolute;
margin-top: -80px;
width: 110px;

-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);}
.snap-drawer #rightHandBar.rightHandBar14.inView .bottomContent .feedbackLinks .feedbackTab{display:block;}
.snap-drawer #rightHandBar.rightHandBar14.inView .bottomContent .feedbackLinks .technicalTab{display:none;}
.snap-drawer #rightHandBar.rightHandBar14.inView .bottomContent {padding-bottom:20px;}
.snap-drawer #rightHandBar.rightHandBar14.inView .contentArea {max-width: 265px;}
.snap-drawer #rightHandBar.rightHandBar14.inView #communityHolder {
display: block;max-width: 265px;
margin: 1px;margin-left: -4px;
}
.snap-drawer #rightHandBar.rightHandBar14.inView .communityScroller{
  margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;
}
.snap-drawer #rightHandBar.rightHandBar14.inView{margin-top: -16px;}
.snap-drawer #rightHandBar.rightHandBar14.inView .communityHead {white-space: nowrap;}

.snap-drawer #rightHandBar.rightHandBar14.inView .communityScroller{
  margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;
}

@media (max-width: 480px) {
textarea#ratingComment{width:220px!important;}

#header .navbar-inner .container{overflow:visible;}
}
#rightHandBar.rightHandBar14.inView  input.span10 {max-width:210px;}
.snap-drawer{overflow:hidden!important;}
#response_modal.modal2014{border-radius:0px;}
#response_modal.modal2014 .modal-header{border-bottom-color: #2079bb;
background-color: #ffffff;
background-image: none;
padding-bottom: 0px;
min-height: 24px;
border-radius: 0px;}
.homeViewBody .tileHeading .title,#response_modal.modal2014 .modal-header .modal-title{text-shadow: none;
text-transform: uppercase;
display: inline-block;
margin-top: -15px;
position: absolute;min-width: 120px;}
#response_modal.modal2014 .mainText{font-size: 26px;
line-height: 34px;
margin-bottom: 10px;
color: #ff7f00;}
#response_modal.modal2014 .modal-header .close{margin-top: -6px;}
#response_modal.modal2014 .bullets{font-size:16px;padding-left: 30px;
padding-right: 30px;padding-top: 8px;}
#response_modal.modal2014 .bullets i{color: #f89b20;
font-size: 26px;
width: 30px;
display: inline-block;
text-align: center;
border-bottom: 20px;
float: left;
text-rendering: optimizelegibility;
text-shadow: rgb(120, 120, 120) 1px 1px 1px;}
button.tab14{border:0px;}
button.tab14.miniOr:hover{color:#ffffff;background:#e99704;}


/* using snowflake styles */
.l-subheader__left .btn,
.snowbtn.btn, #mediaHeader button{
display: inline-block;
font-style: normal;
text-transform: uppercase;
text-align: center;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
background-image: none;
text-shadow: none;
border: 0px;
border-radius: 0px;
}
a {
color: #2ba1d3;
text-decoration: none;
cursor:pointer;
}
.l-subheader__left .btn {
padding-left: 30px;
padding-right: 30px;
}
.l-subheader__navbar .btn {
padding-top: 23px;
padding-bottom: 23px;
}
.l-subheader__left a {
display: inline-block;
vertical-align: middle;
}
.l-subheader__left ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.l-subheader__navbar ul li {
display: inline-block;
}
.btn--skewed {
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
transform: skew(-15deg);
}
.l-subheader__left .btn--brown {
background: #9f8b66;
color: #fff;
}
.l-subheader__left .btn--blue{
background: #2ba1d3;
color: #fff;
}
.l-subheader__left .btn--blue:hover{
background: #2487b1;
}
.l-subheader__left .btn:hover,
.snowbtn.btn:hover {
color: #ededed;
}
.btn--medium,
.l-subheader__left .btn--medium {
padding: 10px 20px;
font-size: 27px;
font-weight: 600;
}
.l-subheader__left .btn--medium.btn{
  padding-top: 6px;
padding-bottom: 6px;
font-size:15px;
padding-left: 10px;
padding-right: 20px;
line-height: 26px;
font-style: normal;
margin-top: -6px;
}
.btn--ico:after, .btn--play-left:before, .btn--play-right:after {
display: inline-block;
vertical-align: middle;
content: "";
}
.btn--ico.tennis:after {
width: 46px;
height: 40px;
margin-left: 12px;
margin-right: -10px;
margin-top: -12px;
margin-bottom: -2px;
background: url(../assets/img/ico14/icon-tennis.svg) no-repeat;
background-size: 46px auto;
}
.btn--medium.btn--ico.tennis:after {
width: 36px;
height: 28px;
margin-left: 8px;
margin-right: -10px;
margin-top: -6px;
background-size: 34px auto;
}
.btn--ico.allSports:after {
width: 46px;
height: 40px;
margin-left: 12px;
margin-right: -10px;
margin-top: -24px;
margin-bottom: -2px;
background: url(../assets/img/ico14/icon-allSports.svg) no-repeat;
background-size: 46px auto;
}
.btn--arrow-right:after {
display: inline-block;
vertical-align: middle;
content: "";
background: url(../assets/img/ico14/icon-arrow-right.svg) no-repeat;
margin-left: 10px;
margin-right: -10px;
margin-top: -2px;
background-size: 11px auto;
-webkit-transform: skew(12deg);
-moz-transform: skew(12deg);
-ms-transform: skew(12deg);
-o-transform: skew(12deg);
transform: skew(12deg);
}
.btn--medium.btn--ico.allSports:after {
width: 36px;
height: 30px;
margin-left: 8px;
margin-right: -10px;
margin-top: -16px;
margin-bottom: -2px;
background-size: 34px auto;
}
.btn--small.btn--arrow-right:after {
width: 11px;
height: 12px;
margin-left: 10px;
margin-right: -10px;
margin-top: -5px;
background-size: 11px auto;
}
.l-subheader__title{
  background-color: #258ec8;
color: #ffffff;
line-height: 28px;
display: inline-block;
font-size: 15px;
padding-bottom: 4px;
padding-top:6px;
padding-left: 10px;
padding-right: 20px;
text-transform: uppercase;
font-weight: 600;
margin-left: -4px;
cursor:pointer;
}
.l-subheader__title.notActive{
  color: #222222;
background-color: #cccccc;
}
.l-subheader__title.notActive:hover{
  color: #cccccc;
background-color: #444444;
}
.folders-thin .boughtFoldersTab{
  display:none;
}
.snowbtn.btn.btn--super-small{
  padding: 7px 10px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}

.snowbtn.btn.btn--brown{
  background: #9f8b66;
  color: #fff;
font-weight: 600;
}
.snowbtn.btn.btn--brown:hover{background: #877655;}
.snowbtn.btn.btn--yellow{
  background: #fbab1b;
color: #fff;
font-weight: 600;
}
.snowbtn.btn.btn--blue {
background: #2ba1d3;
color: #fff;
}
.snowbtn.btn.btn--blue:hover{background:#2487b1;}
.slider__btn--left:hover, .slider__btn--right:hover{background-color:#2487b1;}
.snowbtn.btn.btn--yellow:hover, 
.drills .owl-item:hover .snowbtn.btn.btn--yellow{background:#e99704;}
.snowbtn.btn .badge{
  border-radius: 0px;
text-shadow: none;
background-color: #8c7752;
margin-left: 4px;
}
.l-subheader__navbar{
  border-bottom:1px solid #258ec8; 
  padding-left: 8px;
}
.fileFilter,
.fileOrder{
  float:right;margin-top:8px;
  margin-right:10px;
}
.folderOptionsBar{
  background-color:#e8e8e8;
  border-bottom:1px solid #cccccc;
  min-height:50px;
  margin-bottom: 1px;
/*  overflow:hidden;*/
}
.publicFrame .folderOptionsBar{min-height:10px;}
.folderOptionsBar .btn-group .btn{
  border-radius:0px!important;
  border:0px;
  
}
.folderOptionsBar .locationHolder .l-header__navbar ul li ul{
  background-color: #f5f5f5;
width: 120px;
min-width: 100px;
padding: 6px;
box-shadow: 2px 2px 2px #444444;
}
.folderOptionsBar .locationHolder .l-header__navbar ul li ul a{
  font-size:14px;
  cursor:pointer;
  display: block;
line-height: 20px;
}
.folderOptionsBar .locationHolder .l-header__navbar ul li ul a:hover{
  text-decoration:none;
}
.mediaCategories{
  color: #465053;
text-transform: uppercase;
padding: 6px;
font-weight: 600;
max-height: 80px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1px;
  display:none;
}
.publicFrame .mediaCategories{max-height:100px;}

.publicFrame .mediaCategories .catsClose{  color: #444444;
  cursor: pointer;
  width: 24px;
  height: 17px;
  position: absolute;
  right: 0px;
  z-index: 10;}
@media screen and (min-width: 650px) {
	.publicFrame .mediaCategories .catsClose{display:none;}
}
.publicFrame .openCats{
	display:none;
  cursor: pointer;
  width: 30px;
  height: 20px;
  position: absolute;
  right: 0px;
  z-index: 10;
  font-size: 20px;
  margin-top: 8px;
  color: #888888;
}
  
.folders-thin .mediaCategories{display:none!important;}
.folderOptionsBar .locationHolder{
  padding-left:10px;
}
.folderOptionsBar .locationHolder .breadcrumbs{
  font-size:10px;
  color:#cccccc;
}
.folderOptionsBar .locationHolder .folderName{
  font-size:24px;
  color: #465053;
  font-weight:400;
  display:block;
}

i.icon-lock {
  display:inline;
  color: red;
}

.folderOptionsBar .locationHolder .folderName img{border-radius: 6px 6px 6px 6px;border: 1px solid #ffffff;margin:0px;margin-top:-4px;width:25px;}
#sidebar li#public i.icon-users{
position: absolute;
height: 0px;
margin-top: 15px;
margin-left: -40px;
z-index: 10;
font-size: 24px!important;
text-shadow: 1px -2px 0px #ffffff;
display:inline;
}
#sidebar li#plans .btn--ico-plan:before {
background: url(../assets/gfx/icon-plan-grey.svg) no-repeat;
background-size: 51px auto;
background-size: 38px auto;
height: 40px;
margin-top: 6px;
margin-left: 10px;
margin-bottom: -3px;
}
.folderOptionsBar .locationHolder .folderDescription{
  font-style: italic;
border-top: 1px solid #cccccc;
font-size: 13px;
color: #616161;
}
.foldersFrame.folders-thin .folderOptionsBar .locationHolder .folderDescription{display:none;}

.foldersFrame.folders-thin .btn-blue-dropdown-sm span
{
  display:none;
}
.closeButtonHolder{
  float: right;height: 100%;position: relative;height: 50px;
}
.closeButtonHolderInner{display:inline-block;-webkit-box-shadow: 1px 0 0 rgba(255,255,255,1);
          -moz-box-shadow: 1px 0 0 rgba(255,255,255,1);box-shadow: 1px 0 0 rgba(255,255,255,1);height: 48px;
overflow-y: hidden;}
@media screen and (max-width: 450px) and (min-width: 200px){
  .folderSlider .previewPain{
  margin-left: auto;
  height: auto;
  }
  
  .folderSlider .previewPain #mediaHeader .closeButton{
    line-height: 20px;
  }
  .folderSlider .previewPain #mediaHeader .closeButtonHolder{
  float: right;height: 100%;position: relative;height:40px;overflow:hidden;
  }
  .foldersFrame .btn-blue-dropdown-sm span
  {
    display:none;
  }
  .foldersFrame .btn-blue-dropdown-sm{
    margin-top: -7px!important;
  }
  .folderOptionsBar .locationHolder .folderName{
  font-size: 20px;
  white-space: nowrap;
  padding-top: 42px;
  }
  .fileElement.createItem.newPlan,
  .fileElement.createItem.newSketch,
  .fileElement.createItem.newAnim
  {
    display:none!important;
  }
  
  .folderOptionsBar .locationHolder .breadcrumbs{
  display:none;
  }
  .folderOptionsBar .locationHolder .folderName img,
  .folderOptionsBar .locationHolder .folderName .l-header__navbar{
    display:none;
  }
  .folderOptionsBar .locationHolder .folderDescription{
  display:none
  }
  .foldersFrame .extraText,
  .folderSlider .extraText{
  display:none;
  }
  .folderSlider #mediaHeader .title{
      margin-right: 20px;
  }
  .folderSlider #mediaHeader .btn-toolbar{
    height: 20px!important;
      margin-right: 4px!important;
  }
  .folderSlider #mediaHeader.tileHeading{
    border-left: 0px;
      border-right: 0px;
  }
  .folderSlider .previewPain h1{
  line-height: 22px;
  }
}

.folderOptionsBar a, #mediaHeader button{
  color: #2ba1d3;
text-decoration: none;
}
.folderOptionsBar a:hover, #mediaHeader button {
color: #2487b1;
}
.fileElement{
  float:left;
  cursor: pointer;
width: 136px;
height: 128px;
overflow: hidden;
}
.fileElement.info{
  opacity:0.5;
}
.fileElement.info .status{
  position: relative;
height: 0px;
width: 80px;
text-shadow: 2px 1px 1px #ffffff;
font-weight: 400;
z-index: 49;
}
.fileElement.info .fileIconHolder i{
  font-size: 62px;
color: #cccccc;
}
.fileElement h4{color: #465053;width:130px;}
.fileElement.media{margin-top:0px;zoom: normal;}
.fileElement.media img{
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.activeThumb .fileElement.media img,
.activeThumb .fileElement.sessionItem img{
  border: 2px solid #258ec8;
-webkit-box-shadow:1px 1px 5px 0px #258ec8;
-moz-box-shadow:  1px 1px 5px 0px #258ec8;
box-shadow: 1px 1px 5px 0px #258ec8;
}
.activeThumb .fileElement .fileIcon{text-shadow: 0px 0px 5px #258ec8;}
.sharedIconHolder{
position: relative;
height: 0px;
top: 40px;
margin-left: 60px;
font-size: 24px;
color: #605841;
text-shadow: 1px;
text-shadow: -1px -1px #ffffff;}

.sharedIconHolder .received{
font-size: 15px;
color: #FFAF55;
position: absolute;
z-index: 49;
}

.sharedIconHolder i.icon-users{
display: inline;
}
.boughtFolderSport{
  position: relative;
height: 0px;
top: 10px;
margin-left: -2px;
padding-left: 0px;
background-position: -10px;
text-align: left;
}
.boughtFolderSport .boughtFolderSportInner{
  background-image: url(../assets/img/folderLabel.png);
text-transform: uppercase;
color: #FF9900;
font-style: italic;
margin-left: -5px;
padding-left: 0px;
background-position: -10px;
padding-left: 13px;
background-position: -10px;
color: #FF9900;
text-align: left;
display:inline;
padding-right:10px;
}


.fileElement .fileOptions{z-index: 4;
opacity: .75;
margin-left: 90px;
font-size: 16px;
height: 0px;}
#cardPage .fileElement .fileOptions{display: none;}
.fileElement .fileOptions i{
  margin-left: 4px;
  vertical-align:top;
}
.fileElement .fileOptions .options{
  margin-top:0px;
}
.fileElement .cardNotes center{margin-top:8px;}
.fileElement .createInner{border: 2px dashed #cccccc;
color: #cccccc;
margin: 8px;
font-size: 24px;
margin-top: 4px;
margin-left: 10px;
margin-right: 10px;
padding-top: 20px;
padding-bottom: 20px;}
.fileElement .createInner:hover{
  border: 2px dashed #f4881e;
  color: #f4881e;
}
.fileElement.uploadFile.hover .createInner{ border: 10px dashed #0c0; color: #0c0;}
.fileElement .createInner .fa-icon-plus{margin:4px;}
.fileElement.createItem .createInner{max-height:116px;}
.fileElement.createItem .createInner i{font-size:36px;}
.fileElement.createItem .createInner .createTitle{font-size:16px;}
.fileElement.create .createInner .createTitle{font-size:16px;padding-top: 10px;}
#blockQuestion .practiceWrapper{height:auto!important;width:auto!important;}
.fileElement .fileOptions .dropdown-menu{position: relative;
z-index: 6;
width: 110px;
min-width: 100px;
border-radius: 0px;
top: inherit;
right: inherit;
margin-left: -110px;
background-color: #444444;}
.fileElement .fileOptions .dropdown-menu li{font-size: 13px;
line-height: 13px;
margin-top: 0px;}
.fileElement .fileOptions .dropdown-menu li>a{
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
color: #eeeeee;
}
.fileElement .fileOptions .dropdown-menu li.shareText{
color: #eeeeee;
line-height: 1.2;
padding-left: 10px;
font-size: 11px;
}

.fileElement .fileOptions  .dropdown-menu .divider{
  background-color: #777777;
border-bottom: 1px solid #222222;
}

.movedSessionText{
  margin-left:16px;
}
.floatLeft{
  float:left;
}

.section--one__slider{
  margin-left: 70px;
}
.section--one__slider.square-corners{
  margin-left: 60px;
}
.section--one__slider>div {
padding-top: 15px;
padding-bottom: 10px;
}
.headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6, .headline-7, .headline-8, .headline-9 {
font-style: italic;
margin: 0;
}
.headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6, .headline-9 {
text-transform: uppercase;
line-height: 1.1;
margin-bottom: .5em;
letter-spacing: .01em;
}
.headline-2 {
font-size: 24px;
margin-bottom: .3em;
}
.slider {
position: relative;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider.slider--drills{margin-right:60px;}
.square-corners .slider.slider--drills{overflow: hidden;
margin-left: -50px;margin-right: 16px;}
.slider.slider--drills
.slider:after, .slider:before {
content: "";
display: table;
}
.slider--aligned-left {
margin-left: -35px;
}
.slider:after {
clear: both;
}
.section--one {
/* height: 250px; */
overflow: hidden;
}
.slider__btn {
position: absolute;
top: 0;
bottom: 0;
z-index: 232;
display: block;
width: 30px;
height: 100%;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-ms-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
.slider__btn--skewed {
transform: skew(-15deg);
-ms-transform: skew(-15deg);
-webkit-transform: skew(-15deg);
}
.slider__btn--right {
right: 0;
background: #2ba1d3 url(../assets/img/ico14/icon-arrow-right-straight.svg) 2px center no-repeat;
background-size: 22px auto;
}
.slider__btn--left {
left: 0;
background: #2ba1d3 url(../assets/img/ico14/icon-arrow-left-straight.svg) 6px center no-repeat;
background-size: 22px auto;
}
.square-corners .slider__btn--left{
  width: 40px;
margin-left: -20px; 
background-position: 14px 20%;
}
.square-corners .slider__btn--right{
right: -20px;
width: 40px;
background-position: 4px 80%;
}
.btn--play-right:after {
width: 36px;
height: 25px;
margin-left: 12px;
margin-right: -10px;
margin-top: -7px;
margin-bottom: -2px;
background: url(../assets/img/ico14/icon-play.svg) no-repeat;
background-size: 26px auto;   /* 36px */
}  .btn--play-right:after {
width: 36px;
height: 20px;
margin-left: 8px;/* 12px; */
margin-right: -10px;
margin-top: -2px;
}
.drills__capture {
margin-left: -20px;
margin-right: -20px;
background: #2c414a;
transform: skew(15deg);
-ms-transform: skew(15deg);
-webkit-transform: skew(15deg);
}
.drills__capture p {
margin: 0;
padding: 10px 30px;
font-size: 12px;
color: #fff;
max-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.slider--drills .slider__btn--right {
right: -20px;
z-index: 200;
}
.section--one__slider .drills {
margin-left: 40px;
margin-right: 20px;
}
.square-corners .section--one__slider .drills {
margin-left: 22px;
margin-right: 22px;
}
.section--one__slider .drills>div {
position: relative;
float: left;
}
.section--one__slider .drills .drills__inner {
position: relative;
width: 100%;
overflow: hidden;
}
.section--one__slider .drills a {
color: #2ba1d3;
text-decoration: none;
}
.section--one__slider .drills>div figure img {
width: 100%;
display: block;
border: 0;
margin-top:-12px;
transition: all .5s;
}
#drills .items-list2 article figure {overflow: hidden;}
#drills .items-list2 article img {
    transition: all .5s;
}
#drills .items-list2 article:hover img, .section--one__slider .drills>div .drills__inner:hover figure img{
	transform : scale(1.2);
}
.section--one__slider .drills__capture {
margin-left: -20px;
margin-right: -20px;
background: #505d62; /* #2c414a; */
transform: skew(15deg);
-ms-transform: skew(15deg);
-webkit-transform: skew(15deg);
}
.homeViewBody #main-header{display:none;}
.section--sow{
  clear: both;
position: relative;
padding-left: 70px;
padding-right: 70px;
background: #fff;
color: #555;
padding-top: 0px;
padding-bottom: 0px;
}
.slider--sessions .slider__btn--left {
left: -30px;
}
.slider--sessions .slider__btn--right {
right: -30px;
}
.js-sessions {
background: #fff;
}
.js-sessions:after, .js-sessions:before {
content: "";
display: table;
}
.js-sessions article {
float: left;
margin: 0 5px;
}
.js-sessions article>div {
padding: 12px;
padding-bottom: 0px;
background: #505d62;
padding-left: 17px;
}
.js-sessions article figure {
float: left;
padding: 0 10px 20px 0;
background: no-repeat;  /*url(../gfx/session-group.svg)  */
background-size: 100% auto;
max-width: 100px;
overflow: hidden;
max-height: 80px;
}
.js-sessions article figure img {
width: 160px;
border: 0;
max-width: none;
}
.js-sessions article>div:after {
clear: both;
}
.js-sessions article>div:after, .js-sessions article>div:before {
content: "";
display: table;
}
.js-sessions article .text {
padding-left: 20px;
color: #fff;
overflow: hidden;
}
.js-sessions article .text .text-holder{
height: 100px;
overflow: hidden;
margin-bottom: 10px;
}
.js-sessions article .sportlabel{
 font-weight: bold;
font-size: 12px;
float: left;
margin-top: -5px;
margin: -10px;
margin-top: -6px;
z-index: 4;
width: 0px;
font-style: italic;
color: #203138;
position: absolute;
display: inline-block;
width: auto;
padding: 6px;
line-height: 12px;
}
.headline-7 {
font-size: 16px;
font-weight: 500;
font-style:italic;
line-height: 1.4;
margin-bottom: 10px;
}
.js-sessions article .text p {
font-size: 13px;
line-height: 1.2;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
}
.js-sessions .owl-item a.sessionPreview{
  margin-top: 76px;
white-space: nowrap;
position: absolute;
z-index: 4;
margin-left: -122px;
padding-right: 8px;
padding-left: 8px;
}
.text.text--thin li, .text.text--thin p {
font-weight: 200;
}
.text .btn {
margin: .5em .5em .5em 0;
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper, .owl-carousel .owl-stage {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-stage{
/*display: none;*/
position: relative;
}
.drills__js-script {
transform: skew(-15deg);
-ms-transform: skew(-15deg);
-webkit-transform: skew(-15deg);
}
.owl-carousel {
/*display: none;*/
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper:after, .owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.drills .owl-carousel .owl-item {
float: left;
max-width: 180px;
min-width: 120px;
}
.slider--sessions .owl-carousel .owl-item{
  float: left;
  max-width:none;
}
.slider--sessions {background: #f1f0f0;
margin-top: 12px;
margin-left: -70px;
margin-right: -70px;
padding-left: 50px;
padding-right: 50px;
}
.owl-carousel .owl-wrapper-outer, .owl-carousel .owl-stage-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper, .owl-carousel .owl-stage {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.drills .owl-item>div {
margin: 0 3px;
}
.drills .owl-item .btn--small {
padding: 11px 20px;
font-size: 18px;
font-weight: 700;
}
.drills .owl-item figure{
  max-height:60px;
  margin:0px;
padding:0px;
position:relative;
overflow:hidden;
}
.drills .owl-item .snowbtn{
  font-size: 14px;
white-space: nowrap;
padding-right: 24px;
line-height: 14px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px; /*14px */
width: 100%;
position:relative;
}
.btn--ico-tennis:after, .btn--play-left:before, .btn--play-right:after {
display: inline-block;
vertical-align: middle;
content: "";
}

@media (max-width: 420px) {
.section--one__slider {
margin-left: 10px;
}
.section--sow{
  padding-left:10px;
  padding-right:10px;
}
.headline-2{white-space:nowrap;font-size:20px;}
.section--one{height: 214px;}
.slider--sessions{margin-left: -60px;
margin-right: -60px;}
#homePage #main-header{background: none!important;
margin-bottom: 4px!important;
padding-bottom: 0px!important;}
.section--sow{margin-top:-10px;}
#wrapper #main #homePage #main-header h1{padding-top:4px;padding-bottom:4px;}
.js-sessions article figure{max-height:60px;max-width:60px;}
.spExtraText{display:none;}
.js-sessions article{margin:0px;}
.drills .owl-carousel .owl-item{opacity:0.5;}
.drills .owl-carousel .owl-item.active{opacity:1;}
.slider.slider--drills{
  margin-right: -60px;
margin-left: -120px;
}
#sketchMain #optionsBar1{white-space: nowrap;}
.js-sessions .owl-item a.sessionPreview{margin-left:-82px;}
.drills .owl-item figure{height:65px;}
.slider__btn--left{display:none;}
.square-corners .slider.slider--drills{margin-left: -60px;
margin-right: -60px;}
.drills .owl-item .snowbtn{text-align: center;}
.drills__capture p{padding-top:6px;}
.spTiles{margin-top:16px;}
.section--one__slider>div{padding-top:5px;}
}
#ratingSelect.rating span.star{font-size: 28px;
margin-left: 2px;}
.foldersFrame.folders-thin,.publicFrame.folders-thin{width:300px;overflow:hidden;float: left;}
.foldersFrame.folders-thin .l-subheader__navbar,.publicFrame.folders-thin .l-subheader__navbar{white-space: nowrap;}
.foldersFrame.folders-thin .backButton .pure-hidden-phone,.publicFrame.folders-thin .backButton .pure-hidden-phone{display:none;}
.foldersFrame.folders-thin .fileFilter,.publicFrame.folders-thin .fileFilter{display:none;}
.foldersFrame.folders-thin .fileOrder,.publicFrame.folders-thin .fileOrder{display:none;}
.foldersFrame.folders-thin .locationHolder,.publicFrame.folders-thin .locationHolder{white-space: nowrap;}
.foldersFrame.folders-thin .locationHolder .folderName i,.publicFrame.folders-thin .locationHolder .folderName i{display:none;}
.foldersFrame.folders-thin .locationHolder .snowbtn,.publicFrame.folders-thin .locationHolder .snowbtn{display:none;}
.fileElement.ui-state-hover {
  height: 124px;
background-image: none;
background-color: #FFFBE8;
border: 2px dashed #fbcb09;
width: 132px;
}
.fileElement.drop-element-success{
  opacity:0.5;
}
.fileElement.drop-target-success{
    height: 124px;
background-image: none;
background-color: #E8FFF1;
border: 2px dashed #09FB7A;
width: 132px;
}
.previewPain{
height: 100px;
margin-left: 300px;}
.previewPain>div{
  border-left: 1px solid #ccc;
}

.blurPrivate{
  background-image: url(../assets/gfx/blur.png);
color: #fbab1b;
padding: 20px 20px 20px 20px;
font-size: 40px;
line-height: 50px;
text-align: center;
height: 340px;
background-size: 100% 100%;
}
li.notiViewed{background-color:#ededed;}
li.notiViewed a{background-color:#ededed;}

.homeBanner
{
  margin: 16px;
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  background-color:#00183C;
  padding: 16px;
  line-height: 36px;
  margin-bottom: 0px;
  min-height: 110px;
}

.homeBanner img#groupIcon
{
  width: 120px;
  padding-right: 10px;
}

.homeBanner img#sponsorIcon
{
  max-height: 110px;
  padding-right: 10px;
  max-width: 240px;
}

                
#validateEmailAlert{
 z-index:1200;
 position:absolute;
 background-color:#405c77;
 bottom: 0px;
 left: 0px;
 width: 100%; /*320px;*/
 background-color:#FF9966; 
 display: block; 
 padding: 2.5px;
 /*border-radius:4px 4px 0px 0px;
 
 -webkit-transition-property: top, bottom;
 -webkit-transition-duration: 0.5s;*/
}

#sketchMain .btn-toolbar .btn+.btn{
  margin-left: 1px;
padding-right: 8px;
}
.backButtonHolder{
  display:inline-block;-webkit-box-shadow: 1px 0 0 rgba(255,255,255,1);
          -moz-box-shadow: 1px 0 0 rgba(255,255,255,1);box-shadow: 1px 0 0 rgba(255,255,255,1);margin-right:10px;
          cursor:pointer;
}

.width45percent{
  width: 45%;
  }
  
#sessionView .cke_top{
  border-bottom:1px solid #b6b6b6;
  padding:6px 8px 2px;
  white-space:normal;
  -moz-box-shadow:0 1px 0 #fff inset;
  -webkit-box-shadow:0 1px 0 #fff inset;
  box-shadow:0 1px 0 #fff inset;
  background:#C5A800;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFF00),to(#C5A800));
  background-image:-moz-linear-gradient(top,#FFFF00,#C5A800);
  background-image:-webkit-linear-gradient(top,#FFFF00,#C5A800);
  background-image:-o-linear-gradient(top,#FFFF00,#C5A800);
  background-image:-ms-linear-gradient(top,#FFFF00,#C5A800);
  background-image:linear-gradient(top,#FFFF00,#C5A800);
  /* filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFF00',endColorstr='#C5A800') */
}

.backButtonWrap{display:inline-block;-webkit-box-shadow: 1px 0 0 rgba(255,255,255,1);
            -moz-box-shadow: 1px 0 0 rgba(255,255,255,1);box-shadow: 1px 0 0 rgba(255,255,255,1);}
            
.sn-board .clip-count{           display: block;
transform: translate;
-ms-transform: skew(15deg);
-webkit-transform: skew(15deg);
transform: skew(15deg);
background-image: none;
background-color: #fbab1b;
margin-top: -10px;
border: 0px;
margin-left: 10px;}   /* was 30px; */

.sessionViewBody .clear, #printPreviewHolder .clear{margin-top:0px;}
.platinumUnlock{
  float: right;
color: #FCB454;
font-size: 16px;
margin-top: -10px;
}
.searchResult .platinumUnlock{float: left;font-size: 12px;margin-top: 0px;}
.sessionPageView .platinumUnlock{margin: 0px;
font-size: 11px;
}


.animatorHolder {
  position:absolute;
  top:0px;
  left:0px;
  z-index: 1000;
  background: #555;
}
.animatorHolder iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
#mediaHeader .title{
  margin-right: 220px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
height: 49px;
overflow: hidden;
}
.homeDrillsBody .row-fluid:after{clear:none;}

.demoThis{box-shadow: 0;
    transition: box-shadow 1s;}
.demoThis.glow{box-shadow: 0px 0px 36px 6px #FBAB1B;}

#answersHolder .thumbnails>li {
  float: none;
  margin: 0px;
  
  margin-top: 10px;
}

.l-mheader__slides,
.l-mheader__slides div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.l-mheader__slides {
    position: relative;
    z-index: 1
}
.l-mheader__slides div {
    opacity: 0;
    position: absolute;
    background-size: cover!important;
    background-position: center center
}
#viewer #header .navbar-inner {background: #2C414A;}
#viewer #viewerTitle{text-transform:uppercase;font-style:italic;}
.section-sresults__group .premiumThumb {
  height: 120px;
  z-index: 10;
  position: relative;
  margin-bottom: -120px;
  width: 180px;
  margin-left: -11px;
  background-image: url(../assets/img/preOverlayt.png);
  background-repeat: no-repeat;
  background-color: rgba(25,25,25,0.8);
}
.premiumThumb .thumb-padLock {
  z-index: 10;
  position: absolute;
  font-size: 60px;
  color: rgba(60,60,60,.7);
  padding-left: 80px;
  padding-top: 60px;
  margin: -10px;
  width: 160px;
  height: 96px;
  background:none;
}
@media screen and (max-width: 1023px) and (min-width: 200px){
  .section-sresults__group .premiumThumb {
  height: 100px;
  margin-bottom: -100px;
  width: 160px;
  
}
.premiumThumb .thumb-padLock {
  font-size: 44px;
  padding-left: 70px;
  width: 130px;
  height: 96px;
  background: none;
}
}
@media screen and (max-width: 500px) and (min-width: 200px){
  .section-sresults__group .premiumThumb {
  height: 70px;
  margin-bottom: -70px;
  width: 120px;
  margin-left: -21px;
    
}
.premiumThumb .thumb-padLock {
  display: none;
}
}
#searchCloudDisplay{text-align: center;
  max-width: 600px;
  margin: 20px;
  margin-top: 40px;}
.chalkBoardModalFull{margin-left:-50%!important;height:100%!important;width:100%!important;margin-top:0px!important;top:0px!important;}
.chalkBoardModalFull.modal #chalkFrame{height:100%!important;}
.chalkBoardModalFull.modal .modal-header,
.chalkBoardModalFull.modal .sp-dialog-titleBar{display:none;}
.chalkBoardModalFull.modal .sp-corner-all span{display:none;}
.chalkBoardModalFull.modal .sp-dialog{padding-top:0px!important;margin-top:0px!important;overflow: visible!important;}
.chalkBoardModalFull.modal .modal-body{padding:0px;height:100%!important;overflow:hidden;}
.chalkBoardModalFull.modal .modal-footer{position: absolute;
  right: 40px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  bottom: 40px;}
  
 a[title="About CKEditor"]{
 display:none!important;
 }
 
.icon-publicMedia{
  width: 46px;
height: 40px;
/* margin-left: 12px;
margin-right: -10px;  
margin-top: -12px;
margin-bottom: -2px;*/
background: url(../assets/gfx/publicMedia.svg) no-repeat;
background-size: 46px auto;
}

.icon-manager{
      width: 34px;
    height: 36px;
    margin-left: 4px;
    background: url(../assets/gfx/managerLightGrey.png) no-repeat;
    background-size: 34px auto;
}

.icon-plansArchive{
      width: 34px;
    height: 36px;
    margin-left: 0px;
    background: url(../assets/gfx/plansLightGrey.png) no-repeat;
    background-size: 34px auto;
}

#loginButtons .icon-plansArchive{
      width: 34px;
    height: 36px;
    margin-left: 0px;
    background: url(../assets/gfx/plansWhite.png) no-repeat;
    background-size: 34px auto;
}

.icon-sportsDrills{
  width: 46px;
height: 40px;
/* margin-left: 12px;
margin-right: -10px;  
margin-top: -12px;
margin-bottom: -2px;*/
background: url(../assets/gfx/sportsDrillsW.svg) no-repeat;
background-size: 46px auto;
}

#loginButtons .icon-sportsDrills{    height: 34px;
    background-size: 34px auto;
    margin-left: 10px;}

#loginButtons .icon-publicMedia{    
    background: url(../assets/gfx/publicMediaWhite.svg) no-repeat;
     height: 34px;
    background-size: 38px auto;
    margin-left: 10px;
}

.drawer-inner .icon-publicMedia{
	width: 20px;
  height: 20px;
  background-size: 22px auto;
  margin-left: -4px;
	}

#wrapper #sidebar #navigation ul li:hover .icon-publicMedia{
  background: url(../assets/gfx/publicMediaHover.svg) no-repeat;
  background-size: 46px auto;
}
#wrapper #sidebar #navigation ul li:hover .icon-manager{
  background: url(../assets/gfx/managerDarkGrey.png) no-repeat;
  background-size: 34px auto;
}

#wrapper #sidebar #navigation ul li:hover .icon-plansArchive{
  background: url(../assets/gfx/plansDarkGrey.png) no-repeat;
  background-size: 34px auto;
}

#wrapper #sidebar #navigation ul li.active .icon-publicMedia{
  background: url(../assets/gfx/publicMediaWhite.svg) no-repeat;
  background-size: 46px auto;
}
#wrapper #sidebar #navigation ul li.active .icon-manager{
  background: url(../assets/gfx/managerWhite.png) no-repeat;
  background-size: 34px auto;
}
#wrapper #sidebar #navigation ul li.active .icon-plansArchive{
  background: url(../assets/gfx/plansWhite.png) no-repeat;
  background-size: 34px auto;
}

.sketchGenericIcons{
  font-size: 6em;
}

.playMovieCTL .icon-play-circle,
.dynmanicLoadVideo .icon-play-circle,
.playButtonLoader .icon-play-circle,
.playButtonLoader .fa-icon-spinner,
.dynmanicLoadVideo .fa-icon-spinner{
   position: absolute;top: 30%;left: 36%;opacity: 0.5;font-size: 100px;color: #FBAB1B;cursor:pointer;
}
#fullPlan .dynmanicLoadVideo .icon-play-circle{
	font-size:60px;
	}
#fullPlan .vjs-time-controls, #fullPlan .vjs-time-divider{display:none;}
#fullPlan button#retranscode{display:none;}

content{display:none;}
.movieHolderPL img{max-width:100%;}

/*** new stuff for EHA ****/

.sp15.ehbCoaching .l-header__logo,
.sp15.ehbCoaching .l-header__left ul,
.sp15.ehbCoaching .l-header__right,
.sp15.ehbCoaching .l-header__right ul li:nth-child(6),
.sp15.ehbCoaching .l-header__dropdown profileMenu{
    -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
  background: #F4F4F4;
}
.sp15.ehbCoaching  .l-header--dashboard{
  background: #F4F4F4;
}
.sp15.ehbCoaching .btn--skewed span{
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
}
.sp15.ehbCoaching .btn--blue-dropdown{
  background-color:#666666;
}
.sp15.ehbCoaching .l-header__dropdown .l-header__dropdown__menu a{
  background-color:#666666;
}
.sp15.ehbCoaching .l-header__dropdown .l-header__dropdown__menu a:hover{
  background-color:#222222;
}
.sp15.ehbCoaching .l-header__dropdown .l-header__dropdown__menu .bordered-bottom{
  
  border-bottom: 1px solid #F4F4F4!important;
}
.sp15.ehbCoaching li.profileMenu{
  margin-right: -44px;
}
.sp15.ehbCoaching .l-header__dropdown .l-header__dropdown__menu a
.sp15.ehbCoaching .l-header--dashboard{
  background: #F4F4F4;
}
.sp15.ehbCoaching .l-header__dropdown .l-header__dropdown__menu{
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
/*  margin-left: -40px;*/
}
.sp15.ehbCoaching .l-header__right ul{
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
}
.sp15.ehbCoaching .sn-board .clip-count, 
.sp15.ehbCoaching .l-header__right ul .btn--skewed{
  -ms-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
}

.foldersFrame.ehbCoaching .l-subheader__left  li:first-child{
  display:none;
}
.sp15.ehbCoaching .l-header__dropdown,
.sp15.ehbCoaching .l-header__right ul li:first-child,
.sp15.ehbCoaching .l-header__right ul li:nth-child(2),
.sp15.ehbCoaching .l-header__right ul li:nth-child(3),
.sp15.ehbCoaching .l-header__right ul li:nth-child(5),
.sp15.ehbCoaching .l-header__right ul li:nth-child(4){   /* 4th is notifications */
  display:none;
}
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li{
  display:block;
}
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li.returnToOld,
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li a.tour,
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li a.addVoucher,
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li a.addMembership,
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li a.hidden-on-mobile,
.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li a[href="/drills/blog/index.jsp"]
{
  display:none;
}
#response_modal.ehbCoaching li a[data-tab="memberships"],
#response_modal.ehbCoaching li a[data-tab="sketches"]
{
	display:none;
}


.sp15.ehbCoaching .l-header__right ul ul.l-header__dropdown__menu li.returnToSp{}
@media screen and (min-width: 650px) and (orientation: portrait), (min-width: 650px) and (orientation: landscape){
  .sp15.ehbCoaching .l-header__logo img {
    height: 50px;
    padding-top: 5px;
  }
  .sp15.ehbCoaching .l-header__logo {
    padding: 0px 5px 0px 40px;
  }
  .sp15.ehbCoaching .ehbPoweredBy{
    float: right;
    margin-right: 290px;
    margin-top: 10px;
    opacity: 0.7;
    height: 40px;
  }
}

@media screen and (max-width: 1180px) and (min-width: 200px){
.sp15.ehbCoaching .ehbPoweredBy {
    margin-right: 120px;
  }
}

.sp15.ehbCoaching .ehb_CMRH{
  float: left;
  margin-left: 190px;
  height: 37px;
  margin-top: 13px;
}
.sp15.ehbCoaching .l-header--dashboard .l-header__logo{
  padding-top: 5px;
}
#sidebar.ehbCoaching li#drills,
#sidebar.ehbCoaching li#search,
#sidebar.ehbCoaching li#favourites,
#sidebar.ehbCoaching li#plans,
#sidebar.ehbCoaching li#public,
#sidebar.ehbCoaching li#answers,
#sidebar.ehbCoaching li#sidebar-toggle-wrap{
  display:none!important;
}
.sp15.ehbCoaching li.li-activity {
  display: none!important;
}
 @media (max-width: 650px) {
  .sp15.ehbCoaching .ehbPoweredBy{
      display:none;
  }
  
  .sp15.ehbCoaching .ehb_CMRH{
      display:none;
  }
  .sp15.ehbCoaching li.li-activity{
  display: none!important;
  }
  .sp15.ehbCoaching li.profileMenu{
  display: inline-block!important;
  }
  .home15 .l-header--EHB .l-header__content>div {
    padding-top: 10px!important;
    padding-left: 20px!important;
    min-height: 60px!important;
  }
}

 @media (max-height: 420px) { #btn--ico-create{display:none;} }
.snap-drawers.ehbCoaching .navbar-search,
.snap-drawers.ehbCoaching .drawer-inner .menu li:nth-child(2),
.snap-drawers.ehbCoaching .drawer-inner .menu li:nth-child(3),
.snap-drawers.ehbCoaching .drawer-inner .menu li:nth-child(4),
.snap-drawers.ehbCoaching .drawer-inner .menu li:nth-child(5),
.snap-drawers.ehbCoaching .drawer-inner .menu li:nth-child(7),
.snap-drawers.ehbCoaching img{
  display:none;
  
}

.home15 .l-header--bg1.l-header--EHB {
  background: url(../assets/gfx/ehb-bg-cover.jpg) top left no-repeat;
  background-size: cover;
  padding-bottom: 0px;
}
.home15 .l-header--EHB .l-header__content>div:before{
  background:none;
}
.home15 .l-header--EHB .l-header__content>div{
padding-top: 0px;
min-height:100px;
}
 .home15 .l-header--EHB.l-header--small .l-header__content {
  padding-top: 0px;
}
.homeViewBody.ehbCoaching .tileHeading .title{
  display: block;
  transform: skew(0deg);
  width: 250px;
  background-color: #666!important;
}
.homeViewBody.ehbCoaching #myProfileCard .tileHeading .title{
  width: 190px;
}
.homeViewBody.ehbCoaching #myProfileCard .tileHeading .thumbnail{
  background-color: #666!important;
}
.homeViewBody.ehbCoaching .tileHeading{
    padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
  max-width: 180px;
  width: 100%;
  border-bottom: 1px solid #666;
}
.tile#bespokeFolder .cardNotes{
  padding:6px;
}
.tile#bespokeFolder .cardNotes .title{
  font-weight:bold;
  min-height: 50px;
  display: block;
}

.foldersFrame.resources .l-subheader__navbar,
#rightHandBar.ehbCoaching .myTeamTab,
#rightHandBar.ehbCoaching .communityHead,
#rightHandBar.ehbCoaching .myTeamHolder{
  display:none!important;
}
.foldersFrame.resources .folderOptionsBar .control-group,
.foldersFrame.resources .folderOptionsBar .folderDescription
.foldersFrame.resources .folderOptionsBar .breadcrumbs,
.foldersFrame.resources .fileElement.create{
  display:none!important;
}
.foldersFrame.resources .resourcesTitle{
  padding: 11px;
  font-size: 24px;
  color: #ffffff;
}
.fileIconShadow{
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
  margin-bottom: 10px;
}
.sessionPreview.fileIconShadow{margin-bottom: 0px;
 -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);}
.previewPain.resources .tileHeading .title .drillPage{height: 30px;}
.previewPain.resources #ratingsDiv{display:none;}
.previewPain.resources #mediaHeader .title{height: 40px;}
.previewPain.resources .sessionPageView #displayTitle,
.previewPain.resources .sessionPageView a.share,
.previewPain.resources .sessionPageView span.edit,
.previewPain.resources #main-header,
.previewPain.resources .btn-toolbar,
.previewPain.public #mediaHeader .btn-toolbar,
.previewPain.resources h5{display:none;}
.previewPain.resources #freeStuffNeedsLink .btn-toolbar{display:inline;}
#previewPain #sketchHolder .categoryHeading.practiceHeading{display:none;}
.previewPain.resources #sketchMain #practiceHolder{margin-top:10px;}
.previewPain.resources #sketchMain #practiceHolder .awsHolderForSession img{
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
  border: 1px solid #222;
}
.previewPain.resources .authorProfile, .previewPain.public .time{
  display:none!important;
}
.previewPain.resources #sketchMain #practiceHolder .dynmanicLoadVideo .icon-play-circle{
  opacity: 0.8;color: #444;
}

.homeViewBody.ehbCoaching .tileInner.mainTile{
   min-height: 110px;
  max-height: 110px;
    overflow: hidden;
}
.homeViewBody.ehbCoaching #bespokeFolder .tileInner.mainTile{
  max-height: 152px;
  min-height: 152px!important;
  }
.homeViewBody.ehbCoaching .createBody .btn--skewed{
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(0deg);
  background-color: #999999;
}
.homeViewBody.ehbCoaching .spTiles .tile#createCard .tileInner{
    padding: 0px 4px 4px 4px;
}
.homeViewBody.ehbCoaching .spTiles .tile#createCard .tileInner{
    padding: 0px 4px 4px 4px;
}
#loginCover.ehbCoaching{
background-color: whitesmoke;
}
#loginCover.ehbCoaching .loginBoxedInner{
  background-color: #fff;
}
#loginCover.ehbCoaching div#login-form div,
#loginCover.ehbCoaching div#login-formEHB div{
  color: #444!important;
}

#loginCover.ehbCoaching div#login-form,
#loginCover.ehbCoaching div#login-formEHB{margin-top:-20px;}

#loginCover.ehbCoaching #loginButtons button .smText{
  font-size: 12px;
}

.modal-body .thumb-inner{max-height: 110px;min-width: 110px;
  min-height: 110px;}
.modal-body .thumb-inner img{ max-height: 72px; min-height: 72px;
  width: auto;}
.platinumUpgradeText{font-size: 10px;
  position: relative;
  width: 200px;
  margin-left: -15px;
  margin-top: 10px;
  cursor: pointer;}

#wrapper #sidebar #navigation>ul>li#public .publicNew{
	border: 0px;
    position: absolute;
    z-index: 10;
    margin-top: -80px;
    margin-left: -5px;
    background: none;
    width: 69%;
    box-shadow: none;
    max-width: 50px;
}

#loginCover.appMenu{
	background-color: rgba(255,255,255,0.5);
}
#loginCover.appMenu .loginBoxedInner{
	  background: none; /*  background-color: rgba(255,255,255,0.2); */
}
#loginCover.appMenu .snowbtn.btn {border-radius: 4px;    min-height: 64px;
    max-height: 64px;    width: 64px;}
@media (max-width: 330px) { 
#loginCover.appMenu .snowbtn.btn{
	    min-height: 56px;
    max-height: 56px;
    width: 56px;
}
#loginCover.appMenu .loginButtons{
	width: 90%;
    margin-left: 5%;
}
#loginCover.appMenu .snowbtn.btn .nav-title {
	font-size: 12px;
}
#loginCover.appMenu span[title="Community"].snowbtn.btn .nav-title {
    font-size: 11px;
}
#loginCover.appMenu .sp15 .ico--notification{
	margin-top: 0px;
}
}
    
#loginCover.appMenu .sp15 .ico--notification{
	background-size: 50px auto;
	    margin-left: -16px;
    margin-top: 2px;
}
#loginCover.appMenu .snowbtn.btn .nav-title{
text-transform: none;
    font-size: 13px;
    display: block;
    font-weight: 300;
}
#loginCover.appMenu .snowbtn.btn  i{
 font-size: 32px;
}
#loginCover.appMenu .snowbtn.btn.btn--grey{
    background-color: #bbbbbb;
}
#loginCover.appMenu span[title="Community"].snowbtn.btn .nav-title{font-size:12px;}

.mobMenuButton{   background-image: url(../assets/gfx/menuGrid.png);
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 4px;
    position: absolute;
    background-size: 40px 40px;}
    
    
    @media (max-width: 330px) { 
#loginCover.appMenu .snowbtn.btn{
	    min-height: 56px;
    max-height: 56px;
    width: 56px;
}
#loginCover.appMenu #loginButtons{
	width: 90%;
    margin-left: 5%;
}
#loginCover.appMenu .snowbtn.btn .nav-title {
	font-size: 12px;
}
#loginCover.appMenu span[title="Community"].snowbtn.btn .nav-title {
    font-size: 11px;
}
#loginCover.appMenu .sp15 .ico--notification{
	margin-top: 0px;
}
}


.clear {clear: both}
.from-me-avatar{
	float: right;
margin-left: 8px;
margin-top: -36px;
z-index: 10;
position: relative;
height: 0px;
clear:both;
}
.from-me {
	position:relative;
	padding:6px 12px;
	color:white; 
	background:#0B93F6;
	border-radius:20px;
	margin-right:40px;
	float: right;
}
.from-me:before {
		content:"";
		position:absolute;
		z-index:0;
bottom:-2px;
right:-8px;
height:20px;
		border-right:20px solid #0B93F6;
		border-bottom-left-radius: 16px 14px;
		-webkit-transform:translate(0, -2px);
}
.from-me:after {
		content:"";
		position:absolute;
		z-index:1;
bottom:-2px;
right:-56px;
width:26px;
height:20px;
		background:white;
		border-bottom-left-radius: 10px;
		-webkit-transform:translate(-30px, -2px);
}
.from-them {
	position:relative;
	padding:6px 12px;
background:#E5E5EA;
border-radius:20px;
margin-left: 40px;
	color: black;
  float: left;
}
.from-them-avatar{
	float: left;
margin-right: 8px;
margin-top: -36px;
z-index: 10;
position: relative;
height: 0px;
clear:both;
}
.from-them:before {
		content:"";
		position:absolute;
		z-index:2;
		bottom:-2px;
		left:-7px;
		height:20px;
		border-left:20px solid #E5E5EA;
		border-bottom-right-radius: 16px 14px;
		-webkit-transform:translate(0, -2px);
	}
.from-them:after {
		content:"";
		position:absolute;
		z-index:3;
		bottom:-2px;
		left:4px;
		width:26px;
		height:20px;
		background:white;
		border-bottom-right-radius: 10px;
		-webkit-transform:translate(-30px, -2px);
}

.home15 .langChoice{
	    background-color: rgba(55,55,55,0.5);
    padding: 6px;
    width: 80px;
    float: right;
    cursor:pointer;
    position: relative;
z-index: 2;
}
.home15 .langChoice img{
	 width:36px;
}

.green-check{
  color:#66FF66;;
}

.session .vjs-quality-control.vjs-control{display:none;}

.flickLeftPrompt{opacity: 0.7;
position: absolute;
width: 80px;
height: 80px;
}
div.awsHolderForSession{
	text-align:left;
}
.practiceWrapper .awsHolderForSession img{
	width: 100%;
height: auto;
}


/* Styling for management of users' credit card expiry dates */
div#manageCardsBody div.cardsDetailInner
{
  margin-bottom:20px;
}

div#manageCardsBody div.cardCurrencyTitle
{
  margin-bottom:8px;
}

div#manageCardsBody div.cardCurrencyTitle img
{
  width:30px;
  height:16px;
}

div#manageCardsBody div.cardDisplay
{
  margin-left:20px;
  margin-bottom:10px;
}

div#manageCardsBody div.cardDisplay div.cardIcon
{
  width:20px;
  float:left;
}

div#manageCardsBody div.cardDisplay div.cardTypeNumber
{
  margin-bottom:8px;
}

div#manageCardsBody div.cardDisplay div.cardExpirySelects
{
  margin-left:20px;
  margin-bottom:8px;
}

div#manageCardsBody div.cardDisplay div.cardExpirySelects select#expiryMonth
{
  width:60px;
  margin-bottom:0px;
}

div#manageCardsBody div.cardDisplay div.cardExpirySelects select#expiryYear
{
  width:80px;
  margin-bottom:0px;
}

div#manageCardsBody div.cardDisplay div.cardExpirySelects span.updatedCard i
{
  color:#00B300;
  font-size:20px;
}

div#manageCardsBody div.cardDisplay div.hiddenCard
{
  margin-left:20px;
  color:#333333;
  font-style:italic;
}

div#manageCardsBody div.cardDisplay div.hideCard
{
  margin-left:20px;
}

div#manageCardsBody div.noCards
{
  color:#333333;
  font-style:italic;
}

.loadingMore{z-index: 1000;
    position: relative;
    width: 100%;
    float: right;
    background-color: rgba(100,100,100,0.5);
    margin-top: -20px;
    height: 50px;
    color: #ffffff;
    text-align: center;
    padding: 10px;}
    
@media (min-width: 1281px) {
	ul.inner-nav div li div{
		font-size:17px;
	}
	ul.inner-nav div li{
		width:320px;
	}
	.categoryColumn {
		width:100%;
	}
	ul.inner-nav div li {
		max-width: 250px;
	}
}

.mobileTextPostion{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	margin-left: -20px;
	width: 300px;
	/*margin-bottom: -18px;*/
	padding-bottom: 0px;}
@media (max-width: 500px) {
.commentHeading{display:none;}
.qFullQ .message .profileAns{display:none;}
.qFullQ .message textarea.answerText{width:100%;}
.qFullQ .message{width: 100%;margin-left: 5px;}
@media (min-width: 330px) {
	.mobileTextPostion{
margin-left: -20px;
width: 100%;
padding-left: 20px !important;
	}
	}
}

textarea{
	box-shadow: none !important;
transition: none;
-webkit-appearance:none;
border-radius: 0px !important;
}

/* new comment messages code */

.messages {
    padding: 0;
    list-style-type: none;
    margin: 0 20px 20px 20px;
}
.messages > li {
    margin-top: 10px; /* was 20 */ 
    line-height: 1.42857143;
}
.messages > li .image {
    float: left;
    width: 50px;
}
.messages > li.right .image {
    float: right;
}
.messages > li .message {
    position: relative;
    background: #eee;
    margin-right: 20px;
    padding: 6px; /* was 10px; */
    margin-left: 50px; /* was 60px; */
}
.messages > li.right .message {
    background: #d1e5f8;
    margin-left: 20px;
    margin-right: 0;
    margin-right: 60px;
}
.messages > li .message .caret {
    position: absolute;
    left: -7px;
    top: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #eee;
    border-left: 0;
}
.messages > li.right .message .caret {
    left: auto;
    right: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #d1e5f8;
    border-right: 0;
}
.messages > li .message .name {
    font-weight: 600;
}
.messages > li.right .name {
    color: #0a2640;
}
.messages > li .message p {
    color: #444;
}
.messages > li.right .message p {
    color: #11406c;
}
.messages > li .message .time {
    color: #555;
    font-size: 11px;
    text-align:left;
}
.messages > li.right .message .time {
    color: #11406c;
    
}
@media (max-width: 480px){
.commentArea {
    padding-right: 0px;
     padding-left: 0px; 
}
.messages{ margin-left:0px;margin-right:0px;}
}
.nav.nav-tabs .active a{max-height: 20px;
text-overflow: ellipsis;
overflow-y: hidden;white-space: nowrap;
}
#sessionView .sessionViewHeader .tab-content{padding-top: 20px;}

.sessionPremiumPromo{background-color: #fbab1b;
    color: #fff;
    font-size: 16px;
    padding: 4px;
    text-align: center;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

.icon-filmWhite{
	width: 30px;height: 30px;display: inline-block;background-image: url(../assets/gfx/filmWhite.png);background-size: 30px auto;background-repeat: no-repeat;
}

.createItem i.btn--ico-plan{display: inline-block;
    width: 41px;
   height: 36px;
}
.createItem i.btn--ico-plan:before {
    background: url(../assets/gfx/icon-planGrey.svg) no-repeat;
    width: 45px;
    display: inline-block;
    margin-left: 4px;
    height: 36px;
    background-size: 36px auto;
    content: ' ';
}
.fileElement.createItem:hover i.btn--ico-plan:before  {
    background-image: url(../assets/gfx/icon-planOrange.svg);
}

.createItem i.btn--ico-plan{display: inline-block;
    width: 41px;
   height: 36px;
}
.createItem i.btn--ico-plan:before {
    background: url(../assets/gfx/icon-planGrey.svg) no-repeat;
    width: 45px;
    display: inline-block;
    margin-left: 4px;
    height: 36px;
    background-size: 36px auto;
    content: ' ';
}
.fileElement.createItem:hover i.btn--ico-plan:before  {
    background-image: url(../assets/gfx/icon-planOrange.svg);
}

.createItem i.btn--ico-create{display: inline-block;
    width: 41px;
   height: 36px;
}
.createItem i.btn--ico-create:before {
    background: url(../assets/gfx/icon-createGrey.svg) no-repeat;
    width: 45px;
    display: inline-block;
    margin-left: 4px;
    height: 36px;
    background-size: 36px auto;
    content: ' ';
}
.fileElement.createItem:hover i.btn--ico-create:before  {
    background-image: url(../assets/gfx/icon-createOrange.svg);
}

.createItem i.btn--ico-anim{display: inline-block;
    width: 41px;
   height: 36px;
}
.createItem i.btn--ico-anim:before {
    background: url(../assets/gfx/filmGrey.png) no-repeat;
    width: 45px;
    display: inline-block;
    margin-left: 4px;
    height: 36px;
    background-size: 36px auto;
    content: ' ';
}
.thumb-inner span.btn--ico-anim{display: inline-block;
    width: 41px;
   height: 36px;
}
.thumb-inner span.btn--ico-anim:before {
    background: url(../assets/gfx/filmOrange.png) no-repeat;
    width: 45px;
    display: inline-block;
    margin-left: 4px;
    height: 36px;
    background-size: 36px auto;
    content: ' ';
}
.fileElement.createItem:hover i.btn--ico-anim:before  {
    background-image: url(../assets/gfx/filmOrange.png);
}
.fileFolderWrapper.dragHover .fileElement {opacity: 0.5;}
.fileFolderWrapper{
transition: box-shadow 1s;
    border: 1px solid #fff;
}
.fileFolderWrapper.dragHover {
	 -webkit-box-shadow: inset 0 0 50px #0c0;
    -moz-box-shadow: inset 0 0 50px #0c0;
    box-shadow: inset 0 0 50px #0c0;
}

.planView .tileHeading{
	opacity: 1;
}
.planView .tileHeading .backButtonWrap{display:none;}
.planView .tileHeading .title .drillPage{overflow:initial;}
.isLeft .open>.dropdown-menu{margin-right: -176px;}

.calendarControl{
	display:none;
	    height: 36px;
    background-color: #ececec;
    border-bottom: 1px solid #ccc;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 28px;
    overflow: hidden;
    text-align:center;
}
.calendarControl .calBut{padding:4px;color:#aaaaaa;}
.calendarControl .calBut.active{color:#444444;cursor:pointer;}
.calendarControl .calBut.active:hover{color:#888;}
.calendarControl .calBut.prevYear{    float: left;}
.calendarControl .calBut.prevMonth{    float: left;margin-left: 16px;}
.calendarControl .calBut.nextYear{    float: right;}
.calendarControl .calBut.nextMonth{    float:right;margin-right: 16px;}
.calendarControl .calTitle{padding-top:6px;}
.folders-thin .calendarControl .calTitle{font-size:18px;}

.animatorTuts{    position: absolute;
    bottom: 80px;
    right: 10px;
    width: 180px;
    height: 229px;
    background-color: #fff;
    border: 1px solid #ccc;}
.animatorTuts .animLinks{margin-bottom:10px;line-height: 17px;cursor:pointer;color:#2ba1d3;}
.animatorTuts .animLinks:hover{margin-bottom:10px;line-height: 17px;color:#2487b1;}

.previewPain .authorProfile .info{
	text-overflow: ellipsis;display: inline-block;
}
.previewPain .authorProfile{text-align: right;height:auto;margin-bottom: 8px;min-height: 40px;}
@media (max-width: 380px) {
.folderName .nameText{max-width: 160px;
display: inline-block;
text-overflow: ellipsis;}}
.previewPain.resources #sketchMain .error{display:none;}

#sessionCardView{
	    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1500;
}
#sessionCardView .cardHeading{background-color:#2ba1d3;color:#fff; padding:8px;font-weight:bold;}
#sessionCardView .cardHeading .pageNumber{float:right;font-weight:normal;font-size: 0.85em;}
#sessionCardView .pracDuration{float:right;font-weight:normal;font-size: 0.75em;}
#sessionCardView img.sessionImage {float:right;width:50%;}
#sessionCardView .ui-widget-overlay{background-image: none;
    opacity: 0.8;
    background-color: #222;}
#sessionCardView .owlCardsHolder:before, .owlCardsHolder:after {
    display: table;
    content: "";
    line-height: 0;
}
#sessionCardView .owlCardsHolder {
    max-width: 500px;
    max-height: 800px;
    min-height: 400px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;padding:8px;}
#sessionCardView  .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
#sessionCardView .owl-theme .owl-controls .owl-page.active span, #sessionCardView.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}
#sessionCardView  .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}
#sessionCardView .owl-controls .owl-page, #sessionCardView .owl-controls .owl-buttons div {
    cursor: pointer;
}
#sessionCardView h2{ font-size: 28px; }
#sessionCardView #owl-holder {margin-top:10px;}
#sessionCardView .item{background-color:#fff;
    	color:#555;}
#sessionCardView #owl-holder .item .contentHolder{
    	overflow-y: scroll;
    	overflow-x: hidden;
    	padding:8px;
    	height:100%;
    	-webkit-overflow-scrolling: touch;
    }
#sessionCardView .owl-theme .owl-controls {
    margin-top: -15px;
    text-align: center;
}
#sessionCardView .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
#sessionCardView .owl-theme .owl-controls .owl-buttons{
		   margin: -16px;
    margin-top: -25px;
	}
#sessionCardView .owl-theme .owl-controls .owl-buttons .owl-prev{
	float:left;border-radius: 0px;
	}
#sessionCardView .owl-theme .owl-controls .owl-buttons .owl-next{
	float:right;border-radius: 0px;
	}
#sessionCardView 	#owl-demo {
    margin-top: 10px;
}
#sessionCardView 	.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}#sessionCardView .owl-carousel .owl-item {
    float: left;
}
#sessionCardView .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#sessionCardView .owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#sessionCardView .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
#triangle-topright {
    position: relative;
}
#triangle-topright:before {
    content:'';
    border-top: 50px solid rgba(20,20,20,0.3);
    border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.triangle-text {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translateZ(0px);
     position: absolute;
    top: 10px;
    color: #ccc;
    right: 0;
    width: 30px;
}
.previewPain #ratingStarDropList .dropdown-menu.pull-right.needsclick{display: block;
    border: none;
    box-shadow: none;
    margin-top: -20px;
    font-size: 10px;
    width: 162px!important;
    padding: 0px;}
@media (min-width: 500px) {
.previewPain .largePractice #ratingStarDropList .dropdown-menu.pull-right.needsclick{
	float: none;
    position: relative;
    margin-left: -10px;
    margin-top: -10px;
}
.previewPain .largePractice #practiceHolder{
	    float: left;
    padding-right: 10px; 
    max-width: 500px;
}
}
@media (max-width: 499px) {
.previewPain .largePractice #ratingStarDropList {width: 140px!important;}
.previewPain .largePractice #optionsBar1 .btn-toolbar:last-child{display:none;}
.previewPain .largePractice #optionsBar1 .audioProcessingStatus{float:right;}
}
@media (min-width: 1200px) {
.sp15#searchHolder ::-webkit-scrollbar { width:10px; }
#mv .chalkBoard-page ::-webkit-scrollbar { width:10px!important; }
#mv #canvasContainer ::-webkit-scrollbar { width:0px!important; }
#mv .chalkBoard-page .messages-content ::-webkit-scrollbar {
    width: 0px!important;
}
}
.previewPain #ratingStarDropList .btn.dropdown-toggle.needsclick{display:none;}
.previewPain #sketchMain #main-content li{font-size: 12px;
    color: #555;}
.previewPain #sketchMain .dropdown-menu li>a{color: #555;}
.previewPain #printDrill{display:none;}
.previewPain #ratingStarDropList .dropListRatingStar{font-size: 15px;}

#videoHolder video{background-size:100% 100%;}

#spAvailableHolder .devTitle{padding: 10px;
    font-size: 16px;
    font-weight: 500;
    background-color: #ccc;}

.widget #sketchPageWrapper .tab-content{
	background: #fff; 
 border: none;
 border-top: 0; 
 padding: 0px;
	}
	
.togglePWD{
	position: absolute;
    z-index: 4000;
    margin-top: -39px;
    margin-left: 230px;
    width: 28px;
    height: 24px;
    background-color: #cdcdcd;
    border-radius: 50%;
    padding-top: 4px;
    color: #444;
}

#showWebPushInfo{
color:#08c; 
}
	
#showWebPushInfo:hover{
text-decoration: underline; 
color:lightblue; 
}

.banner_content {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: Slack-Lato,appleLogo,sans-serif;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    line-height: 1.5rem;
    padding: .5rem;
    text-shadow: 0 1px 1px rgba(255,255,255,.25);
    position:absolute;
    z-index:1500;
}

.banner_content a{text-decoration:underline;}

#banner .dismiss {
    position: absolute;
    right: .85rem;
    top: .25rem;
    font-size: 1.25rem;
    text-decoration: none!important;
    line-height: 1.9rem;
}


a:not([href]) {
    cursor: pointer;
}

#notifications_banner {
    font-weight: 900;
    background: #e99704;
}
#notifications_banner a {
	color:#1F1F1F
}
#notifications_banner a.dismiss{
	float: right;
    margin-right: 20px;
    text-decoration: none;
}
.hidden {
    display: none!important;
    visibility: hidden!important;
}
.beta-label{
	position: relative;
font-size: 10px;
margin-top: -40px;
color: #888;
-webkit-transform: rotate(90deg);
margin-left: 44px;
}
.darkenBG{
position: relative;
    z-index: 1;
}
.darkenBG:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    opacity: 1;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    z-index: -1;
}

.section--pathway{
   white-space:nowrap;
   overflow-x:scroll;
   
} 
.section--pathway::-webkit-scrollbar { 
    display: none; 
}

.section--pathway .line{
  background-color: #444;
  height:5px;
  margin-top: 50px;
}
  
.over{
  position: absolute;
    z-index: 1000;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
  background-color: rgba(0,0,0,0);
  pointer-events: none;
}

.section--pathway li div.funcIcon {
  height: 70px;
  width:70px;
  display: inline-block;
  background-color: #2ba1d3;
  transition: all .9s;
  border-radius: 50%;
  cursor:pointer;
}

.section--pathway li div.funcIcon:hover{
  background-color: #f89b20;
  transform : scale(1.2);
}

.section--pathway li div.funcIcon.ooze{
  transform : scale(1.2);
  background-color: #f89b20;;
}

.section--pathway li .tick{
	display:none;
}

.section--pathway li.active div.funcIcon{
  background-color: #aaa;
}
.section--pathway li.active .tick{
	background:none;
	color: #f89b20;
	display:block;
	position:relative;
	margin-top: -60px;
    margin-left: +5px;
    font-size: 60px;
    pointer-events: none;
}


.section--pathway li.active div.funcIcon:hover{
  background-color: #2ba1d3;
}
  


.section--pathway ul{
    list-style-type: none;
    margin: 0px;
    margin-top:-58px;
    font-size:18px;
    color:#333;
    }

.section--pathway .icon-sportsDrills  div {
  background-image: url(https://www.sportplan.net/app/assets/gfx/sportsDrillsW.svg);
  background-repeat: no-repeat;
  background-size: 43px auto;
  background-position: center center;
 }
 
.section--pathway .icon-board div {
    background-image: url(https://www.sportplan.net/app/assets/gfx/icon-board.svg);
  background-repeat: no-repeat;
    background-size: 51px auto;
    
    background-position: center center;
}

.section--pathway .icon-search div{
  background-image: url(https://www.sportplan.net/app/assets/gfx/icon-search.svg);
  background-repeat: no-repeat;
  background-size: 49px auto;
  background-position: center center;
}
.section--pathway .icon-search:before{
	content:'';
}

.section--pathway .icon-plan div{
  background-image: url(https://www.sportplan.net/app/assets/gfx/icon-plan.svg);
  background-repeat: no-repeat;
  background-size: 46px auto;
  background-position: center center;
}

.section--pathway .icon-sketch div{
    background-image: url(https://www.sportplan.net/app/assets/gfx/icon-create.svg);
    background-repeat: no-repeat;
    background-size: 47px auto;
    
    background-position: 13px 12px;
}

.section--pathway .icon-filmWhite div{
  background-image: url(https://www.sportplan.net/app/assets/gfx/filmWhite.png);
  background-repeat: no-repeat;
  background-size: 46px auto;
  background-position: center center;
}

.section--pathway .icon-community div{
  background-image: url(https://www.sportplan.net/app/assets/gfx/publicMediaWhite.svg);
  background-repeat: no-repeat;
  background-size: 46px auto;
  background-position: center center;
}

.section--pathway span{
 	font-size:50px;
 	color: white;
    line-height: 55px;     
    text-align: center;
}


.section--pathway li {
   display: inline-block;
   text-align: center;
   margin: 20px;
   margin-right:50px;
    margin-left:50px;
   vertical-align: text-top;
  font-family: 'lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

 .popUpPosition .popUp {
	position: relative;
	background:rgba(100,100,100,0.9);
	border: 5px solid #c2e1f5;
  text-align: justify;
  color: white;
  width:350px;
  padding: 15px 15px 5px 15px;
  font-family: 'lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
  border-radius: 20px;
}


 .popUpPosition .popUp div.icon-sportsDrills {
  background-image: url(https://www.sportplan.net/app/assets/gfx/sportsDrillsW.svg);
  background-repeat: no-repeat;
  background-size: 43px auto;
  height:51px;
  width:51px;
  position: absolute;
  right: 40px;
 }
 .popUpPosition .popUp div.icon-board{
   background-image: url(https://www.sportplan.net/app/assets/gfx/icon-board.svg);
    background-repeat: no-repeat;
    background-size: 51px auto;
    height:51px;  
    width:51px;
  position: relative;
}
 .popUpPosition .popUp div.icon-search{
  background-image: url(https://www.sportplan.net/app/assets/gfx/icon-search.svg);
  background-repeat: no-repeat;
  background-size: 51px auto;
  height:51px;
  width:51px;
  position: relative;
}

 .popUpPosition .popUp div.icon-plan {
  background-image: url(https://www.sportplan.net/app/assets/gfx/icon-plan.svg);
  background-repeat: no-repeat;
  background-size: 51px auto;
  height:51px;
  width:51px;
  position: relative;
}

 .popUpPosition .popUp div.icon-sketch {
    background-image: url(https://www.sportplan.net/app/assets/gfx/icon-create.svg);
    background-repeat: no-repeat;
    background-size: 51px auto;
    height:51px;
    width:51px;
  position: relative;
}

 .popUpPosition .popUp div.icon-community {
  background-image: url(https://www.sportplan.net/app/assets/gfx/publicMediaWhite.svg);
  background-repeat: no-repeat;
  background-size: 51px auto;
  height:51px;
  width:51px;
  position: relative;
}

 .popUpPosition .popUp div.icon-filmWhite {
    background-image: url(https://www.sportplan.net/app/assets/gfx/filmWhite.png);
    background-repeat: no-repeat;
    background-size: 51px auto;
    height:51px;
    width:51px;
  position: relative;
  size:absolute;
}

  .popUpPosition .popUp div.icon-star{
  font-size:50px;
  position: relative;
  margin-right:10px;
  }
  
   .popUpPosition .popUp div.icon-comments{
  font-size:50px;
  position: relative;
  margin-right:10px;
  }
  
   .popUpPosition .popUp div.icon-mobile-phone{
  font-size:50px;
  position: relative;
  margin-right:10px;
  }
  
     .popUpPosition .popUp div.icon-users{
  font-size:50px;
  position: relative;
  margin-right:10px;
  }
  
 .popUpPosition .popUp .popHead{
 font-weight: bold;
    height: 50px;
    padding-left:20px;
    padding-right:20px;

}
 .popUpPosition .popUp .popHead div.headIcon{
  float:right;
}
 .popUpPosition .popUp .popHead .popTitle{
  margin-top:17px;
  float:left;
  font-size: 20px;
}

 .popUpPosition .popUp button{
  margin: 25px; 
  transform: skew(-15deg);
  width: 100px;
    cursor: pointer;
    background-color: #f89b20;
    padding: 8px;
    padding-bottom: 7px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    display: inline-block;  
    background-position: center center;
    border:0px;
}
.popUpPosition .popUp button.show:hover{background:#e99704}

.popUpPosition .popUp button.app{
	width: 150px;
	}


 .popUpPosition .popUp button.faq{
 background-color: #258ec8;
 }
 .popUpPosition .popUp button.faq:hover{
 background-color: #2487b1;
 } 
 .popUpPosition .popUp span{
  transform: skew(15deg);
}


 .popUpPosition{
  z-index: 10000;
    position: absolute;
}

 .popUpPosition .popUp:after, .popUp:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

 .popUpPosition .popUp:after {
	border-color: rgba(43, 161, 211, 0);
	border-top-color: rgba(100,100,100,0.9);
	border-width: 20px;
	margin-left: -20px;
}
 .popUpPosition .popUp:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 27px;
	margin-left: -27px;
}

.flyingCursor{
	position: absolute;
	z-index: 11000;
}
div#color_selector {
    width: 140px;
    position: absolute;
    border: 1px solid #598FEF;
    background-color: #EFEFEF;
    padding: 2px;
    z-index: 5111;
    margin-top: -140px;
}

.sessColourPicker, .sessionViewBody .color_picker{
border: 2px solid #ccc;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: -webkit-repeating-linear-gradient(45deg, transparent, transparent 10px, #ccc 10px, #ccc 20px), -webkit-linear-gradient(top, #eee, #999);
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, #ccc 10px, #ccc 20px), linear-gradient(to bottom, #eee, #999);
    color: rgba(0,0,0,0);
}
#color_selector.sessColourPicker{
	background: none;
    background-color: #fff;
    height: 102px;
}

div#color_selector.top {
margin-top: 0px;
    margin-left: -110px;
 }
 div.color_swatch {
  height: 20px;
  width: 20px;
  border: 1px solid #aaa;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}


/* Georgia startQuestion Popup*/

.modal-mainbody {
    font-family: 'lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.startQ.modal-title {
    color: #ffffff;
    font-style: italic;
    font-size: 20px;
    margin-left:15px;
}

.startQ-title{
    color: #258ec8;
    font-size: 25px;
    font-style: bold;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    font-family: 'lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: italic;
}

.startQ-posttext{
  color:#444;
  font-size:15px;
  margin-bottom: 13px;
  margin-left:20px;
  text-align:center;
}

.startQuestion.body{
	height:197px;
	padding-left:20px;
}
.modalButtons {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    height: 100px;
    width: 150px;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    font-size: 15px;
}
.modal-link {
    text-decoration: none;
    color: #fbab1b;
    border: 2px dashed;
    border-color: #fbab1b;
    width: 110px;
    height: 90px;
    padding-top: 10px;
}
.modal-link:hover {
    border-color: #2ba1d3;
    color: #2ba1d3;
    text-decoration:none;
}
.modal-link:hover .modal-image.Drills {
    content: url('https://www.sportplan.net/drills/i/v5/assets/gfx/sportsDrills-blue.svg');
}
.modal-link:hover .modal-image.Plan {
    content: url('https://www.sportplan.net/drills/i/v5/assets/gfx/icon-create-blue.svg');
}
.modal-link:hover .modal-image.Create {
    content: url('https://www.sportplan.net/drills/i/v5/assets/gfx/icon-plan-blue.svg');
}

.linksQ {
    text-decoration: none;
}

.linksQ:hover{
text-decoration:none;
}

.titlesQ{
text-decoration:none;
}

.modal-wording {
    font-weight: normal;
    padding-top: 10px;
    text-align: center;
    color:#999;
}
.modal-image.Drills {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 52px;
    width: 51px;
}

.modal-image.Create {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 52px;
    width: 51px;
}

.modal-image.Plan {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 52px;
    width: 51px;
}

.modal-htmlImg{
	padding-top: 5px;
    padding-bottom: 5px;
    font-size:50px;
}

.startQuestion.footer{
color:#999;
margin-left:20px;
margin-bottom:20px;
text-align:center;
}


.startQuestion.footer a{
  font-style:normal;
  text-decoration:none; 
  color: #999;
}

.startQuestion.footer a:hover{
  text-decoration:underline;
}

/*startQuestion Popup end */

.verticalHolder .flexRow{
	-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
   
  .verticalHolder .flexRow.left{
  transform : translateX(-300px);
  }  
  
  /*activation page */
 .l-header--small {
    padding-bottom: 20px;
  font-family: lato, arial, sans-serif
}
.l-header--bg1 {
    background: url(../gfx/sport-banner.jpg) top center no-repeat;
    background-size: cover
}
.l-header--small .l-header__content {
    padding-top: 40px
}
 .l-header__content {
    color: #fff
}
.l-header__content>div {
    position: relative;
    padding-left: 100px
}
 .l-header__content>div:before {
    position: absolute;
    top: 0;
    left: -80px;
    bottom: 0;
    z-index: 20;
    display: block;
    content: " ";
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    width: 130px;
    height: 100%;
    background: #fbab1b;
    -ms-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg)
}
.l-header__content .headline-1 {
    margin-bottom: .1em
}
 .l-header__content p {
    font-style: italic;
    max-width: 600px
}
.l-header__h-left {
    margin-left: -.23em
}
.l-header__text-left {
    margin-left: -1.1em
}
.l-header__bottom {
    position: absolute;
    bottom: -1px;
    right: -30px
}
 .l-header__bottom .btn {
    padding-right: 80px
}
 .text p {
    margin-top: 0
}
 .text p:last-child {
    margin-bottom: 0
}
 .text p {
    font-size: 1.2em;
    letter-spacing: 0;
    line-height: 1.5
}
 .text.text--thin p {
    font-weight: 200
}
.text .text__big,
 .text__big {
    font-size: 1.85em;
    line-height: 1.3
}
 .headline-1 {
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .5em;
    letter-spacing: .01em
}
 .headline-1 {
    line-height: 1
}
 .headline-1 {
    display: block;
    font-style: italic;
    font-weight: 600
}
 .headline-1 {
    font-weight: 900
}
 .headline-1 {
    font-size: 5em
}
 .l-header__content .homeBanner .text{max-width:100%;}
 .l-header__content .homeBanner{background: none;color:#ffffff;font-size: 14px;margin: 0px;}
 .homeBanner .headline-1 img {height: 90px;width: auto!important;}
 .homeBanner .yellow{display:inline;}
 
 /*activation page */
 
td.dretHorizonHeading{text-shadow: 1px 1px 1px #fff;}
td.dretHorizon p:before
{
    content: '\2605';
    color:#006c2f;
    margin: 0 1em;    /* any design */
}
td.dretHorizon ul {
    list-style: none;
    padding: 0px;
}

td.dretHorizon ul li:before
{
    content: '\2605';
    color:#006c2f;
    margin: 0 1em;    /* any design */
}
td.dretHorizon .normalBG p {
   margin-top: 0.5em;
    margin-bottom: 0.5em;
}
table.dretHorizonDrill td{
	border-width:3px!important;
}
table.dretHorizonDrill tr:nth-of-type(1), table.dretHorizonDrill tr:nth-of-type(2){display:none;}
table.dretHorizonDrill .movieHolderPL{width:auto!important;height:auto!important;}
table.dretHorizonDrill .movieHolderPL>div{float:left!important;margin-left:4px!important;}


@-webkit-keyframes glowing {
  0% {  -webkit-box-shadow: 0 0 3px #004A7F; }
  50% {  -webkit-box-shadow: 0 0 10px #0094FF; }
  100% {  -webkit-box-shadow: 0 0 3px #004A7F; }
}

@-moz-keyframes glowing {
  0% {  -moz-box-shadow: 0 0 3px #004A7F; }
  50% {  -moz-box-shadow: 0 0 10px #0094FF; }
  100% {  -moz-box-shadow: 0 0 3px #004A7F; }
}

@-o-keyframes glowing {
  0% { box-shadow: 0 0 3px #004A7F; }
  50% {  box-shadow: 0 0 10px #0094FF; }
  100% {  box-shadow: 0 0 3px #004A7F; }
}

@keyframes glowing {
  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}

.glowing-button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.clipFooter .btn-small{
	font-size: 14px;
}

.goldenTicketDiv{
	padding: 4px;
    color: #fff;
	 background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.goldenTicketDiv .toGo{float:right;}

.sportInterestBanner{
	background-color: #ecc57d;
    font-size: 18px;
    padding: 16px;
    display: flex;
    justify-content: center;
    display:none;
}
.sportInterestBanner .explainerText{
	font-size: 13px;
  display: block;
}
.sportInterestBanner .sibRight{
	padding-left: 10px;
}
.sportInterestBanner .btn-primary{
	white-space: nowrap;
    margin-left: 10px;
}

.blur, .blur a{
	
	color: transparent!important;
	text-shadow: 0 0 8px #000;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.blur h5{
	color: #444!important;
	text-shadow: none!important;
}

.non-member{
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.playMovie.false-cursor, .practiceWrapper>div,.practiceWrapper>div>div{max-width:100%;}

.practiceWrapper #videoHolder video{max-width:100%;}