/*This is written to fix some design problems with edX*/
.annotatable-wrapper .annotatable-header .annotatable-title{
    padding-top: 20px !important;
}

.annotator-wrapper .annotator-adder button {
        opacity:0;
}
.annotator-editor a, .annotator-filter .annotator-filter-property label{
        line-height: 24px !important;
        color: #363636 !important;
        font-size: 12px!important;
        font-weight: bold !important;
        text-shadow: none !important;
}
.annotator-outer ul {
        list-style: none !important;
        padding-left: 0em !important;
}
.annotator-outer li {
        margin-bottom: 0em!important;
}
.vjs-rangeslider-holder span.vjs-time-text{
        line-height: 1!important;
        float: left;
}
span.annotator-hl{
	font:inherit;
}
.vjs-has-started .vjs-loading-spinner {
	display: none!important;
}
/*Catch*/
#mainCatch *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*PublicPrivate Notes in My notes */
.notes-wrapper .PublicPrivate.separator,
.notes-wrapper .PublicPrivate.myNotes{
	position:relative;
	float:left;
}
.notes-wrapper .PublicPrivate.active *{
	color:black;
}

/* My notes buttons */
.notes-wrapper .buttonCatch{
	 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #a6a3a3));
    background:-moz-linear-gradient(top, #ffffff 5%, #a6a3a3 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #a6a3a3 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #a6a3a3 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #a6a3a3 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #a6a3a3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a6a3a3',GradientType=0);
    
    background-color:#ffffff;
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    
    border:1px solid #c2c2c2;
    
    display:inline-block;
    color:#302f2f;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    
    text-shadow:0px 1px 0px #ffffff;
    margin: 0px 5px 10px 5px;
    cursor:pointer;
}
.notes-wrapper .buttonCatch.active{
    color:red;
}
.notes-wrapper .buttonCatch:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a6a3a3), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #a6a3a3 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #a6a3a3 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #a6a3a3 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #a6a3a3 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #a6a3a3 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a3a3', endColorstr='#ffffff',GradientType=0);
    
    background-color:#a6a3a3;
}
.notes-wrapper .buttonCatch:active {
    position:relative;
    top:1px;
}

.annotatable-content #sourceCitation {
	color:#CCC;
	font-style:italic;
	font-size:12px;
}