@charset "UTF-8";
/* CSS FlipIt Screen */

/***** NAVIGATION *****/

/* Black top bar */

.top-bar {
    background-color: #434343;
    height: 25px;
}

.user-name {
    border-left: 0px solid #FFF;
    color: #FAD38E;
    float: left;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap;
}

.date-time-display {
    float: left;
    margin-left: 24px;
    padding-top: 6px;
    color: #FFF;
    font-size: 12px;
}

.time {
    border-left: 1px solid #FFF;
    padding-left: 13px;
    margin-left: 13px;
}

.header-menu {
    float: right;
    margin-right: 40px;
    padding-top: 4px;
    font-size: 12px;
}
.header-menu ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-menu li {
    float: left;
}
.header-menu li a {
    border-left: 1px solid #fff;
    padding: 0 13px;
    text-decoration: none;
}
.header-menu li a:link, .header-menu li a:visited {
    color: #fff;
    text-decoration: none;
}
.header-menu li a:hover {
    text-decoration: none;
}

/* Logo bar */

.logo-bar{
    background-color: #FFF;
    height: 62px;
    overflow: hidden;
    margin-top: 0px;
}


.logo-bracket {
    float: right;
    width: 14px;
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    background-position: -68px 0px;
    height: 62px;
    margin: 0px 0px 0px 26px;
}


.course-name {
  float: left;
font-size: 22px;
font-weight: bold;
margin-top:7px;
}


.course-school {
    font-size: 13px;
    float: left;
    clear: left;
    padding-left: 0px;
}


.course-info {
    color: #555;
    padding: 0px;
    margin: 4px 0px 0px 0px;
    float: left;
	line-height: 1.1;
}


.arrow-box {
	position: relative;
	background: #fff;
	margin-top:12px;
	padding-left:20px;
	max-width:210px;
}

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

.arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 34px;
	margin-top: -34px;
}
.arrow-box:before {
	border-color: rgba(221, 221, 221, 0);
	border-left-color: #ddd;
	border-width: 35px;
	margin-top: -35px;
	margin-left:1px;
}


/* Gray main bar */


.main-nav {
    background-color: #F0F0F0;
    border: 0px solid #CCC;
	height: 40px;
	margin-left: 2px;
}


.main-menu-item {
    float: left;
    font-family: "Myriad Pro","Trebuchet MS";
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    margin-left: -2px;
}

.main-menu-item a {
    color: #777;
    text-decoration: none;
    float: left;
    padding: 11px 16px 2px;
    border-left: 0px solid #FFF;
    height: 26px;
}

.dropdown-menu {
	background-color:#F4F4F4;
	padding:0px 10px 10px 10px;
}

.dropdown-toggle {
	font-weight:bold;
	font-size:14px;
	font-family: "Myriad Pro","Trebuchet MS";
}

.main-menu-list p {
    font-size: 11px;
    font-style: italic;
    color: #555;
	font-weight:bold;
	margin:15px 10px 0px 5px;

}

.main-menu-list li {
	color:#999;
	font-size:11px;
	line-height:1.4em;
	margin:0px 10px;
}


.dropdown-menu > li > a {
	color:#0074C6;
	font-size:11px;
	line-height:1.4em;
	margin:0;
	padding-left:0;
}


.mm-icon {
    width: 20px;
    height: 20px;
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    margin-top: -2px;
}

.home-icon {
    background-position: 0px top;
}

.calendar-icon {
    background-position: -22px top;
}

.gradebook-icon {
    background-position: -44px top;
}

.reference-icon {
    background-position: -144px top;
}

#current-unit {
	color:#0074CA;
	margin-bottom:5px;
	text-align:right;
}


/***** BODY *****/

/* Accordion Menu */

.section-title, .section-title1 {
    font-size: 16px;
    color: #555;
    text-shadow: 0px 1px 0px #FFF;
	text-decoration:none;
}

.panel-group .panel-heading .section-title:before {
    content: "+";
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.panel-group .panel-heading .section-title1 a.collapsed:before {
content: "-";
	}

.panel-group .panel-heading .section-title1 a:before  {
  content: '+';
  display: inline-block;
    float: left;
    margin-right: 5px;
	margin-top:5px;
}

.panel-group .panel-heading .section-title1 a.pulse-button:before {
	display:none;
}

/* Right Panel */

.panel-primary p{
	font-size:11px;
	margin:0px;
}

.panel-primary p.normal{
	font-size:12px;
}

.panel-primary h5 {
	font-size:12px;
	color:#000;
	margin:5px 0px;
}

.hairline-row {
    border-bottom: 1px solid #DDD;
    box-shadow: 0px 1px 0px #FFF;
    overflow: hidden;
    margin: 10px 0px;
}

.topic {
	color:#0074C6;
}

.panel-primary .col-md-9 {
	padding-left:0px;
}

.gray-bar {
	background:#999;
	padding:5px;
}

/* Prelecture */

.unit-items {
margin-top:-15px;
margin-bottom:20px;
}

.unit-items span {
	color:#0074C6;
}
.canvas-title {
    font-size: 20px;
    margin: 0px 10px 5px 0px;
    font-family: trebuchet MS;
    font-style: italic;
    text-transform: capitalize;
}

.title-bar-footer {
    background-color: #444;
    border-top: 0px solid #FFF;
    height: 29px;
    padding: 6px;
	color:#fff;
	margin:10px 0px;
}

.date {
	color:#A5D6FC;
}

.video-thumb {
    padding: 4px;
    background-color: #FFF;
    border: 1px solid #AAA;
    float: left;
    margin-right: 5px;
    overflow: hidden;
	display:block;
}

.list-slide-section {
	font-size:10px;
	color:black;
	text-transform:capitalize;
}

.list-slide-title {
	color:#2D6F9E;
	margin-top:0px;
	font-weight:bold;
	font-size:14px;
}

.list-slide-title-gray{
	color:#666;
	margin-top:0px;
	font-weight:bold;
	font-size:14px;
}

/* Video */

.video-player {
    border: 1px solid #888;
    float: left;
    padding: 2px;
    width: 100%;
    margin-bottom: 0px;
    margin-left: 2px;
    overflow: auto;
}

.video-title-box {
	color:black;
	font-size:14px;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: #555 #888 #888;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background-color: #F2F2F2;
    clear: both;
    font-family: Arial;
    overflow: auto;
}


/* Bridge */

.problem-title {
    color: #000;
    font-weight: bold;
    background-color: #DDD;
    border-color: #2F6698;
    border-style: solid solid none;
    border-width: 1px 1px 0px;
    float: left;
    font-family: Calibri,Arial;
    font-size: 16px;
    margin-bottom: 0px;
    padding: 2px 5px;
    margin-right: 10px;
	margin-top:20px;
}

.problem-btn-rule {
	border-top:solid 1px #2F6698;
	margin-bottom:5px;
}

.download-icon {
    background-image: url("../images/icons.png");
    background-position: -33px -59px;
    opacity: 0.8;
}

.graph-icon {
    background-image: url("../images/icons.png");
    background-position: -101px -60px;
    opacity: 0.8;
}

.reset-icon {
    background-image: url("../images/icons.png");
    background-position: -101px -31px;
    opacity: 0.8;
}

.delete-icon {
    background-image: url("../images/icons.png");
    background-position: -21px -23px;
    opacity: 0.75;
}

.edit-icon {
    background-image: url("../images/icons.png");
    background-position: 0px -23px;
    opacity: 0.7;
}

.web-icon {
    width: 20px;
    height: 20px;
    margin: 20px 5px 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    display: inline-block;
}

.question-one {
	margin-top:20px;
}

.question-two {
	margin-top:0px;
}

.question-one, .question-two, .question-answer-box  {
	color: #000000;
	font-size:13px;
	padding-top:10px;
}

.question-answer-box p {
	margin:0px;
}

.delayed-icon {
    background-image: url("../images/icons.png");
    background-position: -90px 0px;
    background-repeat: no-repeat;
    width: 22px;
    height: 26px;
    float: left;
    margin: 5px 5px 5px -27px;
}

.question-textarea {
	height:80px;
	margin-bottom:10px;
}

.survey {
    color: #BB7301;
    font-size: 11px;
	margin-bottom:0px;
}

.problem-tab {
    padding-bottom: 0px;
    background-color: #F5F5F5;
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: #9E9E9E #9E9E9E -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    margin-top: 0px;
    margin-right: -1px;
    text-shadow: 0px 0px 0px #FFF;
    text-decoration: none;
    padding: 5px;
    color: black;
    font-size: 14px;
    border-left: 0px solid #888;
    border-top: 1px solid transparent;
    border-radius: 5px 5px 0px 0px;
	display:inline-block;
}

.rc-print {
    border-bottom: 1px solid #DDD;
    box-shadow: 0px 1px 0px #FFF;
    padding: 5px 0px;
    margin: 0px 0px 10px 0px ;
    overflow: auto;
	color:#0074C6;
}


.rc-print p {
	font-size:14px;
}

.printer-icon {
    background-image: url("../images/icons.png");
    background-position: -114px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 18px;
    float: left;
    margin-right: 5px;
}

.response-box {
    background-color: #F0F0F0;
    border: 1px solid #B7B7B7;
    margin-top: 10px;
    border-radius: 5px;
}

.response-content {
    border-top: 1px solid #FFF;
    font-size: 12px;
    overflow: visible;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
}

.response-content h4 {
	font-size:12px;
	font-weight:bold;
	display:inline;
}

.rs-answer-box {
    background-color: #FFF;
    border: 1px solid #AAA;
    margin: -4px 0px 0px 5px;
    padding: 3px 5px;
    border-radius: 5px;
display:inline-block;
    overflow: auto;
	vertical-align:middle;
}

.rs-answer {
	margin-right:5px;
}

.rs-answer, .rs-correct-submission {
	display:inline-block;
}

.rs-correct-submission {
    background-position: 5px -46px;
}

.rs-wrong-submission {
    background-position: -32px -45px;
}

.rs-empty-submission {
	display:none;
	width:20px;
}

.rs-wrong-submission, .rs-correct-submission, .rs-empty submission {
    background-repeat: no-repeat;
    border-left: 1px dotted #808080;
    float: right;
    height: 12px;
    margin: 3px 0px 0px 2px;
    width: 20px;
    background-image: url("../images/icons.png");
}

.rs-feedback {
	margin-top:10px;
}


/* Problems */

.threshold-display {
    font-size: 12px;
    padding: 0px 0px 4px;
    color: #A26002;
}

.sub-dash {
    border-width: 0px 0px 1px 1px;
    border-style: none none dotted dotted;
    border-color: -moz-use-text-color -moz-use-text-color #BB8901 #BB8901;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 5px;
    height: 28px;
    margin: 10px 10px 0px 10px;
    float: left;
}


/* Resources */

ul.ir-list li{
	font-size:14px;
	line-height:1.8;
}