.sidebar_title {
  position: relative;
  display: block;
  padding: 2px;
}
        
/*****************************************/
/* sidebar JOIN */     


ul.sidebar_list {
  margin-bottom: 0;
}
ul.sidebar_list .sidebar_item {
  padding: 15px;
  border: 0;
  margin: 0;
  font-weight: 300;
  font-family: 'adobe-clean', Helvetica, Arial, sans-serif;
  background: transparent url('/resource/img/bg-list-item-divider.png') repeat-x 0 100%;
}

ul.sidebar_list .sidebar_item h2 {
  font-size: 16px;
  color: #fff;
  padding: 0;
  margin-bottom: .3em;
  font-weight: 300;
}

ul.sidebar_list .sidebar_item p {
  font-size: 13px;
  line-height: 1.3; 
  color: #e6e3e3;
  font-weight: 400;
}
ul.sidebar_list .sidebar_item dl,
ul.sidebar_list .sidebar_item ul {
  color: #e6e3e3;
  font-weight: 300;
}
ul.sidebar_list .sidebar_item dt {
  margin-bottom: 5px;

}
ul.sidebar_list .sidebar_item dd,
ul.sidebar_list .sidebar_item li {
  font-size: 13px;
  padding-left: 12px;
  margin-left: 5px;
  margin-bottom: 2px;
  background: transparent url('/resource/img/bg-list-style-square.png') no-repeat 0 5px;
}

div.app-icons-wrap {
  margin-top: 6px;
  margin-bottom: 15px;
}
div.app-icons-wrap.touch { margin-bottom: 0; }
ul.sidebar_list li.app-icons span {
  margin-right: 5px;
  margin-bottom: 10px;
}
ul.sidebar_list li.app-icons span img {
  width: 30px;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
  box-shadow: 0 1px 2px #222;
  -webkit-box-shadow: 0 1px 2px #222;
  -moz-box-shadow: 0 1px 2px #222;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
ul.sidebar_list .sidebar_join1,
ul.sidebar_list .sidebar_join2 { padding: 0;}
ul.sidebar_list .sidebar_join1 h2,
ul.sidebar_list .sidebar_join2 h2 {
  padding: 10px 15px 8px 15px;
}
ul.sidebar_list .sidebar_join1 ul,
ul.sidebar_list .sidebar_join2 ul {
  margin-top: -12px;
  padding-right: 5px;
}
ul.sidebar_list .sidebar_join2 ul { margin-top: 10px; }
ul.sidebar_list .sidebar_join2 ul li { margin: 0 0 5px 5px; }
ul.sidebar_list .sidebar_join1 ul b { font-weight: 700; }
ul.sidebar_list .sidebar_join1 ul p {
  margin-top: 12px;
  margin-left: 10px;
}
.sidebar_item a {
  color: #46B0EB;
}
.sidebar_item a:hover { text-decoration: underline; }
.sidebar_title a:hover { text-decoration: none; }

ul.sidebar_list hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #5a5d5e;
  border-top: 1px solid #404343;
}

ul.sidebar_list .sidebar_item span.product_icon img {
  width: 30px;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
  box-shadow: 0 1px 2px #222;
  -webkit-box-shadow: 0 1px 2px #222;
  -moz-box-shadow: 0 1px 2px #222;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
ul.sidebar_list .sidebar_item span.product_name {
  vertical-align: top;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}
/*.sidebar_item {
  display: block;  
  color: #DBE1E2;  
  border-top: 1px solid #565C5D;
  border-bottom: 1px solid #2A3030;
}*/    

/*ul.sidebar_list div.app-icons div.app-icon img.app-icon-loaded {
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
}*/

/*.sidebar_join .sidebar_item {
  margin: 0px;
}  

.purchase_workflow .sidebar_join p { 
  white-space: normal;
  color: #DBE1E2;  
  font-size: 12px;
  font-size: .75rem;
}      

.sidebar_join .sidebar_item a {
	font-weight: 400;
} 

.sidebar_join .sidebar_join_adobe {
  color: #82AED3;
}     

.sidebar_join .sidebar_join_desc {
  margin: 5px 15px 15px 15px;  
  font-size: 12px;
  font-size: .75rem;
}  

.sidebar_join .sidebar_join_learn {
  font-weight: 400;   
  font-size: 14px;
  font-size: .875rem;
}
*/           

/*****************************************/
/* sidebar Get Started */ 

.sidebar_getstarted {
  
} 

.sidebar_getstarted .video_box {  
  position: relative;
  margin: 8px 5px 8px 0px;
  height: 140px;
  width: 250px;
  background-color: #303233;
  border: 1px solid #292C2D;
  -webkit-transition: 0.2s ease-in-out all;
  -moz-transition: 0.2s ease-in-out all;
  -ms-transition: 0.2s ease-in-out all;
  -o-transition: 0.2s ease-in-out all;
  transition: 0.2s ease-in-out all;
  text-align: center;
} 

.sidebar_getstarted .video_box:hover {   

}  
   
.sidebar_getstarted .video_box span {
  position: absolute; 
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;  
  -webkit-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -ms-transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}

.sidebar_getstarted .video_box span.cc_button {
  position: absolute;  
  top: 46px;
  left: 101px;
  background-color: #333;
  width: 48px;
  height: 48px;
  z-index: 9;
  border-radius: 24px; 
  -webkit-border-radius: 24px;    
  -moz-border-radius: 24px;  
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter:alpha(opacity=90);
}       

.sidebar_getstarted .video_box:hover span.cc_button {  
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
}

.sidebar_getstarted .video_box span.video_button {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
  background-image: url('/resource/img/getstarted_poster.png'); 
  -webkit-background-size: 250px;
  -moz-background-size: 250px;
  -ms-background-size: 250px;
  background-size: 100%;  
}           
  
.sidebar_getstarted .video_box:hover span.video_button {     
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter:alpha(opacity=80);   
}

.sidebar_getstarted .video_box span.play_button { 
  position: absolute;
  top: 55px;
  left: 110px;
  background-repeat: no-repeat;
  background-position: -32px -241px; 
  width: 30px;
  height: 30px;     
  z-index: 10;
}

.sidebar_getstarted .video_box:hover span.cc_button {   

}     

.sidebar_getstarted .video_link {
  display: inline-block;
}     
  
/*****************************************/
/* sidebar HELP*/

.help_section {  
  color: #999;   
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;  
}

/*****************************************/
/* sidebar TAGS */ 
/* form */
form.tag_form {
}
form.tag_form .tag_text {     
border: 0;
padding: 0 0 0 2px;
height: 22px;
float: left;
line-height: 2;
-webkit-border-radius: 0;
}
form.tag_form .tag_submit {
background: red;
border: 0;
padding: 0;
height: 22px;
float: left;
color: #DBE1E2; 
-webkit-tap-highlight-color:rgba(0,0,0,0.4);  
font-size: 12px;
overflow: hidden;
padding: 0 5px;
background: #7F7F7F;    
cursor: pointer;
-webkit-transition: 0.2s ease-in-out all;
-moz-transition: 0.2s ease-in-out all;
-ms-transition: 0.2s ease-in-out all;
-o-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
margin: 0 5px 5px 0px;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { border: 0; }

form.tag_form .tag_submit:hover {
background: #5d5d5d;
}

/* tags */
p.no_tag.hide { display: none; }
ul.tag_list {
margin-top: -8px;
margin-bottom: 8px;
}
ul.tag_list .tag_list_item {
  margin-left: -8px;
  padding: 8px 35px 8px 8px;
  position: relative;
  line-height: 1.4;
  -webkit-transition: 0.3s ease-in-out background;
  -moz-transition: 0.3s ease-in-out background;
  -ms-transition: 0.3s ease-in-out background;
  -o-transition: 0.3s ease-in-out background;
  transition: 0.3s ease-in-out background;      
}
ul.tag_list .tag_list_item:hover {
  background-color: #313636; 
}

ul.tag_list li button.delete {
  border: none;
  background: none;
  width: 35px;
  cursor: pointer;
  color: #efefef;
  font-size: 14px;
  color: rgba(255,255,255,.5);
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out opacity;
  -moz-transition: 0.3s ease-in-out opacity;
  -ms-transition: 0.3s ease-in-out opacity;
  -o-transition: 0.3s ease-in-out opacity;
  transition: 0.3s ease-in-out opacity; 
  position: absolute;
  top: 3px;
  right: -2px;
  height: 32px;
}     

ul.tag_list li button.delete:hover {
  color: rgba(255,255,255,.9);
} 
ul.tag_list li:hover button.delete {
  opacity: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){
  ul.sidebar_list .sidebar_item {
    background-image: url('/resource/img/bg-list-item-divider-2x.png');
    background-size: 1px;
    }
    
  ul.sidebar_list .sidebar_item dd,
  ul.sidebar_list .sidebar_item li {
    background-image: url('/resource/img/bg-list-style-square-2x.png');
    background-size: 4px;
  } 
  
  .sidebar_getstarted .video_box span.video_button { 
    background-image: url('/resource/img/getstarted_poster_2x.png');
    background-size: 250px 140px;   
  }   
}