/*******************************************
* client proprietary (usually in welcome.asp)
*******************************************/
/*******************************************
videoJS responsive classes
- can be replaced by embed-responsive & embed-responsive-16by9
*******************************************/
.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: 125px;
	background:#ffffff;
}

#MastHeadImgExt {
	padding: 0px 20px 0px 30px;
	max-width: 350px;
	max-height: 115px;
}

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

/* main menubar color 
classname needs to be all lowercase
*/
.primaryhighlight {
	background:#1c1c1c;
}

.primaryborder {
	border: 0px;
}
/* needs to be one line  */
a:link, a:visited {
	color:#1851a5;
}

a:hover {
	color:#1851a5;
	text-decoration: underline;
}
/* needs to be one line */
a:link.btn, a:visited.btn {
	color:#ffffff;
}

/*** override to bootstrap main blue button color */
.btn-primary {
	color:#ffffff;
	background-color:#337ab7;
	border-color: transparent;
}

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

.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus {
	background-color:#204d74;
	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:#337ab7;
	border-color: transparent;
}

/* initial block-login button */
#btn-login {
	color:#ffffff;
	background-color:#337ab7;
	border-color: transparent;
}

#btn-login:hover,
#btn-login:focus {
	color:#ffffff;
	background-color:#286090;
	border-color: transparent;
}

#btn-login:active {
	background-color:#204d74;
	border-color: transparent;
}

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

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

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

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

/*********************************************
* enrollment listing panel (invertedtab)
*********************************************/
.invertedtab {
	background-color:#0d548a;
}

#mycarethref {
	color:#ffffff;
}

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

.panel-myinfo > .panel-heading {
	background-color:#3fa3cd;
	border-color:#3fa3cd;
}

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