/*******************************************
* client proprietary (usually in welcome.asp)
*******************************************/	
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*******************************************
* custom icons (should use <span></span>
* with glyphicons instead wherever possible)
*******************************************/
#courses_interest_icon {
	/* 	content:url("/_config/[clientname]/_images/courses_interest.png"); */
}

#transcripts_icon {
	/* 	content:url("/_config/[clientname]/_images/transcripts_icon.png");	*/
}
#enrollments_icon {
	/* 	content:url("/_config/[clientname]/_images/enrollments_icon.png");	*/
}


/*******************************************
* main overrides
*******************************************/
/* need to have a taller masthead to accomodate logo? */
.masthead {
	height:90px;
	background:#FFFFFF;
}

#MastHeadImgExt {
	padding:16px 20px 16px 30px;
	max-width:350px;
	max-height:150px;
}

#MastHeadImgRightDiv {
	margin:30px 20px 0px 0px;
}


/* main menubar color */
.primaryhighlight {
	background: #95ca4c;
}

.primaryborder {
	border:0px;
}


a:link, a:visited {
	color:#648634;
}

a:hover {
	color:#95ca4c;
	text-decoration:underline;
}

a:link.btn, a:visited.btn {
	color:#fff;
}


/*** override to bootstrap main blue button color */
.btn-primary {
	color: #fff;
	background-color: #95ca4c;
	border-color:transparent;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #648634;
	border-color:transparent;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus {
	background-color: #95ca4c;
	border-color:transparent;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-primary:disabled,
.btn-primary.disabled {
	background-color: #648634;
	border-color:transparent;
}

/* initial block-login button */
#btn-login {
	color: #fff;
	background-color: #95ca4c;
	border-color:transparent;
}

#btn-login:hover,
#btn-login:focus {
	color: #fff;
	background-color: #648634;
	border-color:transparent;
}

#btn-login:active {
	background-color: #95ca4c;
	border-color:transparent;
}


/* pagination link, li colors (resemble anchor links) */
.pagination > li > a,
.pagination > li > span {
	color: #648634;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #648634;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #648634;
	border-color: #ffc0c0;
}


/*******************************************
* panel colors and backgrounds
*******************************************/
/* modal head color */
.modal-header {
	background-color: #95ca4c;
}

/* my current enrollments widget panel */
.invertedtab {
	background-color:#24bfd8;
}

#mycarethref {
	color:#FFFFFF;
}

/* other courses of interest */
.panel-myinfo {
	border-color: #3fa3cd;
}

.panel-myinfo > .panel-heading {
	background-color: #95ca4c;
	border-color:#86bbe5;
}


/*******************************************
* course tables
*******************************************/
.courseTable {
	background-color:#d8dfeb;
}
.courseTableHeader {
	color:#8396b7;
}