/* color scheme 3 */

body {
	color: #f8f8f2;
	background-color: #272822;
	background-image: url('../img/motive-colorscheme-03.jpg');
}

table {
	border-color: #8f907a;
}

td, th {
	border-color: #8f907a;
}

th {
	color: #171814;
	background-color: #8f907a;
} 

h1, h2, h3 {
	color: #b1b398;
}

#header-inner h4 {
	border-left: 10px solid #8f907a;
	padding-left: 10px;
}

.e-learning-list.square li .ofs {
	border-left-color: #8f907a;
}

cite {
	color: #8f907a;
}	

#switch-palette {
	color: #171814;
	background-color: #8f907a;
}

blockquote {
	border-left-color: #8f907a;
}

.playlist li {
	border-color: #8f907a;
	text-shadow: 0 -1px 0 rgba(0,0,0,.90);
}

.playlist li.selected, .playlist li.selected:hover {
	background-color: #8f907a;
	color: #000000;
	text-shadow: 0 1px 0 rgba(255,255,255,.3);
}

.playlist li:hover {
	background-color: #373830;
}

.playlist li.selected:after, .playlist li.selected:hover:after {
	background-image: url("../img/ico-toggle-plus-positive.png"); 
} 

.playlist li:hover:after {
	background-image: url("../img/ico-toggle-plus-negative.png"); 
} 

ul.breadcrumbs li {
	background-image: url('../img/ico-arrow-negative.png');
	text-shadow: 0 -2px 0 rgba(0,0,0,.90);
}

ul.breadcrumbs li.portal a, ul.breadcrumbs li.portal span {
	background-image: url('../img/ico-portal-negative.png');
}

ul.breadcrumbs li.home a {
	background-image: url('../img/ico-home-negative.png');
}

a  {
	color: #f8f8f2;
}

a:hover {
	color: #ffffff;
}

a.external {
	background-image: url('../img/ico-external-negative.png');
}

.collapsed-listing > li {
	background-color: #373830;
}

.collapsed-item-content {
	background-color: #272822;
}

.collapsed-listing-control {
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

.highlightspan {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNpi/P//PwMUqAOxMRCrAfEtIN4MxJ+ZoJIOQBwJxM+AuBcq5gsiGIEmNEAFlgPxTSibF2qaA0CAAQD57w3YqRSHZwAAAABJRU5ErkJggg==");	
}

#wrapper-outer  {
	background: url('../img/wrapper-inner-colorscheme-3-bck.png') 50% 0 no-repeat transparent;
}

#sidebar-outer  {
	background: url('../img/sidebar-colorscheme-3-bck.png') right bottom no-repeat transparent;
}

.form-questionaire fieldset, .form-questionaire .test-inline-answer {
	border-color: #8f907a;
}

.form-questionaire legend {
	color: #f8f8f2;
}

#sidebar  {
	border-top-color: #8f907a;
	border-right-color: #8f907a;
}

#sidebar ul li {
	background-image: url("../img/sidebar-arrow-level-0-negative.png");
}

#sidebar ul li.ico-test {
	background-image: url("../img/ico-test-negative.png");
}

#sidebar ul li.ico-literature {
	background-image: url("../img/ico-literature-negative.png");
}

#sidebar ul li.ico-glossary {
	background-image: url("../img/ico-glossary-negative.png");
}

#sidebar ul li.ico-authors {
	background-image: url("../img/ico-authors-negative.png");
}

#sidebar ul li.ico-equipment {
	background-image: url("../img/ico-equipment-negative.png");
}


#sidebar ul li.ico-is-auth {
	background-image: url("../img/ico-is-auth-negative.png");
}

#sidebar ul li.ico-is-forum {
	background-image: url("../img/ico-is-forum-negative.png");
}

#sidebar ul li.ico-is-credit-test {
	background-image: url("../img/ico-is-credit-test-negative.png");
}

#sidebar ul li.ico-is-survey {
	background-image: url("../img/ico-is-survey-negative.png");
}

#sidebar ul li.ico-facebook {
	background-image: url("../img/ico-facebook-negative.png");
}

#sidebar ul li.ico-pdf {
	background-image: url("../img/ico-pdf-negative.png");
}

#sidebar ul li ul li {
	background-image: url("../img/sidebar-arrow-level-1-negative.png");
}

#sidebar ul li ul li ul li {
	background-image: url("../img/sidebar-arrow-level-1-negative.png");
}

.sidebar-section-delimiter {
	border-top-color: #8f907a;
}

.input-text-01 {
	border: 1px solid #222222;
	background: url('../img/ico-search-negative.png') 15px center no-repeat #7d7b72;
	background-color: rgba(255,247,235,.4);
}

.input-text-01:hover, .input-text-01:focus {	
    -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,.2), 0 0 20px rgba(255,255,255,.35);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,.2), 0 0 20px rgba(255,255,255,.35);
    box-shadow: inset 0px 1px 3px rgba(0,0,0,.2), 0 0 20px rgba(255,255,255,.35);
}


.button-01, .button-01:visited, .button-01:active {
	border: 1px solid #222222;
	color: #fff;
	text-shadow: 0 -1px 1px #000;
	background: #333333;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
	background-image: -webkit-linear-gradient(#555,#333); 
	background-image: -moz-linear-gradient(#555,#333 ); 
	background-image: -ms-linear-gradient(#555,#333); 
	background-image: -o-linear-gradient(#555,#333); 
	background-image: linear-gradient(#555,#333);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.3);

}

.button-01:hover {
	border: 1px solid #000;
	color: #fff;
	background: #444444;
	text-shadow: 0 -1px 1px #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); 
	background-image: -webkit-linear-gradient(#666,#444); 
	background-image: -moz-linear-gradient(#666,#444); 
	background-image: -ms-linear-gradient(#666,#444); 
	background-image: -o-linear-gradient(#666,#444); 
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.3);
}

.article-image-01-outer, .article-image-02-outer {
 	color: #8f907a; 
}
 
.article-image-01-inner, .article-image-02-inner {
	border-color: #8f907a;
}

.box-teacher {
	color: #5f7365;
}

.teacher-info {
	background-image: url('../img/box-teacher-info-colorscheme-3-bck.png');
}

.teacher-alert {
	background-image: url('../img/box-teacher-alert-colorscheme-3-bck.png');
}

.teacher-question {
	background-image: url('../img/box-teacher-question-colorscheme-3-bck.png');
}	

.legend-switch {
	background-image: url("../img/ico-toggle-plus-negative.png");
}

.button-icon-plus {
	background-image: url("../img/ico-toggle-plus-negative.png");
}

.button-icon-minus {
	background-image: url("../img/ico-toggle-minus-negative.png");
}

span.light, p.source {
	color: #8f907a; 
}

#footer-outer {
	background-image: url("../img/footer-outer-colorscheme-3-bck.png");
}

.button, .button:visited, .button:active {
	border: 1px solid #222222;
	color: #fff;
	text-shadow: 0 -1px 1px #000;
	background: #333333;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
	background-image: -webkit-linear-gradient(#555,#333); 
	background-image: -moz-linear-gradient(#555,#333 ); 
	background-image: -ms-linear-gradient(#555,#333); 
	background-image: -o-linear-gradient(#555,#333); 
	background-image: linear-gradient(#555,#333);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3),0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3),0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.3),0px 1px 4px rgba(0,0,0,0.3);
}

.button:hover {
	border: 1px solid #000;
	color: #fff;
	background: #444444;
	text-shadow: 0 -1px 1px #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); 
	background-image: -webkit-linear-gradient(#666,#444); 
	background-image: -moz-linear-gradient(#666,#444); 
	background-image: -ms-linear-gradient(#666,#444); 
	background-image: -o-linear-gradient(#666,#444); 
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3), 0px 0px 8px rgba(100,100,100,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3), 0px 0px 8px rgba(100,100,100,0.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.3), 0px 0px 8px rgba(100,100,100,0.3);
}

#progress-indicator-outer {
	background-color: #8f907a;
}

#progress-indicator-inner {
	background-color: #272822;
	color: #ffffff;
	text-shadow: 0px -1px 0px #272822;	
}

#dynamic-to-top {
    background: url('../img/ico-to-top-negative.png');
}


/* glossary */

.ln-letters {
	border-color: #8f907a;
}

.ln-letters a {
	color: #f8f8f2;
	border-color: #8f907a;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

.ln-letters a:hover, .ln-letters a.ln-selected { 
	background-color: #8f907a; 
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

.ln-letter-count {
	color: #8f907a;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

/* table lists */

table tr td ul li {
	background-image: url('../img/table-list-arrow-colorscheme-3-bck.png');
}


/* portal */

#portal #wrapper-outer h4, .e-learning-list li h4 {
	color: #f1e9da;
}

#portal #wrapper-outer h4 a {
	color: #f1e9da;
}

.e-learning-list.square li  {
	background-color: #68665f;
	background-color: rgba(104,102,95,.75);
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	border-color: #222222;
}

.ico-attr-text {
	background: url('../img/ico-attr-text-negative.png') left 0.35em no-repeat transparent;
}

.ico-attr-image {
	background: url('../img/ico-attr-image-negative.png') left 0.35em no-repeat transparent;
}

.ico-attr-movie {
	background: url('../img/ico-attr-movie-negative.png') left 0.35em no-repeat transparent;
}

.ico-attr-test {
	background: url('../img/ico-attr-test-negative.png') left 0.35em no-repeat transparent;
}

.ico-attr-glossary {
	background: url('../img/ico-attr-glossary-negative.png') left 0.35em no-repeat transparent;
}

.ico-attr-download {
	background: url('../img/ico-attr-download-negative.png') left 0.35em no-repeat transparent;
}

.popup-youtube, .link-youtube  {
	background-image: url('../img/ico-youtube-negative.png');
}

.e-learning-list.square  {
	margin-left: 0;
	margin-right: 0;
}

/* pager */

#pager-container-outer {
	background-image: url("../img/pager-container-outer-colorscheme-3-bck.png");
}

#pager-container-inner {
	background-image: url("../img/pager-container-inner-colorscheme-3-bck.png");
	color: #f8f8f2;
}

#pager-container-inner strong {
	color: #f8f8f2;
}

#pager-container-inner a {
	color: #171814;
	border-color: #8f907a;
	background-color: #8f907a;
	text-shadow: 0 1px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,.3);
	-webkit-box-shadow: inset 0px -1px 0px rgba(255,255,255,.3);
	box-shadow: inset 0px -1px 0px rgba(255,255,255,.3);
}

#pager-container-inner a:hover {
	color: #f8f8f2;
	border-color: #373830;
	background-color: #373830;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* tabs */

.tabs-container-outer {
	background-image: url("../img/tabs-container-outer-colorscheme-3-bck.png");
}

.tabs-container-inner {
	background-image: url("../img/tabs-container-inner-colorscheme-3-bck.png");
}

.tabs-container-inner ul li {
	border-bottom-color: #8f907a;
	text-shadow: 0px -1px 0px #000000;
}

.tabs-container-inner ul li a {
	color: #f1e9da;
	text-decoration: none;
}


.tabs-container-inner ul li.active {
	border-color: #8f907a;
	border-bottom: 1px solid transparent;
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3), 0px 0px 8px rgba(100,100,100,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.3), 0px 0px 8px rgba(100,100,100,0.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.3), 0px 0px 8px rgba(100,100,100,0.3);
}

.tabs-container-inner ul li:after {
	background-color: #8f907a;
} 

/* carusel */

.flex-direction-nav a {
	background-image: url("../img/flexslider-navigation-colorscheme-3-bck.png");
}

.flex-direction-nav a:hover {
	background-image: url("../img/flexslider-navigation-colorscheme-3-bck-hover.png");
}

#portal #wrapper-outer .flexslider h4 {
	color: #ffffff;
}

#portal #wrapper-outer .flexslider h4 a {
	color: #ffffff;
}

#portal #wrapper-outer .flexslider h5 {
	color: #8f907a;
}

.perex cite {
	color: #f1e9da;
}

/* footnotes */

#footnotes:before {
	background-color: #8f907a;
} 

a.ptr {
	color: #171814;
	border-color: #8f907a;
	background-color: #8f907a;
	text-shadow: 0 1px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,.3);
	-webkit-box-shadow: inset 0px -1px 0px rgba(255,255,255,.3);
	box-shadow: inset 0px -1px 0px rgba(255,255,255,.3);
}
	
.foot-tooltip {
 	background-color: #373830;
}


/* related writings */

.box-related-inner ul li {
	background-image: url("../img/ico-related-negative.png");
}

.box-related-inner ul li.active {
	background-image: url("../img/sidebar-arrow-level-0-negative.png");
}

@media screen and (min-width: 1600px) {

		.box-related-top-decoration {
			background-image: url('../img/related-top-colorscheme-3-bck.png');
		}

		.box-related-outer {
			background-image: url('../img/related-bottom-colorscheme-3-bck.png');
		}

		.box-related-inner {
			border-left-color: #8f907a;
		}	
}