@charset "utf-8";
/* CSS Document */

#SendCommunicationsModal .modal-body .btn {
	line-height: 105%;
}

#sendBetaInvite, #sendBetaInviteB {
    background-color: #D9A300;
}

#sendLiveInvite, #sendLiveInviteB {
    background-color: #336600;
}

#sendBetaEval, #sendBetaEvalB {
    background-color: #D9A300;
}

#sendLiveEval, #sendLiveEvalB {
    background-color: #336600;
}

#sendBetaReminder1, #sendBetaReminder1B {
    background-color: #D9A300;
}

#sendLiveReminder1, #sendLiveReminder1B {
    background-color: #336600;
}

#sendBetaReminder2, #sendBetaReminder2B {
    background-color: #D9A300;
}

#sendLiveReminder2, #sendLiveReminder2B {
    background-color: #336600;
}

#sendBetaInviteModalBody, #sendLiveInviteModalBody, #sendBetaEvalModalBody, #sendLiveEvalModalBody, #sendBetaReminder1ModalBody, #sendLiveReminder1ModalBody, #sendBetaReminder2ModalBody, #sendLiveReminder2ModalBody {
	display:none;
}

.firstLast {
	cursor: pointer;
}

#collbCenter {
    width: 90%;
    margin: 0 auto;
}

#collbCenter2 {
    width: 95%;
    margin: 0 auto;
}

.nStart {
    color: #CCC;
}

.yStart {
    color: #336600;
	font-weight: bold;
}

.incomplete {
    color: #CCC;
}

.complete {
    color: #336600;
	font-weight: bold;
}

td .btn-primary {
    background-color: #336600;
	font-size: 1em;
}


.table {
    border-collapse: collapse;
    margin: 0;
    font-size: 0.8em;
}

.table thead tr {
    background-color: #D9B8B9;
    color: #ffffff;
    text-align: left;
	font-size: 1em;
}

.table th,
.table td {
    padding: 6px;
}

.table tbody tr:nth-of-type(even) {
    background-color: #F5EDED;
}

.table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}
	
.fa-check-circle {
    color: #94A323;
}
	
.fa-clock-o {
    color: #B9D103;
}

#headBar {
	border-bottom: 2px solid #801518;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.navbarDivR img {
	max-width: 6%;
	float: right;
	margin-left: 10px;
	position: relative;
	top: -8px;
}

.queryHead h2 {
	font-size: 1.25em;	
}

#collbCenter h2 {
	border-bottom: 2px solid #801518;
	padding-bottom: 5px;
	font-size: 19px;
}

h2 a {
	text-decoration: underline;
}

h2 .with {
	font-weight: normal!important;
}

.bg-light {
    background-color: #EFF7EB;	
}

.engageBox .btn {
	font-size: .9em;
	line-height: 120%;
}

.MeetingDtop {
	font-size: .75em;
}

.MeetingDtop label {
	width: 100%;
}

#meetInfo .MeetingDbottom h2 {
	font-size: 1.25em;	
}

.modalLabel {
	border-bottom: 2px solid #55B045;
	display: block;
	width: 100%;
}

.modal-title {
	display: block;
	width: 100%;
	border-bottom: 2px solid #801518;
	color: #801518;
	margin-bottom: 20px;
}

.betaColor {
	border-bottom: 2px solid #D9A300;
	color: #D9A300;
}

.liveColor {
	border-bottom: 2px solid #336600;
	color: #336600;
}


.ModalLabel {
	border-bottom: 2px solid #55B045;
	display: block;
	width: 100%;
}

.ModalLabelButton {
	border-bottom: 2px solid #55B045;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

#delInfoForm .controls input {
    max-width: 87%;
}

#delInfoForm .controls .comments {
    max-width: 89%;
}

#delInfoForm .btn {
    padding: 0.375rem 1rem;
    font-size: 0.8em;
    line-height: 120%;
	width: 90px;
    height: 90px;
}

#delEditInfoForm .controls input {
    max-width: 87%;
}

#delEditInfoForm .controls .comments {
    max-width: 94%;
}

#delEditInfoForm .btn {
    padding: 0 .25rem 5px .25rem;
    font-size: 1.1em;
    line-height: 120%;
	min-width: 100px;
	min-height: 100px;
}

.ModalLabelButton .btn {
    padding: 0.375rem .7rem;
    font-size: 0.7em;
    line-height: 120%;
	width: 120px;
    height: 120px;
}

.modal-body {
    overflow-y: scroll;
	max-height: 600px;
}

#delInfoFormButtonRow {
	border-top: 2px solid #55B045;	
}

#delInfoFormButtonRow .btn {
    padding: 0 .25rem 5px .25rem;
	margin: 0 15px;
	min-width: 150px;
	min-height: 70px;
}

#delInfoFormButtonRowBRIO {
    background-color: #E1F0DB;
}

#delInfoFormButtonRowBRIO .btn {
    padding: 0 .25rem;
	margin: 0 15px;
	min-width: 150px;
	min-height: 70px;
}

.moduleList i {
	font-weight: bold;
}

ol {
    padding-left: 15px;
	line-height: 120%;
}

.mainInstr {
	font-weight: bold;
}

.mainCard {
	
}

.collaborationCard {
    background: #E9F4E4;
    background: -moz-linear-gradient(top, #F8F2F2 50%, #E4CDCE 100%);
    background: -webkit-linear-gradient(top, #F8F2F2 50%,#E4CDCE 100%);
    background: linear-gradient(to bottom, #F8F2F2 50%,#E4CDCE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F2F2', endColorstr='#E4CDCE',GradientType=0 );
    border: 1px solid #801518;
    border-radius: 3px;
    padding: 4% 4% 6% 4%;
    -webkit-box-shadow: 2px 0 5px 2px #E0E0E0;
    box-shadow: 2px 2px 5px #E0E0E0;
    margin: 0;
    height: 205px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.collaborationCard img {
    max-width: 30%;
	margin: auto;
}

.collaborationCard p {
    font-weight: 800;
    color: #444;
    font-size: 1em;
    line-height: 120%;
}

.question {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
}

.questionBy {
	font-size: 1em;
	line-height: 120%;
}

.questionAndActions {
    border-bottom: 2px solid #444;
}

.addCommentArea {
    border-bottom: 1px solid #444;
	background-color: #F8F2F2;
}

.commentAction {
	font-weight: bold;
	text-decoration: underline;
	margin-top: .5em;
}

.commentAction img {
	float: left; 
	position: relative;
	top: -.7em;
}

.collabBtn {
    background-color: #801518;
	color: #FFF;
	padding: 30px 15px 40px 15px;
}

#myParticipants h3 {
	display: block;
	width: 100%;
}

#myParticipants p {
	display: block;
	width: 100%;
}

.leader {
    border-bottom: 2px solid #444;
}

#showChoices input[type=radio] {
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    left: -5px;
}

.postText {
	font-weight: bold;	
}

.postWho {
	
}

.incorrect {
	color: #801518;
} 

.incorrect .answerBar {
	background-color: #801518;
} 

.correct {
	color: #077459;
} 

.correct .answerBar {
	background-color: #077459;
}

.collabAnsw {
	font-weight: 500;
	font-size: 1.1em;
	line-height: 110%;
	border-bottom: 1px solid #444;
}

.origText {
	display: none;
}

.sponsoredStudyText {
	line-height: 120%;
	font-weight: 500;
}

.allQuesButton {
	background-color: #801518;
	font-weight: bold;	
	padding: 5px 10px;
	border-radius: 3px;
}

.allQuesButton a {
	color: #FFF;
}

#showLiveChat {
    border: 2px solid #00661A;
    padding-top: 10px;
    border-radius: 6px;
    width: 101%;
    background-color: #EAF7E5;
}