a { color: #0171BC; }

.sourcepreview > .container { padding-top: 10px; }
@media screen and (max-width: 768px) {
	.sourcepreview > .container { padding: 0; }
}

.RTL { 
  direction: rtl; 
  unicode-bidi: embed;
}
.sourcepreview {
	background-color: #dadada;
}
.sourcepreview h3 {
	font-size: 17px;
	font-weight: 400;
}
.sourcepreview h2.slide-title {
	font-size: 20px;
	font-weight: bold;
	margin-top: 8px;
	padding: 0;
}
.advanceslide h2.slide-title {
	color: #585858; 
}
.sourcepreview blockquote { font-size: 14px; }
.sourcepreview .demo .box .view {
	padding-top: 0;
}

.sourcepreview ul ,.sourcepreview ol {
	margin-left: 25px;
/*	text-indent: -15px;*/
}

.sourcepreview .nav-tabs {
	margin-left: 0;
	text-indent: 0;
}

.sourcepreview .border-frame, .img-thumbnail { border: none; }

.sourcepreview .demo .box {	padding: 5px; }

.devpreview .demo .column { 
	padding-top: 0;
	padding-bottom: 0;
}

.sourcepreview .img-thumbnail { padding: 0; }

.sourcepreview .panel-primary .panel-heading {
	border: none;
	color: #ffffff;
	font-size: 14px;
}
.advanceslide .panel-primary .panel-heading {
	background-color: #585858;
}

.sourcepreview .demoarea {
	padding: 15px;
	background-color: #ffffff;
	box-shadow: 3px 3px 4px #b6b6b6;
	-moz-box-shadow: 3px 3px 4px #b6b6b6;
	-webkit-box-shadow: 3px 3px 4px #b6b6b6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6');
	height: 100%;
	overflow: auto;
	}
/*
@media screen and (max-width: 1024px) {
	.sourcepreview .demoarea {
		height: 100%;
		overflow: auto;
	}
}
*/
/*@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.sourcepreview .demoarea { margin-bottom: 0; }
}*/

.sourcepreview .mejs-video {
	max-width: 100%;
}

.carousel-control > span.fa {
	margin-top: 60%;
}

.sourcepreview .element-expand-button {
	width: 20px;
  height: 20px;
  position: absolute;
  bottom: 9px;
  right: 7px;
  z-index: 200;
  background: #585858 url(../images/controls-bc2.png) -29px 2px no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

.modal-dialog {	margin-bottom: 60px; }

.modal-header .bootstrap-dialog-close-button .close {
  margin-top: -20px;
}

.modal-body .element-expand-button { display: none; }

.sourcepreview .tab-container.tab-top > .nav-tabs > li.active > a {
	border-top: 2px solid #585858;
}
.sourcepreview .tab-container.tab-left > .nav-tabs > li.active > a, 
.sourcepreview .tab-container.tab-right > .nav-tabs > li.active > a {
	border-left: 2px solid #585858;
}

.sourcepreview .border-frame, .img-thumbnail {
	padding: 8px;
}

.advanceslide .btn-link {
	background-color: #585858;
	color: #ffffff;
	box-shadow: 1px 2px 2px #ABABAB !important;
}

.edit .sidebar-nav {
	position: relative;
}
.edit .navbar-fixed-top, .devpreview .navbar-fixed-top {
	position: static;
}

/*fix ie6 video controller position*/
.sourcepreview .mejs-video .mejs-inner {
	height: 100%;
}

/*ie10 fix video controller*/
#pageiframetab_0_3 .sourcepreview .mejs-container .mejs-inner { height: 100%; }

/*fix ipad3 help page tab scroll problem*/
.tab-container.tab-left .tab-content, 
.tab-container.tab-right .tab-content { 
	overflow: hidden; 
}


/*model*/
@media (min-width: 1000px) {
	.advanceslide .modal-dialog {
		width: 1000px;
		margin: 30px auto;
	}
}
.advanceslide .modal-header { border-bottom: none; }
.advanceslide .modal-body .img-thumbnail { background-color: transparent; }
.advanceslide .modal-backdrop {
	bottom: 0;
	position: fixed;
}

.sourcepreview .teaching-tips,
.sourcepreview .reflection,
.sourcepreview .element-simple-text { padding: 15px 8px 15px 40px; }
.sourcepreview .element-simple-text p { margin: 0; }
.sourcepreview .reflection { background-color: #e9e9e9; }
.sourcepreview .notes { border: 1px solid #e9e9e9; }

.sourcepreview .teaching-tips:before {
	content: '\f046';
	font-family: 'fontawesome';
	position: absolute;
	font-size: 26px;
	margin-left: -34px;
	margin-top: -15px;
}
.sourcepreview .reflection:before {
	content: '\f0eb';
	font-family: 'fontawesome';
	position: absolute;
	font-size: 30px;
	margin-left: -30px;
	margin-top: -15px;
}
.sourcepreview .notes:before {
	content: '\f044';
	font-family: 'fontawesome';
	position: absolute;
	font-size: 26px;
	margin-left: -34px;
	margin-top: -13px;
}

.mejs-mediaelement video {
  height: auto !important;
}

.accordion-item0 { position: relative; }

.accordion-title0:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	content: "\e080";
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 15px;
	top: 10px;
	color: #ffffff;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	transition: all 250ms;
}

.accordion-title0.collapsed:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: none;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: auto;
	padding: 1px 0 0 15px;
}

div.element-iframe-exercise
{
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

div.element-iframe-exercise > iframe
{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.element-video > div.accordion-group0
{
	padding-top: 10px;
}

tr ul,
tr ol
{
	margin-left: 0 !important;
	padding-left: 15px;
}
