/*
 * Custom Styles
 *
 *
 *
 *
 *
 *
 */

 /* Custom Styles Start */

body {
	background-color: #FFF;
	font-family: "gotham_htfbook", sans-serif;
	padding: 0;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
	background-color: #fff;
	color: #000;
}

.course-admin-bg {
		background: #565555;
		background: -moz-linear-gradient(left, #565555 0%, #565555 41%, #ffffff 41%, #ffffff 100%) !important;
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#565555), color-stop(41%,#565555), color-stop(41%,#ffffff), color-stop(100%,#ffffff))!important;
		background: -webkit-linear-gradient(left, #565555 0%,#565555 41%,#ffffff 41%,#ffffff 100%)!important;
		background: -o-linear-gradient(left, #565555 0%,#565555 41%,#ffffff 41%,#ffffff 100%)!important;
		background: -ms-linear-gradient(left, #565555 0%,#565555 41%,#ffffff 41%,#ffffff 100%)!important;
		background: linear-gradient(to right, #565555 0%,#565555 41%,#ffffff 41%,#ffffff 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#ffffff',GradientType=1 )!important;


		padding: 0px !important;

}


input,
button,
select,
textarea {
  font-family: "gotham_htfbook", sans-serif !important;
}



button:focus, .modal:focus {
  outline-color: transparent !important;
    outline-style: none !important;

}

/* Accessibility Fixes */
.ncstate-utility-bar-home {
	color: #fff;
}

/* Clear fix class "group" starts */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/* for IE6 */
* html .group {
	height: 1%;
}

/* for IE7 */
*:first-child+html .group {
	min-height: 1px;
}

/* Clear fix class "group" ends */


/* IE9 fix for gradient */


h1, h2, h3 {
	font-family: "gotham_htfmedium", sans-serif !important;
}


h1 {
	font-size: 32px;
}

h2 {
	font-size: 27px;
}

.offscreen {
	position: absolute;
	left: -999px;
	width: 1px;
	height: 1px;
	top: auto;
}

a.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: scroll;
	z-index: -999;
	background-color: #000;
	color: #fff;
}

a.skip-main:focus, a.skip-main:active {
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid yellow;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
}

#brandingbar-wrapper {
	width: 100%;
}

.branding-bar {
	background: none !important;
	padding: 0px 0px !important;
}

#ncsu_branding_bar {
    width: 100%;
    border: 0;
    height: 31px;
	display: block;
}
#menu {
    display:none;
}

.dropdown-menu > li > a {
	background-color: #FFFFFF;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #000;
	background-color: #CCCCCC;
	text-shadow: none;
	background-image: none;
	filter: none;
}

.wolfware-menu .dropdown-toggle .caret {
	margin-top: 8px !important;
}

.postnav-wrapper {
	height: 86px;
}

.postnav {
	height: 85px;
	display: block;
	color: #fff;
	display: block;
	width: 100%;
	margin: 0px auto;
	z-index: 10;
	border-bottom: 1px solid #464244;
	background: url(../img/bg-body.png) #000 top left repeat-x;
	/*background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); */
}

.topbar-wrapper {
	width: 100%;
	background: #565555;
}

.topbar {
	padding: 10px 0px 0px 0px;
	height: 30px;
	background: #565555;
	color: #FFF;
	display: block;
	max-width: 1170px;
	margin: 0 auto;
	z-index: 10;
}

.topbar .home {
	padding: 0px 0px 0px 0px;
}

.maincontent-wrapper .container {
        background: #ffffff;
        padding: 0 20px;
}

.bottombar-wrapper {
	width: 100%;
	background: #FFF;
}

.bottombar {
	/*height: 60px;	*/
	max-width: 1170px;
	margin: 0 auto;
	display: block;
	padding-top: 25px;
	position: relative;
	background: none !important;
}

.bottombar a.home:hover, .bottombar .topbar-login:hover {
	opacity: 0.8;filter:alpha(opacity=80);
}

.bottombar .topbar-login {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

.bottombar .topbar-login:hover {
	opacity:0.8;filter:alpha(opacity=80);
}


.bottombar .mobile-search-button {
	background: #5b595a !important;
	-webkit-box-shadow: none !important;
  	-webkit-box-shadow: none !important;
  	box-shadow: none !important;
	border: 1px solid #353536;
}


.bottombar .mobile-search-button:hover {
	opacity:0.8;filter:alpha(opacity=80);
}


.settings {
	padding: 0px 0px 0px 20px;
	position: absolute;
	right: 0px;
	top: 30px;
	margin-right: 20px;
	index: 3;
}

.settings ul li  {
	list-style-type: none;
	display: inline-block;
	float: left;
}


.settings ul li ul.dropdown-menu li  {
	list-style-type: none;
	display: block !important;
	position: relative !important;
	float: none;
}

.settings ul.btn-group {
	font-size: 14px;
}



.settings .btn-group li a {
	border-radius: 0 !important;
	border: 1px solid #353536;
}


.settings .btn-group li:first-child a {
	border-right: none !important;
}

.settings .btn-group li:last-child a {
	border-left: none !important;
}

.settings .btn-group li:nth-child(2) a {
	border-left: none !important;
	border-right: none !important;
}

.settings .btn-group li a.btn {
	background: #5b595a !important;
	-webkit-box-shadow: none !important;
  	-webkit-box-shadow: none !important;
  	box-shadow: none !important;
}
.settings .btn-group li a.btn:hover {
	background: #5b595a !important;
	opacity:0.8;filter:alpha(opacity=80);
}

.settings ul.dropdown-menu li a {
	border: none !important;
}



.settings a.btn-flat {
  	color: #ffffff;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-family: "gotham_htfbook", sans-serif;
	font-size: 13px;
}
.settings a.btn-flat:hover{
  color: #ffffff;
}









/* Logo starts */

.logo {
	padding: 0px 0px 0px 0px;
	display: inline-block;
	float: left;
	margin: 3px 0px 0px 0px;
}

.logo span {
	display: inline-block;
	background: url(../img/logo.png) no-repeat -48px center;
	width: 217px;
	height: 32px;
}

.logo img {
	width: 217px;
	height: 32px;
	display: inline-block;
}

.logo:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* Logo ends */

/* Large Logo starts */

.logo-large {
	padding: 0px 0px 0px 0px;
	display: block;
	width: 316px;
	margin: -7px auto 0px auto;
}

.logo-large span {
	display: inline-block;
	background: url(../img/logo.png) no-repeat -261px center;
	width: 316px;
	height: 48px;
}

.logo-large img {
	width: 316px;
	height: 48px;
	display: inline-block;
}

.logo-large:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* Large Logo ends */



.form-wrapper {
	display: inline-block;
	float: left;
	height: 40px;
	margin: 0px;
	padding: 0px;
	margin: 4px 0px 0px 0px;
}

.mobile-search-button {
	display: none !important;
}


.mobile-breadcrumb-button {
	display: none !important;
}

.mobile-footer-button {
	display: none !important;
}



/* Search Area Starts */

fieldset {
	padding: 0px;
}

form .browse-search {
	margin: 0px 0px 0px 20px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	text-shadow: none;
	padding: 0px 15px 0px 0px;
	/* background: url(../img/arrow-down.png) 97% 20% no-repeat;*/
	background: url(../img/arrow-down.png) 75% 80% no-repeat;
	color: #FFF;
	vertical-align: middle;
	font-size: 12px;
}

.browse-search:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

form .browse-search span {
	display: block;
}

form .input-append {
	display: inline-block;
}


form .input-append input {
	font-family: "gotham_htfbook", sans-serif;
	font-size: 14px;
	border-radius: 0;
}



.general-search {
	display: inline-block !important;
}

.general-search.btn-group .btn {
	border-radius: 0;

	border: 1px solid #990000;

	background-color: #990000;
	background-image: linear-gradient(to bottom, #cc0000, #990000 );
	background-repeat: repeat-x;
}


/* NC State Red Brick Button */

.brick-btn-confirmation, .brick-btn-disabled {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-image: none;
	text-shadow: none;
	border-radius: 0;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 2px;
	padding: .25em .58em;
	font-family: UniversRoman, GlyphaRoman, Arial, "Open Sans", sans-serif;
}

.brick-btn-confirmation, .brick-btn-disabled {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-image: none;
	text-shadow: none;
	border-radius: 0;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 2px;
	padding: .25em .58em;
	font-family: UniversRoman, GlyphaRoman, Arial, "Open Sans", sans-serif;
}

.brick-btn-confirmation {
	color: #FFFFFF;
	background: #CC0000;
}

.brick-btn-disabled {
	color: #FFFFFF;
	background-color: #efb2b2;
	cursor: not-allowed;
}

.brick-btn-confirmation:hover, .brick-btn-confirmation:focus, .brick-btn-disabled:hover, .brick-btn-disabled:focus {
	color: #FFFFFF;
	text-decoration: none;
}

.brick-btn-confirmation:hover, .brick-btn-confirmation:focus {
	background-color: #8e0000;
}

.brick-btn-disabled:hover, .brick-btn-disabled:focus {
	background-color: #efb2b2;
}

.brick-btn-confirmation:focus, .brick-btn-disabled:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

/* END NC State Red Brick Button */

.btn-default {
    border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-image: none;
	text-shadow: none;
	border-radius: 0;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 2px;
	padding: .25em .58em;
	font-family: UniversRoman, GlyphaRoman, Arial, "Open Sans", sans-serif;
}


/* Search Area Ends */

/* Main Search Area Starts */

.main-search-button {
	float: right;
}

.input-append-width {
	max-width: 93%;
}


/* Main Search Area Ends */

.maincontent-wrapper {
	width: 100%;
	background: #FFF;
	padding: 0 0 20px 0;
}

.breadcrumb-orientation {
	position: absolute;
	bottom: 0;
}

.wrapped-breadcrumb.collapse {
	height:30px;
	width:100%;
	z-index: 10;
	display: block;
	background: url("../img/course-landing-breadcrumb-bg.jpg") no-repeat 50% bottom;
}

.course-heading-inset .wrapped-breadcrumb.collapse {
	/* Don't show short background over the full background. */
	background-image: none;
}

.breadcrumb-wrapper {
	width: 100%;
	/*background: #000 url(../img/breadcrumb-bg.png) top left repeat-x;*/
	height: 29px;
	border-top: 1px solid #464244;
	margin-bottom: 40px;
	z-index: 10;

	/* Fallback for web browsers that doesn't support RGBa */
	 background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	 background: rgba(0, 0, 0, 0.2);
	/* For IE 5.5 - 7*/
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.breadcrumb {
	padding: 0px 3px;
	margin: 0 0 20px;
	background: none;
}

.breadcrumb li [class^="icon-"], .breadcrumb li [class*=" icon-"] {
	padding-right: 8px;
}


.breadcrumb li a {
	font-family: "gotham_htfmedium", sans-serif;
	text-shadow: none;
	font-size: 12px;
	color: #FFFFFF;
}

.breadcrumb li a:hover {
	opacity: 0.8;filter:alpha(opacity=80);
}

.sidebar {
	width: 20%;
	background: #c6c6c6;
	color: #FFF;
	float: left;
}

article {
	width: 80%;
	background: #FFF;
	color: #c6c6c6;
	float: left;

}

.course-landing-wrapper {
	position: relative;
	width: 100%;
	height: 333px;
	border-top: 1px solid #323030;
	border-bottom: 12px solid #414042;
	overflow: hidden !important;

	background: #d0663e;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwNjYzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QwNjYzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzQzODE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzQzODE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzgxOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  #d0663e 0%, #d0663e 50%, #43819a 53%, #43819a 71%, #43819a 100%);

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d0663e), color-stop(50%,#d0663e), color-stop(53%,#43819a), color-stop(71%,#43819a), color-stop(100%,#43819a));

	background: -webkit-linear-gradient(left,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	background: -o-linear-gradient(left,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	background: -ms-linear-gradient(left,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	background: linear-gradient(to right,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0663e', endColorstr='#43819a',GradientType=1 );

}


.course-landing-inset {
	width: 100%;
	background: url("../img/course-landing-bg.png") no-repeat  50% top;
	height: 333px;
	overflow: hidden;
}


/* Landing Page - Cloud Animation Starts */


.course-landing-inset img.cloud-bottom {
	position: absolute;
	bottom: 0px;
	left: 10%;

	-webkit-animation: moveclouds 120s linear infinite;
	-moz-animation: moveclouds 120s linear infinite;
	-o-animation: moveclouds 120s linear infinite;

}

.course-landing-inset img.cloud-top {
	position: absolute;
	top: 0px;
	left: 40%;

	-webkit-animation: moveclouds 70s linear infinite;
	-moz-animation: moveclouds 70s linear infinite;
	-o-animation: moveclouds 70s linear infinite;
}


/* Landing Page - Cloud Animation Ends */


.course-landing-wrapper .container {
	background: none !important;
}


.course-landing-wrapper .homepage-search-heading {
	width: 525px;
	margin: 0px auto;
	z-index: 2;
}


.course-landing-wrapper h2 {
	font-family: "gotham_htfmedium", sans-serif;
	font-size: 34px !important;
	line-height: 40px !important;
	text-shadow: 1px 1px 1px black;
	color: #FFF;
	margin-top: 35px;
	text-align: center;
}


.course-landing-wrapper .homepage-search-heading form input.custom {
	width: 78%;
	height: 40px;
	font-family: "gotham_htfmedium", sans-serif;
	font-size: 23px;
	color: #848383;
	overflow: hidden;
  	white-space: nowrap;
	border-top: 1px solid #525050;
	border-bottom: 1px solid #525050;
	border-left: 1px solid #525050;
	border-right: none;

}

.course-landing-wrapper .homepage-search-heading form {
	margin: 0px 0px 10px 0px !important;
}



.course-landing-wrapper .homepage-search-heading form input.custom input:-moz-placeholder,
textarea:-moz-placeholder {
  	color: #999999;
  	font-size: 23px;
	height: 40px;
	font-family: "gotham_htfmedium", sans-serif;
  	overflow: visible;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.course-landing-wrapper .homepage-search-heading form input.custom input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  	color: #999999;
  	font-size: 23px;
	height: 40px;
	font-family: "gotham_htfmedium", sans-serif;
  	overflow: visible;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;

}
.course-landing-wrapper .homepage-search-heading form input.custom input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   	color: #999999;
  	font-size: 23px;
	height: 40px;
	font-family: "gotham_htfmedium", sans-serif;
  	overflow: visible;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.course-landing-wrapper .homepage-search-heading form .btn-group > .btn:first-child {
	height: 50px !important;
	width: 100px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	font-family: "gotham_htfmedium", sans-serif;
	font-size: 14px;
	color: #FFF;
	text-shadow: 0 1px 1px rgba(175, 172, 172, 0.75) !important;
}

.course-landing-wrapper .homepage-search-heading ul  {
	margin: 0px;
	text-align: center;
}

.course-landing-wrapper .homepage-search-heading ul li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 0px 0px -4px;
	padding: 0px;
}


.course-landing-wrapper .homepage-search-heading ul:not(double) li a {
	color: #FFF;
	text-decoration: none;
	font-family: "gotham_htfbook", sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 1px black;
}

.course-landing-wrapper .homepage-search-heading ul li a:hover {
	opacity: 0.8;filter:alpha(opacity=80);
}

.course-landing-wrapper .homepage-search-heading ul.double {
	width: 520px;
}

.course-landing-wrapper .homepage-search-heading ul.double li {
	margin: 0px 0px 0px 0px;

}

.course-landing-wrapper .homepage-search-heading ul.double li a {
	text-shadow: none;
	color: #333333;
	text-align: left;
}

.course-landing-wrapper .homepage-search-heading ul.double li a:hover
 {
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ff6b61;
  background-image: -moz-linear-gradient(top, #ff6b61, #db5144 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6b61), to(#db5144));
  background-image: -webkit-linear-gradient(top, #ff6b61, #db5144 );
  background-image: -o-linear-gradient(top, #ff6b61, #db5144 );
  background-image: linear-gradient(to bottom, #ff6b61, #db5144 );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b61', endColorstr='#db5144 ', GradientType=0);
  *background-color: #db5144 ;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}




/* target callout area start */
.landing-callout-wrapper {
	position: relative;
	height: 375px;
	top: -187px;
	z-index: 3;
}

.landing-callout {
	position:relative;
 	height:375px;
}

.landing-callout ul {
	margin: 0px;
	position: absolute;
	bottom: 55px;
	width: 100%;
}

.landing-callout ul li {
	list-style-type: none;
	float: left;
	text-align: center;
	/*font-family: "UniversLTStd47LightCondensed", sans-serif;*/
	font-family: "UniversLTStd47LightCondensed", sans-serif;
	font-size: 50px;
	color: #414042;
	padding: 30px 0px 0px 0px;
}


.landing-callout ul li span {
	color: #db5144;
	font-family: "gotham_htfbook_italic", sans-serif;
	font-size: 16px;
	display: block;
	padding: 25px 0px 0px 0px;
}

.landing-callout ul li:first-child {
	width: 50%;
}

.landing-callout ul li:last-child {
	width: 48%;
}


.target-callout { 		/* 127 .trait-box */
    margin-top: 175px;
    display: block;
    text-align: center;
    height: 12px;
    position: relative;
    color: #4e4e4d;
	text-decoration: none !important;
	width:48.66%; /*32.66% */
	float:left;
	margin-right: 1% ;
}
.target-callout.right {
	margin-right: 0 ;
}

.target-callout figure {	/* 130 .trait-box figure */
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	overflow:hidden;
	width:100%;
	height: 0px;
	opacity: 0;
}

.target-callout figure img { 	/* 131 .trait-box figure img */
	position:absolute;
	top: 0;
	left:0;
	display:block;
}

.target-callout .target-emblem {
	width: 95px;
	height: 95px;
	position: absolute;
	overflow: visible;
	display: block;
	left:50%;
}


.target-callout .target-emblem span {
	display: none !important;
}

.target-callout dl {
	border-top:12px solid #414042;
	margin:0px;
	height:0px;
}

.target-callout.left .target-emblem {
	margin: -57px -45px 22px;
	background: url(../img/emblems.png) top right no-repeat;
}


.target-callout.center .target-emblem {
	margin: -57px -47px 22px;
	background: url(../img/emblems.png) top center no-repeat;
}
.target-callout.right .target-emblem {
	margin: -57px -45px 22px;
	background: url(../img/emblems.png) top left no-repeat;
}


.target-callout dd {
	color: #5a5a5a;
	overflow: hidden;
	padding:50px 30px;
	height:0;
	opacity:0;
}

.target-callout dd span.search-button {
	white-space:nowrap;
	display:block;
	padding: 10px 0;
	margin: 13px auto 0px;
	color: #fff;
	border: 1px solid #b8433b;
	opacity: 0;
	font-family: "gotham_htfmedium", sans-serif;
	font-size: 16px;
	text-shadow: 0 1px 1px rgba(114, 69, 69, 0.75);
	background: rgb(255,107,97);

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmI2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjUxNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(255,107,97,1) 0%, rgba(219,81,68,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,107,97,1)), color-stop(100%,rgba(219,81,68,1)));

	background: -webkit-linear-gradient(top,  rgba(255,107,97,1) 0%,rgba(219,81,68,1) 100%);

	background: -o-linear-gradient(top,  rgba(255,107,97,1) 0%,rgba(219,81,68,1) 100%);

	background: -ms-linear-gradient(top,  rgba(255,107,97,1) 0%,rgba(219,81,68,1) 100%);

	background: linear-gradient(to bottom,  rgba(255,107,97,1) 0%,rgba(219,81,68,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b61', endColorstr='#db5144',GradientType=0 );
}


.target-callout dd span.search-button:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

/* target callout area end */


/* Browse by Category styles start */


.double {
	width: 520px;
}

.double li{
	line-height:1.5em;
	float:left;
	display:inline;
}
.double li	{
	width:50%;
}


/* Browse by Category styles end */

/* course listing */

.course-wrapper {
	margin-bottom: 20px;
}

.accordion-group {
	border: none;
}

.course-listing {
	height: 100%;
	background-color: #ffffff;
	overflow: hidden;
	box-sizing: border-box;
}

/* UPDATED For Condensed Block */
.date-time ul {
	margin: 0px 0px 0px 0px; 
	margin: 0px;
	display: block;
}
/* UPDATED For Condensed Block */
.date-time ul li {
	list-style-type: none;
}
/* UPDATED For Condensed Block */
.date-time ul li a {
	color: #000 !important;
	text-decoration: none;
}
/* UPDATED For Condensed Block */
.date-time ul li a:hover {
  	opacity:0.8;filter:alpha(opacity=80);
}


.course-block.current {
	background-color: #cc0000;
}


.course-block.future {
	background-color: #427e93;
}

.course-block.future .date-time ul li a {
	color: #427e93 !important;
}

.course-block.future .date-time ul li a:hover {
	color: #ffffff !important;
	background-color: #427e93 !important;
}


.course-block.previous {
	background-color: #666666;
}

.course-block.previous .date-time ul li a {
	color: #666666 !important;
}

.course-block.previous .date-time ul li a:hover {
	color: #ffffff !important;
	background-color: #666666 !important;
}


.course-block.outreach {
	background-color: #4156a1;
}

.course-block.outreach .date-time ul li a {
	color: #4156a1 !important;
}

.course-block.outreach .date-time ul li a:hover {
	color: #ffffff !important;
	background-color: #4156a1 !important;
}


.course-block.project {
	background-color: #7d8c1f;
}

.course-block.project .date-time ul li a {
	color: #7d8c1f !important;
}

.course-block.project .date-time ul li a:hover {
	color: #ffffff !important;
	background-color: #7d8c1f !important;
}

.course-listing-linked {
	cursor: default;
	margin: 0 0 0 0;
	padding: 0.5em 0.5em 0.5em 1em;
	color: #666666;
	border-bottom: solid 1px #cccccc;
	background-color: #ffffff;
}

.course-listing-linked-standard {
	border-top: none;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	font-weight: bold;
}

.course-listing-linked-last {
	margin-bottom: 20px;
}


/* UPDATED For Condensed Block */
.course-listing ul.main-info {
	list-style-type: none;
	margin: 0px;
	padding: 10px 12px 10px 12px;
}

.course-listing ul.main-info li {
	padding: 0px 7px 5px 0px;		/* abd */
}

/* UPDATED For Text Truncation */
.course-listing ul.main-info h2 {
	font-size: 20px !important;
	line-height: 26px !important;
	margin: 0px;
	padding: 0px;
	display: block;
}


/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info {
	margin: 0px;
}

/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info li {
	padding-right: 10px;
	padding-bottom: 0px;
	list-style-type: none;
	line-height: 23px;
}

/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info li a {
	font-family: "gotham_htfbook", sans-serif;
	font-size: 17px;
	text-decoration: none;
	color: #333333;
}

/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info li a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info li a span {
	font-family: "gotham_htfmedium", sans-serif;
	font-size: 17px;
}

/* UPDATED For Condensed Block */
.course-listing ul.main-info h2 a {
	color: #000;
	text-decoration: none;
}

/* ADDED For Condensed Block */
.course-listing ul.main-info h2 a:hover  {
	opacity:0.8;filter:alpha(opacity=80);
}


.course-listing ul.main-info .user-role {
	font-family: "gotham_htfbook_italic", sans-serif;
	font-size: 14px;
	color: #6D6E71;
}

.course-listing ul.main-info .user-role span {
	max-width: 55ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}


.course-listing ul.main-info .course-number a {
	color: #6D6E71;
	max-width: 28ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.course-listing ul.main-info .section-number a {
	color: #6D6E71;
}

.course-listing ul.main-info .instructor {
	margin: 10px 0px 5px 0px;
}


.course-listing ul.main-info .instructor div {
	margin: 0px;
	padding: 0px;
	max-width: 27ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-height: 26px;
	max-width: 450px;
}



span.instructor-contact {
	white-space: nowrap;
	max-width: 25ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

/* UPDATED For Text Truncation */
.courselisting-left {
	height: 100%;
	width: 100%;
	float: left;
	background-color: #ffffff;
}


.courselisting-left img {
	 position: absolute;
 	/* clip: rect(10px, 290px, 190px, 10px);*/
 	clip: rect(0px, 220px, 154px, 5px);
  	width: 18.8034188034188%; /* 220px / 1170px */
	min-width: 220px;
	height: 154px;
}


.rounded-img {
	display: inline-block;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	height: 154px;
	width: 220px;
	overflow: hidden;
}


/* UPDATED For Condensed Block */
.courselisting-right {
	width: 148px;
	float: right;
	padding: 12px 0 12px 12px;
	box-sizing: border-box;
}

.courselisting-right ul {
	margin: 0px;
	padding: 0px;
	max-width: 179px;
	text-align: right;
	/* Set font-size to 0 to get rid of inline spaces */
	font-size: 0;
}

.courselisting-right ul li {
	list-style-type: none;
	text-align: center;
	display: inline-block;
}

.courselisting-right ul li a {
	text-decoration: none;
}

.courselisting-right .btn-courselisting {
	position: absolute;
	top: 14px;
	right: 12px;
	margin-right: 0 !important;
}

.tool-icon {
	width: 20px;
	height: 20px;
}

.tool-icon-large {
	width: 22px;
	height: 22px;
}

.tool-icon-collapsed {
	width: 20px;
	height: 20px;
}

.tool-icon-condensed {
	width: 33px;
	height: 33px;
}

.course-details-tool-icon {
	width: 49px;
	height: 49px;
}

.manage-tool-icon {
	float: left;
	margin-right: 10px;
}

.linked-roster {
	font-family: "gotham_htfbook", sans-serif !important;
	font-size: 17px !important;
}

.linked-roster span {
	max-width: 18ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}



/* UPDATED For Condensed Block */
.courselisting-right ul li.secondary-button a {
	margin-right: 12px;
	margin-bottom: 12px; 
	display: inline-block;
}

/* ADDED For Collapsed Block */
.collapsed-tools ul li.secondary-button a {
	margin-right: 8px;
	margin-top: 0px; 
	display: inline-block;
}

/* ADDED For Collapsed Block */
.collapsed-block {
	/* background: #09F; */
	line-height: 20px;
	font-family: "gotham_htfbook", sans-serif;
	font-size: 14px;
}

/*
.courselisting-right ul li.secondary-button:nth-child(4) a, .courselisting-right ul li.secondary-button:nth-child(7) a {
  	margin-right: 0px;
}
*/

/*
.courselisting-right ul li:last-child a {
	margin-right: 0px;

}
*/
/*
.courselisting-right ul li.secondary-button a:hover {
	background: #777;
}

*/

/* ADDED For Collapsed Block */
.collapsed-list li, .project-list li {
	list-style-type: none;	
	/* background: #C96; */
}

/* ADDED For Collapsed Block */
.collapsed-list li a, .project-list li a {
	color: #000 !important;
	text-decoration: none;
}


/* ADDED For Collapsed Block */
.collapsed-tools li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/* ADDED For Collapsed Block */
.collapsed-tools ul {
	margin: 0px;
}




/* ADDED For Collapsed Block */
/*.collapsed-block span {
	background: #930;
}*/


/* ADDED For Collapsed Block */
/*.collapsed-block .collapsed-tools {
	float: right;
	background: #9C6;	
}*/

/* ADDED For Collapsed Block */
/* .collapsed-block .collapsed-tools ul {
	background: #930;
	margin: 0px !important;
	display: inline;	
}*/

/* ADDED For Collapsed Block */
/* .collapsed-block .collapsed-tools ul li {
	display: inline-block;
}*/


/* course listing */


/* course details instructor view starts */


.toolbox {
	background-color: #565555;
}

.toolbox h2 {
	color: #FFF;
	padding-right: 20px;
	margin-top: 20px;
}

.toolbox-nav {
	float: right;
	position: relative;
	width: 100%;
}

.toolbox-nav li {
	margin: 0 0 0 0;
	font-size: 14px;
	list-style-type: none;
	border: none;
	position: relative !important;
}

.toolbox-nav li a {
	display: block;
	text-decoration: none;
	font-family: "UniversLightCondensed", Arial, sans-serif;
}

.toolbox-nav li a.nav-top-item {
	padding: 12px 12px 12px 20px;
	color: #FFF;
	font-size: 18px;
	border-bottom: 1px solid #666;
	background-color: #333333;
}

.toolbox-nav li.active a {
	background: #FFF;
	color: #000;
	font-weight: bold;
}

.toolbox-nav li.active a:after {
	content: ' »';
}

.toolbox-nav li a:hover,
.toolbox-nav li a:focus {
	opacity:0.7;filter:alpha(opacity=70);
}

.toolbox-nav li a [class^="icon-"], .toolbox-nav li a [class*=" icon-"] {
	margin-top: 3px;
}


.toolbox-nav li .toolbox-subnav {
	margin: 0;
}

.toolbox-nav li .toolbox-subnav li {
	margin: 0;
}

.toolbox-nav li .toolbox-subnav li a {
	display: block;
	padding: 10px 10px 10px 40px;
	text-decoration: none;
	font-size: 16px;
	background-color: #cccccc;
	color: #000000;
	border-bottom: none;
}

.toolbox-nav li .toolbox-subnav li a:hover,
.toolbox-nav li .toolbox-subnav li a:focus {
	opacity:0.8;filter:alpha(opacity=80);
}

.toolbox-nav li .toolbox-subnav li.active a {
	font-weight: bold;
	background-color: #FFF;
}


/* search toolbox starts */

.search-toolbox-nav {
	float: right;
	margin-top: 15px;
	position: relative;
	width: 100%;
}

.search-toolbox-nav li {
	margin: 15px 0 0 0;
	font-size: 14px;
	list-style-type: none;
	border: none;
}

.search-toolbox-nav:first-child {
	margin: 10px 0px 0px 0px;
}

.search-toolbox-nav li a .course {
	position: absolute;
	top: -5px;
	left: -5px;
}

.search-toolbox-nav li a.nav-top-item {
	display: block;
	padding: 10px 20px 15px 15px;
	text-decoration: none;
	color: #FFF;
	font: 19px "UniversLTStd67BoldCondensed", sans-serif;


	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;


	background: #302f2e;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMmYyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #302f2e 0%, #1f1e1e 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#302f2e), color-stop(100%,#1f1e1e));

	background: -webkit-linear-gradient(top,  #302f2e 0%,#1f1e1e 100%);

	background: -o-linear-gradient(top,  #302f2e 0%,#1f1e1e 100%);

	background: -ms-linear-gradient(top,  #302f2e 0%,#1f1e1e 100%);

	background: linear-gradient(to bottom,  #302f2e 0%,#1f1e1e 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302f2e', endColorstr='#1f1e1e',GradientType=0 );


}

.search-toolbox-nav li a:hover {
	color: #c9c8c7;
}

.search-toolbox-nav li.active a {
	background: #FFF;
	index: 3;
}

.search-toolbox-nav li.active a:hover {
	opacity:1;filter:alpha(opacity=10);
}


.search-toolbox-nav li a [class^="icon-"], .search-toolbox-nav li a [class*=" icon-"] {
	margin-top: 2px;
}

.search-toolbox-nav li .search-toolbox-subnav {
	margin: 0px 0px 0px 0px ;
	color: #FFF;

}

.search-toolbox-nav li .search-toolbox-subnav li {
	margin: 0 0 0 0;
	font-size: 12px;
	border-bottom: 1px solid #403f3f;
	border-top: 1px solid #656464;
}

.search-toolbox-nav li .search-toolbox-subnav li:last-child {
	border-bottom: none;
}

.search-toolbox-nav li .search-toolbox-subnav li:first-child {
	border-top: none;
}



.search-toolbox-nav li .search-toolbox-subnav li a {
	display: block;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	color: #FFF;
	font-family: "gotham_htfbook_condensed", sans-serif;
	font-size: 17px;
	background: none;
}

.search-toolbox-nav li .search-toolbox-subnav li a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}




.search-toolbox-nav li .search-toolbox-subnav li.active a {
	background: transparent url('../img/menu-current-arrow.gif') right center no-repeat !important;
	opacity:1;filter:alpha(opacity=10);
	font-weight: bold;
}

.search-toolbox-subnav select {
	width: 90% !important;
}

/* search toolbox ends */





/* course details instructor view ends */



/* course details page */

.course-rightcol {
	margin-top: 0;
	background: #e4dbc9;
	border-right: 3px solid #b1a99b;
	border-left: 3px solid #b1a99b;
	border-bottom: 3px solid #b1a99b;
	padding-top: 20px;
}



.course-info {
	background: url(../img/course-details-texture.png) top center repeat-x;
	margin: 0px 18px;
	padding: 10px 0px;
	 -webkit-border-top-right-radius: 5px;
			   -moz-border-radius-topright: 5px;
				   border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
					border-top-left-radius: 5px;
}


.course-rightcol .course-info h2 {
	text-align: center;
	font-family: "gotham_htfmedium", sans-serif;
	font-size: 33px;
	color: #333333;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

div.course-quick-info {
	margin: 0 0 1.5em 0;
	padding: 0 15px;
	font-size: 12px;
	}

.course-info .btn-courseinfo {
	font-family: "gotham_htfmedium", sans-serif !important;
}

.btn-courseinfo {
  	color: #ffffff;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  	background-color: #9a8f7c;
  	background-image: -moz-linear-gradient(top, #9a8f7c, #8d8472 );
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a8f7c), to(#8d8472));
  	background-image: -webkit-linear-gradient(top, #9a8f7c, #8d8472 );
  	background-image: -o-linear-gradient(top, #9a8f7c, #8d8472 );
  	background-image: linear-gradient(to bottom, #9a8f7c, #8d8472);
  	background-repeat: repeat-x;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a8f7c', endColorstr='#8d8472', GradientType=0);
 	border: #7d7870 1px solid !important;
  	*background-color: #8d8472;
  	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

  	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-courseinfo:hover {
  	color: #FFF;
	background-color: #8d8472;
  	*background-color: #8d8472;
}


div.alt {
	margin-bottom: .5em;
	background: none;
	}
div.course-quick-info h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	border-bottom: 2px solid #ecebe1;
	}
div.alt h3 {
	border-bottom-color: #e2e1d4;
	}

/* menu list */
ul.quick-list {
	margin: 0 0 0px 0px;
}

ul.quick-list li {
	list-style-type: none;
	font-weight: bold;
}

ul.quick-list li a {
	display: block;
	padding: 7px;
	overflow: hidden;
	color: #4b4947;
	}
ul.quick-list li.last a {
	border: none;
	}
ul.quick-list a:hover {
	text-decoration: none;
	}
ul.quick-list li em {
	float: right;
	margin: 0 0 0 5px;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #4b4947;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}

/* instructors list */

div.instructors {
	margin: 0 0 1.5em 0;
	padding: 15px;
	}
div.alt {
	margin-bottom: .5em;
	background: none;
	}
div.instructors h3 {
	color: #6b665c;
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #b1a99b;
	}
div.instructors h3 a {
	display: inline-block;
	float:  right;
	text-decoration: none;
	margin: 5px 12px 0px 0px;
}

div.alt h3 {
	border-bottom-color: #e2e1d4;
	}

/* menu list */
	ul.instructors-quick-list {
	margin: 0 0 0px 0px;
	}

	ul.instructors-quick-list li {
	list-style-type: none;
	position: relative;
	}

ul.instructors-quick-list li a {
	display: block;
	padding: 7px;
	border-bottom: 1px solid #b1a99b;
	overflow: hidden;
	font-weight: bold;
	color: #333333;
	font-size: 13px;
	}

ul.instructors-quick-list li.last a {
	border: none;
	}

ul.instructors-quick-list a:hover {
	background: #ddd4c6;
	text-decoration: none;
	opacity: 0.8;filter:alpha(opacity=80);
	}


ul.instructors-quick-list li em {
	position: absolute;
	right: 5%;
	top: 33%;
	}

ul.instructors-quick-list li .rounded-img-instructor {
	border: solid 1px #000;
	display: inline-block;
	overflow: hidden;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 2px solid #807258;
	height: 47px;
	width: 47px;
	float: left;
	margin-right: 8px;
}



ul.instructors-quick-list li span {
	white-space: nowrap;
	max-width: 20ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	line-height: 53px;
	float: left;
}




.modal {
	overflow: hidden;
	top: 28%;
}

.modal-header {
	background: rgb(86,85,85); /* Old browsers */
	border-bottom: 1px solid #000 !important;

	background: -moz-linear-gradient(top,  rgba(86,85,85,1) 0%, rgba(56,56,56,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,85,85,1)), color-stop(100%,rgba(56,56,56,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(86,85,85,1) 0%,rgba(56,56,56,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(86,85,85,1) 0%,rgba(56,56,56,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(86,85,85,1) 0%,rgba(56,56,56,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(86,85,85,1) 0%,rgba(56,56,56,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
}

.modal-header h3 {
	color: #FFF;
	font-size: 1.17em;
}

.modal-header .close {
	color: #fff !important;
}

.modal-body {
	max-height: 850px !important;
	overflow-y: visible;
}

.modal-body h3 {
	font-size: 1.17em;
}

.instructor-modal-body {
	padding: 0px !important;
}

.instructor-modal-body p {
	padding: 15px;
}

.button-register {
	margin-top: 15px !important;
}


.instructor-modal-body .body-left p, .instructor-modal-body .body-right p {
	padding: 9px 15px;
}

.instructor-modal-body .body-left {
	width: 50%;
	float: left;
}

.instructor-modal-body .body-right {
	width: 50%;
	float: left;
}


.inquiry-modal-body {
	padding: 0px !important;
}

.inquiry-modal-body p {
	padding: 15px;
}





.modal-body p span {
	margin-right: 40px;
}

.modal-body .instructor-image-large {
	display: block;
	float: left;
	margin: 0px 30px 15px 0px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 3px solid #000;
	height: 226px;
	width: 226px;
	overflow: hidden;
	margin-right: 8px;
}

.modal-body p .more-info {
	position: absolute;
	top: 263px;
	left: 25px;
		/* Fallback for web browsers that doesn't support RGBa */
	 background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	 background: rgba(0, 0, 0, 0.5);
	/* For IE 5.5 - 7*/
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

.modal-body .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

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


.modal-body p .instructor-name {
	font: 18px "UniversLTStd67BoldCondensed", sans-serif;
	display: inline-block;
}

.modal-form {
	border-top: 1px solid #c6c6c6;
	padding: 0px 15px 0px 15px;
}


.modal-form form textarea {
	min-height: 40px;
	max-height: 80px;
}


.modal-footer {
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.modal-footer #submit-info {
	z-index: 3;
	display: none;
}

.modal-footer #submit-info2 {
	z-index: 3;
	display: none;
}

.modal-footer #contact-info {
	z-index: 2;
}

.modal-footer .close-left {
	float: left;
}


.accordian-footer {
	padding-top: 15px;
}





/* course-tools list */

div.course-tools {
	margin: 0 0 1.5em 0;
	padding: 15px;
	}
div.alt {
	margin-bottom: .5em;
	background: none;
	}
div.course-tools h3 {
	color: #6b665c;
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #b1a99b;
	}
div.alt h3 {
	border-bottom-color: #e2e1d4;
	}

/* menu list */
ul.course-tools-quick-list {
	margin: 0 0 0px 0px;
}

ul.course-tools-quick-list li {
	list-style-type: none;
	position: relative;
}

ul.course-tools-quick-list li.course-alert {
opacity:0.3;filter:alpha(opacity=30);
}

ul.course-tools-quick-list li a {
	display: block;
	padding: 7px;
	border-bottom: 1px solid #b1a99b;
	overflow: hidden;
	font-weight: bold;
	color: #333333;
	font-size: 13px;
}

ul.course-tools-quick-list li a span {
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
}

ul.course-tools-quick-list li a span > img {
	margin: 0 10px 0 0;
	padding: 0;
}

ul.course-tools-quick-list li span.clip {
	white-space: nowrap;
	max-width: 20ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}


ul.course-tools-quick-list li.last a {
	border: none;
	}

ul.course-tools-quick-list a:hover {
	background: #ddd4c6;
	text-decoration: none;
	opacity: 0.8;filter:alpha(opacity=80);

	}

ul.course-tools-quick-list li em {
	position: absolute;
	right: 5%;
	top: 33%;
	}

ul.course-tools-quick-list li .tools-image {
	margin-right: 8px;
}



.social-bar {
	background: #b1a99b;
	width: 100%;
	padding: 10px 0px;
}

.social-bar ul {
	max-width: 200px;
	margin: 0px auto;
}

.social-bar ul li {
	width: 33%;
	list-style-type: none;
	display: block;
	float: left;
	height: 40px;
	padding: 0px;
}

.social-bar ul li a {
	margin: 0px auto;
	width: 40px;
	display: block;
}

.social-bar ul li a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

.button-bar {
	margin-top: 30px;
	margin-bottom: 30px;
}

.top-button {
	float: right;
}

.more-courses-button {
	position: absolute;
	left: 45%;
}


/* course details page */

/* Course Overview page starts */

/* UPDATED For Condensed Block */
.course-overview-right-wrapper {
	position: relative;
}

/* UPDATED For Condensed Block */
.course-views {
	position: absolute;
	right: 0px;
	top: 0px;	
}

/* ADDED For Condensed Block */
.course-views .active {
		background-color: rgba(0, 0, 0, 0.40);
}
.course-overview-right {
	background: none;

}


.course-overview-right .tabbable {
	margin: 20px 0px;
}

.tabbable .nav-tabs {
  border-bottom: 1px solid #ccc7c1;
}


.tabbable .nav-tabs > .active > a,
.tabbable .nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ccc7c1;
  border-bottom-color: transparent;
  cursor: default;
}


.tabbable .nav-tabs > li > a:hover {
  border-color: #ccc7c1;
}

/*
.course-overview-right h1 {
	font-size: 24px;
	line-height: 30px;
	color: #000000;
}
*/

.course-overview-right h1 span.course {
	white-space: nowrap;
	max-width: 100ex;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
.course-overview-right h1 span.title {
	display: block;
	font-weight: normal;
	color: #919090;
	font-size: 20px !important;
	white-space: nowrap;
	max-width: 100ex;
/*	overflow: hidden; */
/*	text-overflow: ellipsis;*/
}

.course-overview-right h1 span.semester {
	display: block;
	font-weight: normal;
	color: #dc5245;
	font-family: "gotham_htfbook_italic", sans-serif;
	font-size: 18px !important;
	white-space: nowrap;
	max-width: 100ex;
	overflow: hidden;
	text-overflow: ellipsis;
}


.course-overview-right h3 {
	font-size: 22px !important;
}

.modal-body label {
	font-weight: bold;
	font: 18px "UniversLTStd67BoldCondensed", sans-serif;
	line-height: 34px;
	color: #666;
}

h2.users a {
	display: inline-block;
	float:  right;
	text-decoration: none;
	margin: 5px 12px 0px 0px;
}


/* Course Overview page ends */

/* Instructors Toolbox page starts (course-detail) */

#rightcolumn {
	padding-top: 10px;
	background-color: #ffffff;
}

#rightcolumn .navbar {
	margin: 30px 0px;
}


/* Instructors Toolbox forms start */

.course-detail-form h3 {
	border-bottom: 1px solid #CCC;
	margin: 60px 0px 20px 0px;
	font-size: 18px;
}

.course-detail-form h3 span {
	display: inline-block;
	float: right;
}


.course-detail-form .top {
	font: 18px "gotham_htfbook", sans-serif;
  	line-height: 40px;
	color: #ff6b61;

}

.course-detail-form h3 .top:hover {
	text-decoration: none;
}




.course-detail-form label {
	font: 18px "gotham_htfmedium", sans-serif;
	line-height: 34px;
	color: #666;

}

.course-detail-form input {
	width: 90%;
}

.course-detail-form textarea {
	width: 95%;
}
/* Instructors Toolbox forms end */


/* Instructors Toolbox end */




footer {
	background-color: #000;
	color: #FFF;
	width: 100%;
}

.footer-wrapper {
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 20px;
	text-align: center;
	font-family: "gotham_htfbook", sans-serif;
}

.footer-wrapper ul {
	margin: 20px;
}


.footer-wrapper ul.collapse {
	height: auto;
}


.footer-wrapper ul li {
	list-style-type: none;
	display: inline-block;
	padding-right: 20px;
}


.footer-wrapper ul li:last-child {
	padding-right: 0px;
	border-bottom: none !important;
}




.footer-wrapper ul li a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}



.footer-wrapper ul li a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

.footer-wrapper p {
	margin: 20px 0px 20px 0px;
}

.footer-wrapper p a {
	height: 20px;
	width: 150px;
	margin: 0px auto 10px auto;
	display: block;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

.footer-wrapper p a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}


#popover_content_wrapper {
	width: 500px;
	background: #0FF;
}


/* Custom Styles End */









/* Special grid styles
-------------------------------------------------- */

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  /*text-align: center;*/
  min-height: 40px;
  line-height: 40px;
}
.show-grid:hover [class*="span"] {
  background: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  background-color: #ccc;
}

.container div:first-child.show-grid {
	margin-top: 0px;
}

/* course details */

.header-block {
	/* used to maintain space in header after block fixes itself to the page */
	height: 278px;
	background-color: #000;
}

.search-page .header-block {
	height: 32px;
}

.course-heading-wrapper {
	position: relative;
	width: 100%;
	height: 278px;
	z-index: 1;
	border-top: 1px solid #323030;
	border-bottom: 1px solid #414042;

	background: #d0663e;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwNjYzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QwNjYzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzQzODE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzQzODE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzgxOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  #d0663e 0%, #d0663e 50%, #43819a 53%, #43819a 71%, #43819a 100%);

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d0663e), color-stop(50%,#d0663e), color-stop(53%,#43819a), color-stop(71%,#43819a), color-stop(100%,#43819a));

	background: -webkit-linear-gradient(left,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	background: -o-linear-gradient(left,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	background: -ms-linear-gradient(left,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	background: linear-gradient(to right,  #d0663e 0%,#d0663e 50%,#43819a 53%,#43819a 71%,#43819a 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0663e', endColorstr='#43819a',GradientType=1 );

}

.course-heading-inset {
	width: 100%;
	background: url("../img/course-landing-bg.png") no-repeat  50% bottom;
	height: 278px;
	overflow: hidden;
	position:relative;
}



/* Course Details - Cloud Animation Starts */

.course-heading-inset .cloud-bottom {
	position: absolute;
	bottom: 0px;
	left: 10%;


	-webkit-animation: moveclouds 120s linear infinite;
	-moz-animation: moveclouds 120s linear infinite;
	-o-animation: moveclouds 120s linear infinite;

}


.course-heading-inset .cloud-top {
	position: absolute;
	top: 0px;
	left: 40%;

	-webkit-animation: moveclouds 70s linear infinite;
	-moz-animation: moveclouds 70s linear infinite;
	-o-animation: moveclouds 70s linear infinite;
}


@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}




/* Course Details - Cloud Animation Ends */


.search-page .course-heading-inset, .search-page .course-heading-wrapper {
	height: 30px;
}

.course-heading-wrapper .container {
	background: none !important;
}

.course-heading-wrapper .course-heading-inset .container .heading {
	max-width: 765px;
	min-width: 650px;
	position: relative;
	width: 100%;
	margin: 50px auto 0 auto;
	/* Fallback for web browsers that doesn't support RGBa */
	 background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	 background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	overflow: hidden;

	 -webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
			   -moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
				   border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
		 -webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
			 -moz-border-radius-bottomleft: 5px;
					border-top-left-radius: 5px;
				 border-bottom-left-radius: 5px;
}
/*width: 58.3333333333333%; /* 525px / 900px */
.course-heading-wrapper .course-heading-inset .container .heading .heading-right {
	width: 26.1437908496732%; /*  200px / 765px */
	padding: 15px 01.9607843137255%;
	float: right;
}


.course-heading-wrapper .course-heading-inset .container .heading .heading-left {
	width: 65.359477124183%; /* 500px / 765px */
	padding: 0px 01.9607843137255%;
	float: left;
}

.heading-left h1 {
	font-size: 26px;
	line-height: 30px;
	color: #FFF;
	/*text-shadow: 2px 2px 2px #000, rgba(0,0,0,0.4) 0 -1px;*/
	text-shadow: 0 1px 1px black, rgba(0, 0, 0, 0.2)0 -1px;
}

.heading-left h1 span.prefix-number {
	color: #E5DE9F;
	display: block;
}


.heading-left h1 span.title {
	overflow: hidden;
	display: block;
	max-height: 60px;
	/* text-overflow: ellipsis; */
	/* max-width: 25ex; */
	/* white-space: nowrap; */
}

.heading-left h1 span.section {
	display: block;
	font-size: 16px;
	font-family: "gotham_htflight", sans-serif !important;
}

.course-heading-wrapper .course-heading-inset .container .heading .heading-right .btn-block + .btn-block {
	margin-top: 15px !important;
}

.course-heading-wrapper .course-heading-inset .container .heading .heading-right .btn-wolfware {
	font-family: "gotham_htfmedium", sans-serif !important;
}

/* course details */

/* courses table */

#coursesTab > li {
	padding-top: 6px;
}

#coursesTab > li > a {
	color: #555555;
	background-color: #ffffff;
	border-top: none;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	border-bottom-color: #dddddd;
}

#coursesTab > li.active > a {
	border-bottom-color: transparent;
}

#coursesTab .nav .dropdown-toggle .caret {
	border-top-color: #000000;
	border-bottom-color: #000000;
	margin-top: 6px;
}


#coursesTab > .active-current,
#coursesTab > .current:hover,
#coursesTab > .current:focus {
	background-color: #cc0000;
}


#coursesTab > .active-future,
#coursesTab > .future:hover,
#coursesTab > .future:focus {
	background-color: #427e93;
}

#coursesTab > .active-previous,
#coursesTab > .previous:hover,
#coursesTab > .previous:focus {
	background-color: #666666;
}

#coursesTab > .active-outreach,
#coursesTab > .outreach:hover,
#coursesTab > .outreach:focus {
	background-color: #4156a1;
}

#coursesTab > .active-project,
#coursesTab > .project:hover,
#coursesTab > .project:focus {
	background-color: #7d8c1f;
}



.saved-search {
	margin-bottom: 0px;
	float: right;
}


.saved-search > li > a {
	color: #000000;
	background: #FFF;
}

.saved-search > li > a:hover {
	background: #dce0e0;
}



.courses {
	width: 100%;
	margin: 0;
	padding: 0;
	}
.courses th,
.courses td {
	padding: 10px 20px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	}
.courses th {
	border-width: 2px;
	}
.courses td {
	color: #666;
	}
.courses tr:last-child th,
.courses tr:last-child td {
	border-bottom: none;
	}
.courses tr:nth-child(even) {
	background: #eee;
	}

.nobg {
	background: none !important;
}

.courses td .student-button {
	float: right;
}

/* courses table */

.course-search-heading {
	padding: 0px;
	margin-bottom: 20px;
}

.course-search-heading ul {
	margin: 0px;
}

.course-search-heading ul li {
	list-style-type: none;
	display: inline-block;
}

.course-search-heading ul li a {
	text-decoration: none;
	/* padding-top: 10px; */
}

.course-search-heading ul li form {
	display: inline-block;
	height: 20px;
}

.course-search-heading ul li form select {
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.course-search-heading ul li:last-child {
	float:right;
	padding-top: 5px;
}


.tab-content {
	overflow: inherit !important;
	clear: both;
}

#leftcolumn {
	/* bad things happen with vertical padding */
}

#leftcolumn .expander {
	display:none;
	width:45px;
	height:45px;
	background: url('../img/toolbox-open.png') top right no-repeat;
	right:-45px;
}
#leftcolumn .expander.open {
	background: url('../img/toolbox-close.png') top right no-repeat;
	/* right:0px; */
}


/* ADDED For Collapsed Block starts */
/* SMALLER ICONS */
[class^="custom-smaller-icon"],
[class*=" custom-smaller-icon"] {
  display: inline-block;
  width: 21px;
  height: 21px;
  *margin-right: .3em;
  line-height: 21px;
  vertical-align: text-top;
  background-image: url("../img/icons-smaller-custom.png");
  background-position: 21px 21px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

/* ADDED For Collapsed Block */
.custom-smaller-icon-group {
 background-position: -214px -26px;
}
/* ADDED For Collapsed Block stops */


/* Custom Icons Stop */

a {
	color: #006fa7;
}

h4 a small {
	color: #006fa7;
}

.alert-warning {
	color: #a06400;
	border-color: #e0c800;
}

.alert-info {
	color: #666666;
}



/* Request Project Space Styles Start */



.project-heading label, .project-heading {
	font-size: 17px !important;
	font-weight: bold;
}

.request_project > * {
	display: inline-block;
}

.request_project .project_space_name {
	display: block !important;
}

.request_project input {
	margin: 0 0 0 !important;
}

.form_list {
	margin-left: 0px;
}

.form_list li {
	list-style-type: none;
	padding: 10px 0px;
}

.form_list li input.project-space {
	display: block !important;
	background: #0FF;
	float: left;
	padding: 0px 10px 0px 10px;
	width: 20px;
}


.form_list li .course_input label {
	display: inline !important;
	padding-left: 10px;
}


.request_project #project_tos_checkbox {
	display: inline;
}

.request_project .agreement-label {
	display: inline;
	font-style: italic;
	color: #999;
}





/* Request Project Space Styles End */


/* CUSTOM MEDIA QUERIES START */


@media (max-width: 1230px) and (min-width: 1200px) {
/* Container bug fix - spanning more than width of window */

.container {
	padding: 0px !important;
}

.bottombar {
	padding-top: 25px !important;
	}

}


@media (max-width: 1193px) and (min-width: 768px) {

/*.course-listing ul.main-info h2 {
	margin: 0px;
	padding: 0px;
	max-height: 56px;
	max-width: 400px;
	overflow: hidden;*/
	/* max-width: 16ex; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	
}


.course-listing ul.main-info .instructor div {
	margin: 0px;
	padding: 0px;
	max-width: 27ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-height: 26px;
	max-width: 400px;
}

span.instructor-contact {
	white-space: nowrap;
	max-width: 16ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}


.course-listing ul.main-info .user-role span {
	max-width: 45ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.course-listing ul.main-info .course-number a {
	color: #6D6E71;
	max-width: 19ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.course-listing ul.main-info .section-number a {
	max-width: 19ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

/* .date-time ul li {
	max-width: 12ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
*/


}


@media (max-width: 995px) and (min-width: 980px) {

/* Container bug fix - spanning more than width of window */

.container {
	padding: 0px !important;
}

.bottombar {
	padding-top: 25px !important;
	}






}



@media (min-width: 768px) {
.toolbox-wrapper {
	background: #565555;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiM1NjU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  #565555 21%, #ffffff 21%);

	background: -webkit-gradient(linear, left top, right top, color-stop(21%,#565555), color-stop(21%,#ffffff));

	background: -webkit-linear-gradient(left,  #565555 21%,#ffffff 21%);

	background: -o-linear-gradient(left,  #565555 21%,#ffffff 21%);

	background: -ms-linear-gradient(left,  #565555 21%,#ffffff 21%);

	background: linear-gradient(to right,  #565555 21%,#ffffff 21%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#ffffff',GradientType=1 );

}

#coursesTab > li:last-child {
	float: right;
}
}


/* ADDED For Condensed Block */
@media (min-width: 1200px) {
	
.courselisting-left {
	width: 80% !important;
}

}

/* ADDED For Text Truncation */
@media (max-width: 1199px) and (min-width: 980px) {

.courselisting-left {
	/* width: 18.8034188034188%; */ /* 220px / 1170px */
	width: 76% !important;
}


}


@media (max-width: 979px) and (min-width: 780px) {

	#leftcolumn {
	width:220px;
}
	#rightcolumn {
	width:484px;
	background: #FFFFFF;
}



.target-callout dd span {
	display:none;
}


}



@media (max-width: 979px) and (min-width: 768px) {

ul.instructors-quick-list li span {
	white-space: nowrap;
	max-width: 10ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

ul.course-tools-quick-list li span.clip {
	white-space: nowrap;
	max-width: 10ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

ul.quick-list li a span {
	white-space: nowrap;
	max-width: 4ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

ul.quick-list li a span.end {
	white-space: nowrap;
	max-width: 1ex;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.form-wrapper input {
	width: 162px !important;
}


/*.course-listing ul.main-info h2 {
	margin: 0px;
	padding: 0px;
	max-height: 56px;
	max-width: 200px;
	overflow: hidden;*/
	/* max-width: 16ex; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
/*}*/

.course-listing ul.main-info .user-role span {
	max-width: 30ex !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

/* ADDED For Text Truncation */
.courselisting-left {
	width: 66% !important;
}

}

@media (max-width: 979px) and (min-width: 651px) {

.course-listing ul.main-info .user-role span {
	max-width: 30ex !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}




#coursesTab > li:last-child {
	float: right;
}

}



}


@media (max-width: 778px) and (min-width: 768px) {

/* Container bug fix - spanning more than width of window */

.container {
	padding: 0px !important;
}

.bottombar {
	padding-top: 25px !important;
	}

}


/* ADDED For Text Truncation */
@media (max-width: 767px) and (min-width: 651px) {

.courselisting-left {
	width: 72% !important;
}


}





@media (max-width: 767px) {

.toolbox-wrapper {
		background:  none;
}

#maincontent .row {
	position:relative;
}


#leftcolumn, #rightcolumn {
	padding-top: 10px;
}

/* ADDED For Condensed Block */
.btn-toolbar {
	margin-top: 0px !important;
}


#leftcolumn {
 	width:220px;
	position:absolute;
	left:-240px;
	top:0px;
	display: none;
}
#leftcolumn .expander {
	position:absolute;
	width:45px;
	height:45px;
	background: url(../img/toolbox-open.png) top right no-repeat;
	top:15px;
	display:block;
	cursor:pointer;
}



.topbar .home {
	padding: 0px 0px 0px 20px !important;
}


.logo {
	padding: 0px 0px 0px 0px !important;
	display: inline-block;
	margin: 3px 0px 0px 0px;
}


.logo span {
	display: inline-block;
	background: url(../img/logo.png) no-repeat 0px center;
	width: 47px;
	height: 32px;
}


.course-heading-wrapper {
	width: 100%;
	height: auto;
	border-top: 1px solid #323030;
	border-bottom: 1px solid #C6C6C6;
}



.course-heading-wrapper .course-heading-inset .container {
	background: none !important;
  	/*padding: 0px !important;*/
}


.course-heading-wrapper .course-heading-inset .container .heading {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin: 0px auto 0 auto;
	background: none !important;

}

.course-heading-wrapper .course-heading-inset .container .heading .heading-right {
	width: 100%;
	padding: 0px 0px 0px 0px;
	float: none;
}


.course-heading-wrapper .course-heading-inset .container .heading .heading-left {
	width: 100%;
	padding: 15px 0px 0px 0px;
	float: none;
}

.related-courses {
	margin: 0 0 15px 0;
	}

.course-rightcol {
	border-top: 3px solid #b1a99b;
}


.target-callout dd span {
    display:none;
}


.tool-quickview {
	margin: 10px 0px 10px 0px !important;
}


}




@media (min-width: 651px) {

/* UPDATED For Collapsed Block */
.accordian-collapsed {
	border: 0px !important;	
	margin-bottom: 0px !important;
}
/* UPDATED For Condensed Block */
.courselisting-right {
	height: 100%;
}

.course-listing-button {
	display: none;
}

/* ADDED For Condensed Block */
.course-block {
	display: block;
	height: 106px;
	overflow: visible;
	background-color: #666666;
	padding: 2px 57px 2px 18px;
	box-sizing: border-box;
	position: relative;
}

/* ADDED For Collapsed Block */
.course-block-collapsed {
	display: block;
	height: 42px;
	overflow: visible;
}
/* UPDATED For Text Truncation */
.course-listing ul.main-info h2 {
	font-size: 20px !important;
	line-height: 26px !important;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: block;
	max-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}


/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info {
	height: 20px;
	overflow: hidden !important;
	white-space: nowrap !important;
}

/* UPDATED For Condensed Block */
.course-listing ul.main-info li .detail-info li {
	padding-right: 10px;
	display: inline-block !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}

/* UPDATED For Condensed Block */
.date-time ul {
	margin: 5px 0px 0px 0px; 
	display: block;
	overflow: hidden;
	height: 20px;
	max-height: 30px;
	text-overflow: clip;
	white-space: nowrap;
}


/* UPDATED For Condensed Block */
.date-time ul li span {
	padding-right: 5px !important;
}

/* UPDATED For Condensed Block */
.date-time ul li {
	display: inline-block;
	border-right: 1px solid #000;
}

/* UPDATED For Condensed Block */
.date-time ul li:nth-last-child(2) {
	padding-left: 5px !important;
}

/* UPDATED For Condensed Block */
.date-time ul li:last-of-type {
	padding-right: 0px !important;
	border-right: none !important;
	padding-left: 5px !important;
}

/* ADDED For Collapsed Block */
.collapsed-block {
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #ccc7c1;
}

/* ADDED For Collapsed Block collapseOne */
.first-block {
	border-top: 1px solid #ccc7c1;
}




/* ADDED For Collapsed Block */
.collapsed-list, .project-list {
	margin: 0px;
	padding: 0px;	
}

/* ADDED For Collapsed Block */
.collapsed-list li {
	display: inline-block;
	overflow: hidden;
}



/* ADDED For Collapsed Block PROJECT FIX */
.project-list li {
	display: inline-block;
	overflow: hidden;
}
/* ADDED For Collapsed Block */
.collapsed-list li a, .project-list li a {
	display: inline-block;
	color: #000 !important;
	text-decoration: none;
}

/* ADDED For Collapsed Block */
.collapsed-list li span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	
}

/* ADDED For Collapsed Block PROJECT FIX */
.project-list li span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 0px 0px 5px 0px;
	/*background: #C30;*/
}

/* ADDED For Collapsed Block */
.collapsed-list > li:not(.collapsed-tools) {
	width: 20%;	
}

/* ADDED For Collapsed Block */
.project-list > li:not(.collapsed-tools) {
	width: 60%;	
}

/* ADDED For Collapsed Block */
.collapsed-list li.collapsed-tools, .project-list li.collapsed-tools  {
	float: right;
}

/* ADDED For Collapsed Block */
.collapsed-tools li, .project-list li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	
}

/* ADDED For Collapsed Block */
.collapsed-tools ul {
	margin: 0px;
}
.accordion-group {
	margin-bottom: 20px;
}

.accordion-group:last-child {
	margin-bottom: 0px;
}

.course-listing {
	display: block !important;
}


#coursesTab > li > a i.mobile-icon {
	display: none;
}


.target-callout,
.target-callout figure,
.target-callout h4 span,
.target-callout dd,
.target-callout dd span.search-button,
.target-callout dl {
	-webkit-transition: all 300ms cdubic-bezier(0.32, 0.22, 0.35, 0.98);
	-webkit-transition-delay: 0;
	       -moz-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;
	         -o-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;
	            transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;
}

.target-callout:hover, .target-callout.expanded {
	margin-top: 175px;
	height: 200px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
	        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);

	background: #f8f0dd;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjBkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWQ2YzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #f8f0dd 0%, #e1d6c2 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f0dd), color-stop(100%,#e1d6c2));

	background: -webkit-linear-gradient(top,  #f8f0dd 0%,#e1d6c2 100%);

	background: -o-linear-gradient(top,  #f8f0dd 0%,#e1d6c2 100%);

	background: -ms-linear-gradient(top,  #f8f0dd 0%,#e1d6c2 100%);

	background: linear-gradient(to bottom,  #f8f0dd 0%,#e1d6c2 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f0dd', endColorstr='#e1d6c2',GradientType=0 );



}

.target-callout:hover figure, .target-callout.expanded figure {
	height:175px;
	top:-175px;
	opacity:1;
        -webkit-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
           -moz-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
                box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
}

.target-callout:hover dd, .target-callout.expanded dd {
	height: 136px;
	opacity: 1;
}

.target-callout:hover dd span.search-button, .target-callout.expanded dd span.search-button {
	opacity: 1;
}

.target-callout:hover, .target-callout:hover h4 span, .target-callout.expanded, .target-callout.expanded h4 span {
	-webkit-transition-duration: 225ms;
	   -moz-transition-duration: 225ms;
 	     -o-transition-duration: 225ms;
	        transition-duration: 225ms;
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}

.target-callout:hover figure, .target-callout.expanded figure {
	-webkit-transition-duration: 225ms;
	   -moz-transition-duration: 225ms;
	     -o-transition-duration: 225ms;
	        transition-duration: 225ms;
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}

.target-callout:hover dd, .target-callout.expanded dd {
	-webkit-transition-duration: 540ms;
	   -moz-transition-duration: 540ms;
	     -o-transition-duration: 540ms;
	        transition-duration: 540ms;
	-webkit-transition-delay: 500ms;
	   -moz-transition-delay: 500ms;
	     -o-transition-delay: 500ms;
	        transition-delay: 500ms;
}

.target-callout:hover dd span.search-button .target-callout.expanded dd span.search-button {
	-webkit-transition-duration: 540ms;
	   -moz-transition-duration: 540ms;
	     -o-transition-duration: 540ms;
	        transition-duration: 540ms;
	-webkit-transition-delay: 1100ms;
	   -moz-transition-delay: 1100ms;
	     -o-transition-delay: 1100ms;
	        transition-delay: 1100ms;
}

}

@media (max-width: 650px) {

body {
	height:100%;
}


.settings .btn-group li:nth-child(2) a {
	-webkit-border-top-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	border-top-right-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-bottom-right-radius: 0px !important;
}


.course-landing-inset {
	height: 150px !important;
}

.course-landing-inset img.cloud-top {
	opacity:0.6;filter:alpha(opacity=60);
}

.course-landing-inset img.cloud-bottom {
	opacity:0.6;filter:alpha(opacity=60);
}

.course-landing-wrapper {
	height: auto;
}


/* Course Tabs [Search Results] Starts  */


.tabbable .nav-tabs {
	border-bottom: none;

}

#coursesTab {
	border-bottom: none !important;
}

#coursesTab > li {
 	float: none;
}


#coursesTab > li > a i.current-indicator {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	margin-top: 1px;
	background-color: #cc0000;
	border: 1px solid #990000;
	margin-right: 5px;
	margin-left: -3px;
}

#coursesTab > li > a i.future-indicator {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	margin-top: 1px;
	background-color: #427e93;
	border: 1px solid #1d4b61;
	margin-right: 5px;
	margin-left: -3px;
}

#coursesTab > li > a i.previous-indicator {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	margin-top: 1px;
	background-color: #666666;
	border: 1px solid #333333;
	margin-right: 5px;
	margin-left: -3px;
}

#coursesTab > li > a i.outreach-indicator {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	margin-top: 1px;
	background-color: #4156a1;
	border: 1px solid #24347b
	margin-right: 5px;
	margin-left: -3px;
}

#coursesTab > li > a i.project-indicator {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	margin-top: 1px;
	background-color: #7d8c1f;
	border: 1px solid #4e5e0b;
	margin-right: 5px;
	margin-left: -3px;
}

#coursesTab > li > a {
	border-radius: 0 0 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#coursesTab > li > a:hover {
	border-left: 1px;
	border-right: none !important;
}

#coursesTab > li > a:hover {
	border-left: 1px solid #eeeeee !important;
	border-right: 1px solid transparent !important;
}


#coursesTab > .active > a, #coursesTab > .active > a:hover {
 	border-top: 1px solid #ddd;
	border-left: 0px solid transparent !important;
	border-right: 1px solid transparent !important;
	background: #5b595a;
	color: #FFF;
}


#coursesTab > li:last-child {
	border-bottom: none !important;
}


.mobile-search-submenu {
	background: #F33;
}

.mobile-search-submenu select {
	width: 95% !important;
}



.saved-search {
	margin-bottom: 0px;
	float: none;
}

.saved-search > li {
	float: none;
}

.saved-search > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 20px;
	margin-bottom: 2px;
	background: #d14905 !important;
	color: #FFF !important;
}

.saved-search > li > a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

.saved-search > li > a:hover {
	background: #016090;
}


.course-current, .course-future, .course-previous, .course-outreach, .course-project  {
	background: #FFFFFF;
}



.btn-current {
	border-left: 3px solid #cc0000;
	border-radius: 0 !important;
}

.btn-future {
	border-left: 3px solid #427e93;
	border-radius: 0 !important;
}

.btn-previous {
	border-left: 3px solid #666666;
	border-radius: 0 !important;
}

.btn-outreach {
	border-left: 3px solid #4156a1;
	border-radius: 0 !important;
}

.btn-project {
	border-left: 3px solid #7d8c1f;
	border-radius: 0 !important;
}

/* Course Tabs [Search Results] Ends  */


.homepage-search-heading {
	width: 100% !important;
}

.homepage-search-heading h2 {
	font-size: 25px !important;
}

.homepage-search-heading ul {
	display: none !important;
}

.homepage-search-heading form {
	display: none;
}

/* ADDED For Condensed Block */
.courselisting-left {
	width: 100% !important;
}


/* Mobile Search Menu Starts Here */

#main-container {
	/*overflow-x:hidden;*/
	/*height:100%;*/
	position:relative;
    margin-left:-178px;
	background: rgb(86,85,85); /* Old browsers */

	background: -moz-linear-gradient(left,  rgba(86,85,85,1) 95%, rgba(58,57,57,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(95%,rgba(86,85,85,1)), color-stop(100%,rgba(58,57,57,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(86,85,85,1) 95%,rgba(58,57,57,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(86,85,85,1) 95%,rgba(58,57,57,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(86,85,85,1) 95%,rgba(58,57,57,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(86,85,85,1) 95%,rgba(58,57,57,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#3a3939',GradientType=1 ); /* IE6-9 */

	background-position: 178px 0px;
}

#content {
	margin-left:178px;
	/*position:absolute; */
	top:0;
	left:0px;
	/*height:100%;*/
	border-left:1px solid black;
}

#menu {
	float: left;
	height: 100%;
	width: 177px;
	display:block;
	position: absolute;
}

#menu form {
	margin: 0px;
	padding: 0px;
}

#menu h3 {
	font-family: arial;
	font-size: 12px;
	color: #fff;
	margin: 0;
	padding: 4px 0 4px 10px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(90,89,89,1)),color-stop(85%,rgba(66,65,65,1)));
	border-top: solid #6b6b6b 1px;
	border-bottom: solid #3d3d3d 1px;
	text-shadow: 0 -1px 1px #333;
}

#menu .mobile-search-field-wrapper {
	padding: 5px 5px 5px 10px;
	margin-bottom: 0px !important;
	background: #333 url(../img/toolbar-bg.png) repeat-y;
	background-position: 154px 0px;
	width: 163px;
}

#menu .mobile-search-field-wrapper .mobile-search-field {
	width: 130px !important;
	display: inline-block;
}

#menu .mobile-search-field-wrapper .btn {
	width: 25px !important;
}

#menu .mobile-search-field-wrapper .btn .icon-search {
	padding-left: 0px;
	margin-left: -7px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;

}
#menu ul li a:link,
#menu ul li a:visited {
	border-bottom: solid #333 1px;
	box-shadow: 0 1px 0 #727272;
	color: #fff;
	display: block;
	font-family: arial;
	font-size: 14px;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
	font-weight: bold;
}
#menu ul li a:hover,
#menu ul li a:active {

	background: rgb(113,111,111); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(113,111,111,1) 80%, rgba(58,57,57,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(80%,rgba(113,111,111,1)), color-stop(100%,rgba(58,57,57,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#716f6f', endColorstr='#3a3939',GradientType=1 ); /* IE6-9 */

	background-position: 177px 0px;
}

#menu ul.mobile-search-submenu {
	background: rgb(113,111,111); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(113,111,111,1) 80%, rgba(58,57,57,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(80%,rgba(113,111,111,1)), color-stop(100%,rgba(58,57,57,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(113,111,111,1) 80%,rgba(58,57,57,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#716f6f', endColorstr='#3a3939',GradientType=1 ); /* IE6-9 */

	background-position: 178px 0px;
}

#menu ul.mobile-search-submenu li.submenu-divider {
	padding: 10px 0px 10px 10px;
	font-family: arial;
	font-size: 12px;
	border-bottom: solid #333 1px;
	box-shadow: 0 1px 0 #727272;
	color: #fff;
	text-shadow: 0 1px 1px #000;
	width: 167px !important;

}

#menu ul.mobile-search-submenu li.submenu-divider label {
	font-size: 12px !important;
}

#menu .accordion-group {
	border: 0px;
	margin: 0px;
}

#menu ul.mobile-search-submenu li a span {
	max-width: 22ex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

#menu ul.mobile-search-submenu li a {
	font-size: 12px;
	font-weight: normal;
}

#menu ul.mobile-search-submenu li a:hover {
	background: #333 url(../img/toolbar-bg.png) repeat-y;
	background-position: 154px 0px;
	opacity:0.6;filter:alpha(opacity=60);
}

/* Mobile Search Menu Ends Here */

.logo {
	padding: 0px 0px 0px 0px !important;
	display: inline-block;
}

.logo span {
	display: inline-block;
	background: url(../img/logo.png) no-repeat 0px center;
	width: 47px;
	height: 32px;
}

/* Large Logo starts */

.logo-large {
	padding: 0px 0px 0px 0px;
	display: inline-block;
	width: 47px;
	margin: 3px 0px 0px 0px;
}

.logo-large span {
	display: inline-block;
	background: url(../img/logo.png) no-repeat 0px center;
	width: 47px;
	height: 32px;
}

.logo-large img {
	width: 47px;
	height: 32px;
	display: inline-block;
}

/* Large Logo ends */

.form-wrapper {
	display: none;
}



/* breadcrumb */

.postnav {
	border-bottom: 1px solid #e3e3e3;
}

.mobile-search-button {
	display: inline-block !important;
	margin: 4px 0px 0px 5px;
}


.mobile-breadcrumb-button {
	display: inline-block !important;
	float: right;
}

.breadcrumb-orientation {
	position:absolute;
	bottom:auto;
	top:0px;
}

.wrapped-breadcrumb.collapse {
	width:100%;
	z-index: 1;
	height: 0px;
}


.breadcrumb-wrapper {
	width: 100%;
	background: #565555;
	height: auto;
	border-bottom: 1px solid #C6C6C6;
	margin-bottom: 0px;
	z-index: 1;

}

.breadcrumb-wrapper .container {
	padding: 0px 0px !important;
}



.breadcrumb {
	padding: 0px;
	margin: 0;
	list-style: none;
	background-color: none;
}

.breadcrumb li {
	display: block;
	text-shadow: none !important;
	padding: 10px 20px;
	margin: 0px;
	border-bottom: 1px solid #767474;
}

.breadcrumb li:last-child {
	border-bottom: none;
}




.breadcrumb li a {
	color: #CCC !important;
	font-size: 13px;
	text-shadow: none !important;
}

.breadcrumb li:hover {
	background: #404040;
	color: #FFF;
}

.breadcrumb li .divider {
	display: none;
}

.nobg {
	background: none !important;
}

/* breadcrumb */


.course-landing-wrapper h2 {
	font-size: 40px !important;
}

.course-landing-wrapper h2 span {
	font-size: 30px;
	line-height: 50px;
	display: block;
	font-family: "gotham_htflight_italic", sans-serif;
	color: #E5DE9F;
}

.accordion-group {
	border: 0px !important;
}

.accordion .collapse  {
	border: 1px solid #ccc7c1;
	width: 100%;
	margin-top: -5px;
}

.course-listing-button {
	display: block;
	z-index: 5;
}


/* UPDATED For Condensed Block */
.course-listing ul.main-info {
	width: 93.8461538461538%;
	padding: 12px 3.0769230769231% 5px 3.0769230769231%;
}

/* UPDATED For Condensed Block */
.courselisting-right {
	width: 94.8461538461538%; /* width: 93.8461538461538%; */ /* 610px / 650px */
	padding: 0px 3.0769230769231% 12px 3.0769230769231%; /* 20px / 650px */
	height: 47px;
}

.courselisting-right ul {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	text-align: left;
}

/* DELETE For Condensed Block */
/*.courselisting-right ul li.secondary-button:nth-child(4) a, .courselisting-right ul li.secondary-button:nth-child(7) a {
	margin-right: 22px;
}*/


/* ADDED For Collapsed Block */
.collapsed-block {
	/* background: #900; */
	
}


/* ADDED For Collapsed Block */
.collapsed-list, .project-list {
	width: 93.8461538461538%;
	padding: 12px 3.0769230769231% 5px 3.0769230769231%;
	margin: 0px;
}

/* ADDED For Collapsed Block */
.collapsed-list li {
	/* background: #C96; */
}

/* ADDED For Collapsed Block */
.collapsed-list li a {
	/* background: #0C9; */ /* test */
	
}

/* ADDED For Collapsed Block */
.collapsed-list li span, .project-list li span {
	padding: 0px 0px 0px 0px;
	
}

/* ADDED For Collapsed Block */
.collapsed-list > li:not(.collapsed-tools), .project-list > li:not(.collapsed-tools)  {
	margin: 0px 0px 10px 0px;
}


/* ADDED For Collapsed Block */
.collapsed-list li.collapsed-tools, .project-list li.collapsed-tools {
	float: left;
}


/* ADDED For Collapsed Block */
.collapsed-tools li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
}

/* ADDED For Collapsed Block */
.collapsed-tools ul {
	margin: 10px 0px;
}


.btn-left-size {
	width: 85.5555555555556%; /*  539px / 630px */
	text-align: left;
	padding: 9px 2.2222222222222% !important;  /* 28px / 630px */
}

.btn-left-size h2 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font: 15px "UniversLTStd65Bold", sans-serif !important;
	height: 19px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.btn-right-size {
	width: 05.5555555555556%; /* 35px / 630px */
	padding: 9px 2.2222222222222% !important;  /* 28px / 630px */
	height: 20px;
}

.btn-left-size span {
	color: #999;
	font: 15px "UniversLTStd55Oblique", sans-serif;
	line-height: 0px;
}



.accordion-group {
	margin-bottom: 10px;
}

.accordion-group:last-child {
	margin-bottom: 0px;
}



.accordion-heading {
	background: #000 !important;
}

.accordion-heading .accordion-toggle {
	color: #FFF !important;
	font: 19px "UniversLTStd65Bold", sans-serif;
}

.accordion-heading .accordion-toggle:hover {
	text-decoration: none;
	opacity:0.8;filter:alpha(opacity=80);
}

.accordion-heading .accordion-toggle span {
	color: #CCC;
	font: 19px "UniversLTStd55Oblique", sans-serif;
}

.inner-bg {
	background: url(../img/texture.png) top left;
}



.inner-bg ul.main-info {
	list-style-type: none;
	margin: 0px;
	padding: 20px;
	height: 114px;
	float: left;
	display: block !important;
	clear: both !important;
}

.inner-bg ul.main-info h2 {
	margin: 0px;
	padding: 0px;
	font: 24px "UniversLTStd65Bold", sans-serif;
}

.inner-bg ul.main-info .course-number {
	font: 19px "UniversLTStd65Bold", sans-serif;
}

.inner-bg ul.main-info .section-number {
	font: 17px "UniversLTStd55Oblique", sans-serif;
}


.inner-bg ul.main-info h2 a, .inner-bg ul.main-info .course-number a, .inner-bg ul.main-info .section-number a {
	text-decoration: none;
}

.inner-bg ul.main-info h2 a:hover, .inner-bg ul.main-info .course-number a:hover, .inner-bg ul.main-info .section-number a:hover {
	opacity:0.8;filter:alpha(opacity=80);
}

.inner-bg ul.main-info h2 a {
	color: #000;
}

.inner-bg ul.main-info .course-number a {
	color: #6D6E71;
}

.inner-bg ul.main-info .section-number a {
	color: #6D6E71;
}

.inner-bg ul.main-info .instructor {
	margin-top: 10px;
}


.inner-bg ul.course-buttons  {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block !important;
}

.inner-bg ul.course-buttons li {
	list-style-type: none;
	text-align: center;
	display: inline;
}

.inner-bg ul.course-buttons li a {
	text-decoration: none;
}

.inner-bg ul.course-buttons li.secondary-button a {
	width: 45px;
	height: 45px;
	margin-right: 22px;
	display: inline-block;
	background: #999;
}

.inner-bg ul.course-buttons li:last-child a {
	margin-right: 0px;

}

.inner-bg ul.course-buttons li.secondary-button a:hover {
	background: #777;
}


.landing-callout ul {
	display: none;
}



/* Big change for callouts */

/* Big change for callouts */

.landing-callout-wrapper {
	top: inherit;
	height: inherit;
	position: relative;
	margin: 0px;
}

.target-callout {
        margin-top: 200px;
        height: 200px;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
           -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
		width:100%;

		background: #f8f0dd;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjBkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWQ2YzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #f8f0dd 0%, #e1d6c2 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f0dd), color-stop(100%,#e1d6c2));

	background: -webkit-linear-gradient(top,  #f8f0dd 0%,#e1d6c2 100%);

	background: -o-linear-gradient(top,  #f8f0dd 0%,#e1d6c2 100%);

	background: -ms-linear-gradient(top,  #f8f0dd 0%,#e1d6c2 100%);

	background: linear-gradient(to bottom,  #f8f0dd 0%,#e1d6c2 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f0dd', endColorstr='#e1d6c2',GradientType=0 );


}



.target-callout figure {
        height:175px;
        top:-175px;
        opacity:1;
        -webkit-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
           -moz-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
                box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
}

.target-callout dl {
		-webkit-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
					box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.4), -1px -1px 4px 0 rgba(0, 0, 0, 0.4);
}


.target-callout dd {
        height: 136px;
        opacity: 1;
}

.target-callout dd span {
		display:inline;
}

.target-callout dd span.search-button {
        opacity: 1;
}

.target-callout dd span.search-button:hover {
        background-color: #fa5c54;
}


/* footer starts */


.mobile-footer-button {
	display: inline-block !important;
	float: right;
	margin: 20px 0px 0px 0px;
	background: #5b595a !important;
	-webkit-box-shadow: none !important;
  	-webkit-box-shadow: none !important;
  	box-shadow: none !important;
	border: 1px solid #353536;
}


.mobile-footer-button:hover {
	opacity:0.8;filter:alpha(opacity=80);
}



.footer-wrapper {
	max-width: 1170px;
	margin: 0;
	padding-left: 0 ;
	text-align: left;
}

.footer-wrapper ul {
	margin: 70px 0px 20px 0px;
}

.footer-wrapper ul li {
	list-style-type: none;
	display: block;
	border-top: 1px solid #70737A;
	padding-right: 0px !important;
}

.footer-wrapper ul li:last-child {
	padding-right: 0px;
	border-bottom: 1px solid #70737A;
}


.footer-wrapper ul li a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display: block;
	padding: 8px 0px 8px 15px;
	width: 100%;
}

.footer-wrapper ul li a:hover {
	background: #70737A;
	padding: 8px 0px 8px 15px;
	opacity: 0.8;filter:alpha(opacity=80);
}

.footer-wrapper ul li ul.secondary li:last-child {
	border-bottom: 1px solid #70737A !important;
}

.footer-wrapper ul.collapse {
	height: 0px;
}

.footer-wrapper p {
	text-align: center;
}

/* footer ends */


}

@media (max-width: 509px) {


.course-section, .delivery {
	display: none;
}


}



@media (max-width: 480px) {


/* input, textarea, .uneditable-input {
	width: 50px !important;
} */


}
/* CUSTOM MEDIA QUERIES END */

.alert-notification {
	margin-bottom: 20px;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
	padding: 8px 14px 8px 14px;
	color: #222200;
	border-color: #444444;
	background-color: #FDD726;
}

.alert-notification-dismissed {
	padding: 8px 14px 8px 14px;
	color: #444444;
	border-color: #AAAAAA;
	background-color: #EEEEEE;
}

.notification_hidden {
	display: none;
}

.notification_less_link {
	display: none;
}

.notificaton_title {
	font-weight:bold;
	display:block;
	font-size:120%;
	margin-bottom: 0.25em;
	letter-spacing:0.5pt;
}

.notificaton_blurb {
}

.notificaton_full_text {
	margin-top: 0.25em;
	display:none;
}

.notificaton_more_text_link {
	margin: 0.25em 0;
	display:block;
}

.notification_dismiss {
	color: black !important;
}

.notification_link {
	margin-top: 0.25em;
	display:block;
}

#notification_modal .modal-header {
	color: black;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,180,1) 0%, rgba(255,255,100,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,180,1)), color-stop(100%,rgba(255,255,100,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,180,1) 0%,rgba(255,255,100,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,180,1) 0%,rgba(255,255,100,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,180,1) 0%,rgba(255,255,100,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,180,1) 0%,rgba(255,255,100,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#notification_modal .modal-header h3 {
	color: black;
}

#notification_modal .modal-header button {
	color: black !important;
}

#notification_modal .modal-footer {
	color: black;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,238,1) 0%, rgba(255,255,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,238,1)), color-stop(100%,rgba(255,255,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,238,1) 0%,rgba(255,255,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,238,1) 0%,rgba(255,255,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,238,1) 0%,rgba(255,255,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,238,1) 0%,rgba(255,255,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.notification_red_circle {
	display: inline-block;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color:white;
	background-color:#FF0000;
	font-size:16px;
	font-weight:bold;
	height:20px;
	text-align:center;
	margin-left:10px;
	font-family:Helvetica;
	padding:0 8px 0 7px;
}

.bouncyBouncy {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bouncyBouncy;
  animation-name: bouncyBouncy;
}

@-webkit-keyframes bouncyBouncy {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
  }

  10%, 50%, 90% {
    opacity: 0.8;
    -webkit-transform: scale(1.2, 1.2);
  }

  30%, 70%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes bouncyBouncy {
  0% {
    opacity: 0;
    transform: scale(1, 1);
  }

  10%, 50%, 90% {
    opacity: 0.8;
    transform: scale(1.2, 1.2);
  }

  30%, 70%, 100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

table.announcements th {
	padding: 3px;
	background-color:#DDDDDD;
}

.announcementCell {
	padding: 10px;
	vertical-align:top;
}

/* Announcements Page 2.0 begin */

.announcement {
	padding:1em;
	border:1px solid #d2d1ca;
	margin-bottom:1em;
	background: #F2F2F2;
}

.announcement h4 {
	margin: 0;
	margin-bottom: 0.5em;
}

.announcement h4 a {
	text-decoration: none;
	color: #383838;
}

.announcement p {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.combodate_select {
}

.combodate_select option {
	font-size: 9pt;
	padding: 2px;
}
/* Announcements Page 2.0 end */


/* Email tool (start) */
input.date-picker {
	width: 100px;
}

.email-label {
	display: inline-block;
	width: 140px;
	text-align: right;
}

.email-table table {
	width: 100%;
	margin-bottom: 2em;
	border-collapse: collapse;
}

.email-table th,
.email-table td {
	border: 0;
}

/* Email tool (end) */

/* Google Groups (start) */
.side-by-side-box {
	display: inline-block;
	vertical-align: top;
}

.fancy-edit-link {
	font-weight: normal;
	display: none;
}
/* Google Groups (end) */