  /*DF Customisations*/

.course-outlines-page {
	background:#fff url('../images/ui-page-bg-2col.png') top left no-repeat;
}

.course-outlines-page .content{padding-bottom:10px;padding-top:0;}

.course-outlines-page .content .co-content-other {
        margin-top:10px; 
        padding: 10px 0 10px 0; 
        border: 1px solid rgb(200, 200, 200); 
        background: none repeat scroll 0px 0px rgb(223, 223, 223);
}

.course-outlines-page .co-col-content{position:relative;padding-top:20px}

.course-outlines-page .co-sectedit-btn {display: inline; margin-right: 10px;}

.course-outlines-page .course-outlines-override .title {
	color: #B38807;
	font-size: 2.28em;
	font-weight: normal;
}
.ui-co-title {
	font-size:1.385em;
	color:#333;
	padding:0 0 5px 0;
	display:block
}
/*Or title on lower column*/
		.ui-df-or-title {
	background:url('/course-outlines/images/ui-df-or-title.png') 225px 70% no-repeat;
}
.course-outlines-page p {
}
.course-outlines-page .content {
	padding-top:0;
	padding-bottom:20px
}
.course-outlines-page .course-outlines-override {
	width:650px;
	padding-top:20px;
	padding-bottom: 10px;
}
.course-outlines-page .course-outlines-override .ui-widget-search-results h2 {
	margin-top: 15px;
	margin-bottom: 5px;
}
.course-outlines-page .course-outlines-override .ui-widget-search-results ul {
	margin-bottom: 0px;
}
.course-outlines-page ul.ui-widget-browse-tabs {
	padding:0;
	margin:0
}
.course-outlines-page ul.ui-widget-browse-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none
}
.course-outlines-page ul.ui-widget-browse-tabs a {
	padding-left:15px;
	background:url('/course-outlines/images/ui-co-tabs-blue-wide.png') top left no-repeat;
	width:420px;
	height:39px;
	display:block;
	line-height:39px;
	font-size:1.385em;
	color:#666
}
.course-outlines-page ul.ui-widget-browse-tabs li.active a {
	color: #000;
}
.course-outlines-page ul.ui-widget-browse-tabs li a:hover {
	color: #ec1c2e;
}
.course-outlines-page ul.ui-widget-browse-tabs li.active a:hover {
	color: #000;
}
.course-outlines-page ul.ui-widget-browse-tabs li a.ui-widget-browse-tab-undergrad {
	width:405px;
	background-position:0 -39px
}
.course-outlines-page ul.ui-widget-browse-tabs li.active a.ui-widget-browse-tab-undergrad {
	width:405px;
	background-position:0 0;
	text-decoration:none
}
.course-outlines-page ul.ui-widget-browse-tabs li a.ui-widget-browse-tab-postgrad {
	width:405px;
	background-position:-420px 0px
}
.course-outlines-page ul.ui-widget-browse-tabs li.active a.ui-widget-browse-tab-postgrad {
	width:405px;
	background-position:-420px -39px;
	text-decoration:none
}
/* 
.course-outlines-page ul.ui-widget-browse-tabs li a.ui-widget-browse-tab-pgr {
	width:191px;
	background-position:-414px 0px
}
.course-outlines-page ul.ui-widget-browse-tabs li.active a.ui-widget-browse-tab-pgr {
	width:191px;
	background-position:-414px -78px;
	text-decoration:none
}
*/
.course-outlines-page .subsections {
}
.course-outlines-page .subsections ul {
	float:left;
	display:block;
	width:190px
}
.course-outlines-page .subsections ul.list-2 {
	padding-left:10px;
	width:200px
}
.course-outlines-page .subsections li {
	position:relative;
	padding:6px 0 6px 10px;
	float:none;
	display:block;
	margin:0;
}
.course-outlines-page .subsections li.last {
	border-bottom:0
}
.course-outlines-page .subsections li span.btn-icon {
	background: url("/course-outlines/images/ui-icons.png") -2px -1px no-repeat scroll transparent;
	height: 9px;
	margin-top: -4px;
	top: 50%;
	left:0;
	width: 6px;
}

div.intro-co {
        font-family: Georgia,Times,serif;
        font-size:1.154em;
        font-weight: normal;
}

.course-outlines-page .area {
	font-weight:bold;
	width:180px
}
.course-outlines-page .result-section {
	padding-top:10px;
	background:url('/course-outlines/images/ui-pod-double-line.png') top left repeat-x
}
.course-outlines-page .result-section div {
	float:left
}
.course-outlines-page .ui-tab-page {
	display:none;
	background:#fff;
	padding:0 14px 14px 14px;
	border-left:1px solid #c7daea;
	border-right:1px solid #c7daea;
	border-bottom:1px solid #c7daea
}
.course-outlines-page .ui-tab-page span.intro {
	font-family:Georgia, Times, Times New Roman, serif;
	font-style:italic;
	display:block;
	height:45px;
	line-height:45px;
	font-size:100%;
}
.course-outlines-page .ui-tab-page span.intro2 {
	font-family:Georgia, Times, Times New Roman, serif;
	font-style:italic;
	display:block;
	height:50px;
	padding-top:15px;
}
.course-outlines-page .ui-form-row .active {
	display:block
}
/*Detail Page Customisations*/
.course-outlines-page form.detail-form {
	position:absolute;
	top:30px;
	right:0
}
.co-outline-title {
	width:750px
}
.detail-page .detail-glance .title {
	width:560px
}
.detail-back-to-search-sml {
	position: relative;
	z-index: 1;
	width: 150px;
}
.detail-back-to-search-sml .btn-icon {
	background:url("/course-outlines/images/ui-icons.png") top left no-repeat;
	background-position: 0 -11px;
	height:11px;
	width:11px;
	left: -15px;
	top: 10px;
}
.detail-back-to-search {
	position: relative;
	padding-top: 20px;
	height: 50px;
}
.detail-back-to-search a {
	display: block;
	background:url('/course-outlines/images/ui-buttons.png') 0 0 no-repeat;
	color: #fff;
	font-size: 1.385em;
	line-height: 1;
	padding: 17px 0 15px 25px;
	width: 155px;
	position: absolute;
	z-index: 1;
	left: -55px
}
.detail-back-to-search a em {
	color: #e3969e;
}
.detail-back-to-search a:hover em {
	color: #fff;
}
/*Select list styling*/
.course-outlines-page form.detail-form div.selector {
	width:69px
}
.course-outlines-page form.detail-form div.selector select {
	width:69px;
	height:37px
}
.course-outlines-page form.detail-form div.selector > span {
	width:41px
}
.detail-page {
	background:#fff url('../images/ui-page-bg.png') top left no-repeat
}
.detail-page .ui-accordion a.sub-menu-btn {
	text-decoration:none
}
.course-outlines-page .detail-override {
	width:650px;
	padding-bottom: 30px;
}
.detail-page .content {
	padding-top:0;
}
.detail-glance {
	position:relative;
	padding-top:20px
}
.detail-glance .title {
	color:#b38807;
	font-size:2.28em;
	font-weight:normal
}
.detail-item {
	position:relative;
	float:left;
}
.detail-item p {
	padding-left:26px;
	line-height: 1.3
}
.detail-item span.label {
	font-weight:bold;
	color:#b38808;
	display:block
}
.detail-item span.df-glance-info {
	color:#666666;
	display:block
}
.detail-item span.s {
	font-size:0.8em;
	display:block
}
.detail-icon {
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	background:#fff url('/course-outlines/images/ui-icons.png') top left no-repeat;
	left:0;
	top:0
}
.detail-glance .detail-icon {
}
.detail-glance-campus .detail-icon {
	background-position:0 -72px
}
.detail-glance-degree-type .detail-icon {
	background-position:0 -114px
}
.detail-glance-duration .detail-icon {
	background-position:0 -156px
}
.detail-glance-satac-code .detail-icon {
	background-position: 0 -135px
}
.detail-glance-atar .detail-icon {
	background-position:0 -177px
}
.detail-disclaimer p {
	font-size:1.385em;
	color:#666;
	font-weight:normal;
	font-family:Georgia, Times, Times New Roman, sans-serif;
	color:#666;
	font-size:0.8em;
	font-style:italic
}
.detail-contact {
	padding: 10px 200px 15px 15px;
	background-color: #f4edda;
	border: 1px solid #e1cfa0;
	position: relative;
	margin-bottom: 20px;
}
.detail-contact h3 {
	margin-bottom: 5px;
}
.detail-contact span.curl {
	display: block;
	background:url('/course-outlines/images/ui-form.png') -30px 0 no-repeat;
	position: absolute;
	top: -11px;
	left: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	padding: 0;
}
.detail-contact .call-to-actions {
}
.detail-contact .call-to-actions span {
	display: block;
	float: left;
}
.detail-contact .email-us {
	padding-right: 10px;
}
.detail-contact .ui-btn-email {
	display:block;
	text-align: center;
	color:#fff;
	Background:url('/course-outlines/images/ui-buttons.png') 0 -234px no-repeat;
	border:0;
	color:#fff!important;
	width:145px;
	height:38px;
	line-height:38px;
	font-size:18px;
	border-bottom: none!important
}
.detail-contact img {
	position: absolute;
	bottom: 0;
	right: 0;
}
.detail-contact .call-us {
	position: relative;
	padding-left: 50px;
	font-size: 1.385em;
}
.detail-contact .call-us em {
	font-size: .7em;
	font-style: normal;
}
.detail-contact .call-us strong {
	color: #005a9c;
}
.detail-contact .call-us .icon {
	background:url('/course-outlines/images/ui-buttons.png') 0 -282px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.df-admin-form {
	margin-top: 10px;
	margin-bottom: 0px;
}
/*Select lists*/
			
/* div#co-vp-yearchange {
        position: absolute;
        right: 0;
        top: 30px;
        color: #333333;
        font-size: 1.385em;
}*/
                        
div.selector {
	background-image:url(/course-outlines/images/ui-sprite.png);
	background-position: -483px -141px;
	line-height: 40px;
	height: 40px;
}
div.selector span {
	background-position: right 0px;
	height: 40px;
	line-height: 40px;
	width:190px;
}
div.selector#uniform-co-vp-yearchange span {
	background-image:url(/course-outlines/images/ui-sprite.png);
	color: #333333;
	font-size: 1.385em;
	height: 40px;
	line-height: 40px;
}
div.selector select {
	/* change these to adjust positioning of select element */
        top: 0px;
	left: 0px;
	width:225px;
	min-width:225px;
	background-color:#fff;
}
div.selector select#co-vp-yearchange {
	width:80px;
	min-width:80px;
}
div.selector:active, div.selector.active {
	background-position: -483px -141px;
}
div.selector:active span, div.selector.active span {
	background-position: right 0px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -141px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right 0px;
	color:#000;
}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {
	background-position: -483px -141px;
	color:#000;
}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
	background-position: right 0;
	color:#000;
}
div.selector.disabled, div.selector.disabled:active, div.selector.disabled.active {
	background-position: -483px -360px;
}
div.selector.disabled span, div.selector.disabled:active span, div.selector.disabled.active span {
	background-position: right -160px;
}
div.ui-widget-search form.blue {
    padding: 15px 0 0 0;
}
div.ui-widget-search form.blue fieldset {
    margin-bottom: 0;
}
div#co-widget-search-advanced-bar {
        width: 868px;
        border-top: 1px solid #C7DAEA;
        background: #C7DAEA;
        background: -moz-linear-gradient(top, #C7DAEA 0%, #EAF1F8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C7DAEA), color-stop(100%,#EAF1F8));
        background: -webkit-linear-gradient(top, #C7DAEA 0%,#EAF1F8 100%);
        background: -o-linear-gradient(top, #C7DAEA 0%,#EAF1F8 100%);
        background: -ms-linear-gradient(top, #C7DAEA 0%,#EAF1F8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7DAEA', endColorstr='#EAF1F8',GradientType=0 );
        background: linear-gradient(top, #C7DAEA 0%,#EAF1F8 100%);
}
form.blue div.selector {
	width:225px;
	float:left;
}
form.blue .col_3 div.selector {
	width:98px;
}
form.blue .col_3 div.selector span {
	width:60px;
}
form.blue div.selector span {
	background-image:url(/course-outlines/images/ui-sprite.png);
	color: #333333;
	font-size: 1.385em;
	height: 40px;
	line-height: 40px;
}
form.blue .ui-widget-search-advanced-filters .col_1, form.blue .ui-widget-search-advanced-filters .col_2 {
	width:262px;
	float:left;
}
form.blue .ui-widget-search-advanced-filters .col_3 {
	float:left;
        width: 177px;
}
form.blue .ui-widget-search-advanced-filters .col_3 .alpha , form.blue .ui-widget-search-advanced-filters .col_3 .omega {
	float:left;
	width:85px
}
form.blue .ui-widget-search-advanced-filters .col_1 div.selector, form.blue .ui-widget-search-advanced-filters .col_2 div.selector {
	width:262px;
	min-width:262px;
	float:left;
}
form.blue .ui-widget-search-advanced-filters .col_1 div.selector span, form.blue .ui-widget-search-advanced-filters .col_2 div.selector span {
	width:210px
}
form.blue .ui-widget-search-advanced-filters .col_1 div.selector > select, form.blue .ui-widget-search-advanced-filters .col_2 div.selector > select {
	width:252px;
	min-width:252px
}
form.blue .ui-widget-search-advanced-filters .col_3 div.selector {
	width:177px;
	min-width:177px;
	float:left;
}
form.blue .ui-widget-search-advanced-filters .col_3 div.selector > select {
	width:167px;
	min-width:167px;
}
form.blue .ui-widget-search-advanced-filters .col_3 .alpha div.selector, form.blue .ui-widget-search-advanced-filters .col_3 .omega div.selector {
	float:left;
	width:85px
}
form.blue .ui-widget-search-advanced-filters .col_3 .alpha div.selector span, form.blue .ui-widget-search-advanced-filters .col_3 .omega div.selector span {
	width:55px
}
form.blue .ui-widget-search-advanced-filters .col_3 .alpha div.selector > select, form.blue .ui-widget-search-advanced-filters .col_3 .omega div.selector > select {
	width:85px;
	min-width:85px;
}
form.blue .ui-widget-search-advanced-filters .col_3 .omega div.selector {
	left:3px !important;
	width:85px
}
form.blue .ui-widget-search-advanced-filters .col_3 div.selector span {
	width: 140px
}
.ui-autocomplete {
	max-height: 360px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
    overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 26px;
	font-size: 1.385em;
}
.df-crumb-links {
	float: right;
width:;
	margin-right: 15px;
}
/* modifications to DF : dorpshadow, auto-complete items, etc  1. Nov 2011 - copied from: redesign1/js/jquery/df-autocomplete.css*/
.ui-autocomplete {
	max-height: 360px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
    overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
    padding-right: 20px;
	padding-left: 20px;
	-moz-box-shadow: -2px 2px 20px #999;
	-webkit-box-shadow: -2px 2px 20px #999;
	box-shadow:-2px 2px 20px #999;
	/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=235, Color='#999999')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=235, Color='#999999');
	zoom:1;
}
.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 26px;
	font-size: 1.385em;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.ui-autocomplete a {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.385em;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight:normal;
	margin:0px;
}
.ui-pod-degreefinder-wide .action-icon-btn:hover {
	color:#ccc;
}
.df-amend-ps {
	clear: left;
}
.df-vp-studyplan table th {
	/*font-family: Georgia,Times,serif;
	font-size: 1.615em;
	color: #555555;
	margin-bottom: 15px;
	margin-top: 15px; */
	
}
.df-vp-studyplan table li {
	
}
#admit_question li, .df-vp-related li {
	font-size: 1.154em;
	}
.highlight {
    color: #390;
}
.co_error {
    color: #CE0B1B;
}

table.co-admin-dash {
    border: 1px solid #C7DAEA;
}

table.co-admin-dash th {
    border: 1px solid #C7DAEA;
    padding: 2px;
}

table.co-admin-dash th.co-admin-dash-cathead {
    width: 19px;
}

table.co-admin-dash td {
    border: 1px solid #C7DAEA;
    padding: 2px;
}

table.co-admin-dash td a {
    display: block;
    border: none;
}

table.co-admin-dash td a.co-admin-dash-blank {
    background: #C7DAEA;;
    /* border: 1px solid #ccc; */
    border: none;
}

table.co-admin-dash td a.co-admin-dash-active {
    background: #b38808;;
    border: none;
}

table.co-admin-dash td a.co-admin-dash-wait {
    background: #ed1c2e;;
    border: none;
}

table.co-admin-dash td a.co-admin-dash-draft {
    background: #005a9c;;
    border: none;
}

form#co-searchform-action input#searchfield {
    width: 660px;
}
