/*	Hidden Content
-----------------------------------------------------------------------------*/
.skip{display: none}
#search label{display: none;visibility: hidden}

/* Header + Body
-----------------------------------------------------------------------------*/
.wrapper{position: relative;top: 15px; margin: 0 auto;width: 960px}
p#top{margin: 0}
#header{margin: 0;padding: 0;background: #602290 url('https://uq.edu.au/templates/web/images/bodybg.gif') repeat-x scroll 0 0;color: rgb(239, 239, 239);font-size: 80%;font-family: "Trebuchet MS", Helvetica, sans-serif;height: 100px}
#header-inner, #topnav-inner{margin: 0 auto;padding: 0;width: 1000px}
#header-inner h1{margin: 26px 0 0 25px;text-indent: -9999px;position: absolute}
#header-inner h1 a{background: transparent url('https://uq.edu.au/templates/web/images/masthead-logo.gif') no-repeat scroll 0 0;display: block;height: 50px;text-decoration: none;width: 182px}
#header-inner h2{margin: 21px 0 0 218px;text-indent: -9999px;position: absolute}
#header-inner h2 a{background: transparent url('https://uq.edu.au/templates/web/images/masthead-logo-dev.gif') no-repeat scroll 0 0;display: block;height: 50px;text-decoration: none;width: 209px}
.csw{width: 100%;height: 200px;background: #fff;overflow: scroll}
.csw .loading{margin: 200px 0 300px 0;text-align: center}
#mininav{margin: 0;padding: 10px 20px 8px 0;color: rgb(255, 255, 255);font-size: 9px;font-family: Helvetica, "Trebuchet MS", sans-serif;font-weight: lighter;float: right}
#mininav ul{margin: 0;padding: 5px 0 0 15px;list-style-type: none;list-style-image: none;list-style-position: outside;letter-spacing: 1px}
#mininav ul li{margin: 0 1em 0 0;padding: 0;float: left;display: inline}
#mininav a{text-transform: uppercase;font-weight: 700}
#mininav a:link,#mininav a:visited{color: rgb(223, 223, 223);text-decoration: none}
#mininav a:hover,#mininav a:active{color: rgb(255, 255, 255);text-decoration: none}
div#search{background: transparent url('https://uq.edu.au/templates/web/images/form-left.png') no-repeat scroll 0pt 0pt;position: absolute;top: 40px;margin: 0 0 0 775px}
div#search form{margin: 0;padding: 0;width: 210px}
div#search label{display: block;float: left;width: 30px;height: 18px}
div#search label span{display: none}
div#search input{border: 0 none;margin: 0;padding: 4px 0 0 0;background: transparent none repeat scroll 0 0;float: left;width: 142px;height: 18px;font-size: 11px;color: #000;font-family: verdana, arial}
div#search input.submit{margin: 0 0 0 3px;padding: 0;background: transparent url('https://uq.edu.au/templates/web/images/form-right.png') no-repeat scroll 0 0;float: left;cursor: pointer;width: 20px;height: 22px}


/* General */
a { color: #1E88B5;}
a:hover { color: #9312AA;}

/* Search Bar */
#searchbar {
    background-color: #FFF;
    margin: 20px 0 10px;
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #f2f0f1;
    overflow: auto;
}

#searchbar h1 {
    font: normal 22px Arial, Helvetica, sans-serif;
}

#searchbar form {
    padding: 18px 0px 18px 18px;
    float: left;
    overflow: auto;
}
#searchbar form label {
    font: normal 12px Verdana, Geneva, sans-serif;
    color: #323232;
    float: left;
    width: 255px;
    display: block;
    margin-right: 20px;
}

#searchbar form input {
    font: normal 12px Verdana, Geneva, sans-serif;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    border: 1px solid #EEE;
    margin-top: 4px;
    padding: 15px 8px;
    width: 240px;
    font: normal 18px Arial, Helvetica, sans-serif;
    display: block;
}
#searchbar form#formSearchByInsitutionAndCourseOrProgram {
    width: 669px;
    background-color: #d8e5f8;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#searchbar form#formSearchByPrecedentId {
    width: 213px;
    background-color: #3f3f3f;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#searchbar form#formSearchByPrecedentId label {
    color: #FFF;
    width: 95px;
}
#searchbar form#formSearchByPrecedentId input {
    width: 80px;
}

#searchbar .btn	{
        margin-top: 18px;
        padding: 15px 20px;
        font: normal 18px Arial, Helvetica, sans-serif;
        line-height: 22px;
        color: #FFF;
        border-bottom-color: #003580;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}

.resultbuttons	{
    clear: both;
    text-align: right;
    padding: 4px;
}

/* Content and Results */

#content {

    width: 920px;

    background-color: #FFF;
    margin: 0px 0 20px;
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #f2f0f1;

}
#content h1 {
    font: normal 22px Arial, Helvetica, sans-serif;
    margin-bottom: 11px;
}

#content h2 {
    font: normal 18px Arial, Helvetica, sans-serif;
    margin-bottom: 11px;
}

ul.resultterms { margin: 0; padding: 0; list-style: none;}
ul.resultterms li { margin: 0; padding: 0 10px 0 0; display: inline; font: 12px Verdana, Geneva, sans-serif;}

ul.resultterms li a { color: #1E88B5; text-decoration: underline;}
ul.resultterms li a:hover { color: #9312AA;}

.resultsheader { border-bottom: 1px dashed #b2b2b2; padding-bottom: 20px; margin-bottom: 20px; overflow: auto;}

.shortlistheader {
        float: right;
        padding: 20px;
        font: 16px Arial, Helvetica, sans-serif;
        background-color: #f5f5f5;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;}

.shortlistheader .btn	{
        padding: 4px 15px;
        font: normal 16px Arial, Helvetica, sans-serif;
        line-height: 22px;
        color: #FFF;
        border-bottom-color: #003580;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}

.btn-primary {
  background-color: #3a7dda;
  *background-color: #3a7dda;
  background-image: -ms-linear-gradient(top, #72a2e4, #3a7dda);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72a2e4), to(#3a7dda));
  background-image: -webkit-linear-gradient(top, #72a2e4, #3a7dda);
  background-image: -o-linear-gradient(top, #72a2e4, #3a7dda);
  background-image: -moz-linear-gradient(top, #72a2e4, #3a7dda);
  background-image: linear-gradient(top, #72a2e4, #3a7dda);
  background-repeat: repeat-x;
  border-color: #3a7dda #3a7dda #3269b7;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#72a2e4', endColorstr='#3a7dda', GradientType=0);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #3a7dda;
  *background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}


/* START: Results */
.result {padding: 10px 0 4px; overflow: auto; margin-bottom: 20px;}
.result h3 {
    float: left;
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #000;
    padding: 15px;
}
.result h3 span { color: #6e6d6d;}
.result ul {margin: 0; padding: 15px; list-style: none; float: right;}
.result ul li {margin: 0; padding: 0 15px; font: 12px Verdana, Geneva, sans-serif; color: #000; display: inline; line-height: 20px;}
.result ul li span { color: #3f3f3f;}
.result ul.resultsummary li {}

.result table {width: 453px; margin: 10px 0 10px 4px; border: 1px solid #d1e399; text-align: left; float: left; font: normal 12px Verdana, Geneva, sans-serif;}

.result table tr {}
.result table th {background-color: #d1e399; padding: 10px; color: #000;}
.result table tr.resultsubtitle th { font-weight: normal; color: #5e7b01;}
.result table td {background-color: #fff; border: 1px solid #d1e399; padding: 10px;}

.accepted {background-color: #f3f8e5; border: 1px solid #d1e399;}
.rejected {background-color: #fbece9; border: 1px solid #efb6aa;}

.rejected table {border: 1px solid #efb6aa;}
.rejected table th {background-color: #efb6aa;}
.rejected table th span { float: right; color: #000; }
.rejected table tr.resultsubtitle th {color: #d6492a;}
.rejected table td {border-color: #efb6aa;}

body .modal {width: 900px; margin-left: -450px;}
.modal .result table {width: 430px;}
body .modal h4 { font: bold 14px Arial, Helvetica, sans-serif;}

.resultoverview {margin: 20px 0; padding: 20px 0px; overflow: auto; border-top: dashed 1px #b2b2b2; border-bottom: dashed 1px #b2b2b2; }
.resultoverview ul {margin: 0; padding: 0px; list-style: none;}
.resultoverview ul li {margin: 0; padding: 5px; font: normal 12px Verdana, Geneva, sans-serif; width: 400px;}
.resultoverview ul li span { font-weight: bold;}

.modal-body table {width: 420px; margin: 10px 0 10px 0; border: 1px solid #d1e399; text-align: left; font: normal 12px Verdana, Geneva, sans-serif;}
.modal-body table th {background-color: #d1e399; padding: 10px; color: #000;}
.modal-body table tr.resultsubtitle th { font-weight: normal; color: #5e7b01;}
.modal-body table td {background-color: #fff; border: 1px solid #d1e399; padding: 10px;}

.modal-rejected table {border: 1px solid #efb6aa;}
.modal-rejected table th {background-color: #efb6aa;}
.modal-rejected table tr.resultsubtitle th {color: #d6492a;}
.modal-rejected table td {border-color: #efb6aa;}

.leftresult {float: left; width: 420px; padding-bottom: 20px;}
.rightresult {float: right; width: 420px; padding-bottom: 20px;}

.modal .comments { clear: both; border-top: dashed 1px #b2b2b2; padding-top: 20px; margin-top: 20px;}

.leftresult ul, .rightresult ul {margin: 0; padding: 0; list-style: none; border: solid 1px #ecf3d5; border-bottom: none;}
.leftresult ul li, .rightresult ul li {margin: 0; padding: 10px; font: normal 12px Verdana, Geneva, sans-serif; background-color: #f3f8e5; border-bottom: solid 1px #ecf3d5;}
.leftresult ul li span, .rightresult ul li span { font-weight: bold;}

.modal-rejected .leftresult ul, .modal-rejected .rightresult ul {border: solid 1px #f8ded9;  border-bottom: none;}
.modal-rejected .leftresult ul li, .modal-rejected .rightresult ul li {background-color: #fbece9; border-bottom: solid 1px #f8ded9;}

/* Homepage */

.lefthome {float: left; width: 600px; margin-top:-40px; margin-bottom:30px;}

.intoarrow {width:0; height:0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #f5f5f5; border-top:0 solid transparent;; margin-left:50px;}
.introtext{	/*-moz-box-shadow: 0px 0px 2px 0px #999; -webkit-box-shadow: 0px 0px 2px 0px #999; box-shadow: 0px 0px 2px 0px #999;*/ padding:30px; margin:0px 5px 30px; background-color:#f5f5f5;}
.introtext p {color:#626262; font:normal 24px Georgia, "Times New Roman", Times, serif; line-height:28px; margin:0;}
.introtext p span { color:#3a7dda;}

#creditaccordion dl.accordion-group {margin:0; padding:0; border:none;}
#creditaccordion dl dt { background-color:#eff5fc; border-bottom:solid 2px #fff;}
#creditaccordion dl dt a  {padding:10px; color:#000; font:normal 18px Arial, Helvetica, sans-serif; display:block; line-height:22px;}
#creditaccordion dl dt a:hover { text-decoration:none; background-color:#c4d9f1;}
#creditaccordion dl dt a  i {margin-top:4px;}
#creditaccordion dl dd .accordion-inner {border:none;}

.righthome { float:right; width: 300px; margin-bottom:30px;}
.typrsearch { background-color:#f5f5f5; padding:20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.typrsearch h2 { font:normal 18px Arial, Helvetica, sans-serif; border-bottom:1px dashed #ababab; margin-bottom:10px; padding-bottom:10px;}
.typrsearch h3{ color:#3f3f3f;  font:normal 16px Arial, Helvetica, sans-serif; line-height:20px;}
.typrsearch ol{ margin-top:10px;}
.typrsearch ol li{ color:#d6492a;}
.typrsearch {}


.disclaimer { border-top:1px dashed #b2b2b2; margin-top:20px; padding-top:20px; clear: both;}
.disclaimer  h2 { color:#d6492a; font:normal 24px Arial, Helvetica, sans-serif;}

/* Footer
-----------------------------------------------------------------------------*/
#footer{background: #660A77 url('https://uq.edu.au/templates/web/images/bg-footer.gif') repeat-x scroll 100% 0pt; border-top: solid 2px #78b800;}
#footer{clear: both;height: 240px;margin-top: 10px}
#footer .wrapper{margin-top: 40px}
#footer li a, #navResources p a, .campus a, .directions a,#footer li a:visited, #navResources p a:visited, .campus a:visited, .directions a:visited{border-bottom: 1px solid rgb(108, 93, 94);color: rgb(241, 241, 241);cursor: pointer; line-height: 13px;}
#footer li a:hover, #navResources p a:hover, .campus a:hover, .directions a:hover{border-bottom: 1px solid rgb(73, 59, 60);color: rgb(221, 212, 213)}
#siteinfo{padding: 0 0 0 5px;width: 200px;float: left;color: rgb(255, 255, 255)}
#siteinfo{font-size: 11px;font-family: Arial, sans-serif;font-style: normal;font-variant: normal;font-weight: 400}
#siteinfo .org{font-weight: 700}
#siteinfo address{font-style: normal}
#siteinfo .org{margin: 0 0 10px 0;height: 38px;width: 200px}
#siteinfo .org a{overflow: hidden;background-image: url('https://uq.edu.au/templates/web/images/uq-logo.gif') ! important;background-repeat: no-repeat ! important;background-color: transparent ! important;display: block;height: 38px;text-indent: -1000px}
#siteinfo .adr{margin: 0 0 5px 0;line-height: 1.4}
#siteinfo .tel{margin: 0 0 5px 0}
#siteinfo .campus{margin: 0 0 5px 0}
#siteinfo .directions{margin: 0 0 5px 0}
#copyright{margin: 0;font-size: 11px;width: 200px}
#footer-resources{margin: 0 0 0 20px;width: 400px;float: left;border-left: 1px dotted rgb(217, 184, 250);border-right: 1px dotted rgb(217, 184, 250)}
#footer-resources h2{margin: 0 0 6px}
#footer-resources h2{display: none}
#footer-resources h3{margin: 0 0 6px;font-family: 'Helvetica Neue', Arial, verdana, sans-serif;font-size: 12px;color: rgb(234, 184, 250);text-transform: uppercase}
#footer-resources li{font-size: 11px;font-family: verdana, Arial, sans-serif; }
#footer-resources ul{margin: 0;list-style-type: none}
#footer-resources li{margin: 0 0 6px;padding: 0 0 0 12px;background: transparent url('https://uq.edu.au/templates/web/images/arrow.png') no-repeat scroll 0 2px; line-height: 13px;}
#footer-resources a{padding: 0 1px}
#footer-resources p{color: rgb(255, 255, 255);font-family: 'Helvetica Neue', Arial, verdana, sans-serif;font-size: 11px;margin: 0px; line-height: 13px;}
#navResources, #navSocial{float: left}
#navResources{padding: 0 20px 0 20px;width: 50%}
#navSocial{padding: 0 0 10px 0;width: 40%}
#navQuick{float: left;padding: 0 0 10px 0;width: 40%}
.member-logo{margin: 0 20px 10px 0;padding: 0 0 2px 0}
.member-logo a:hover{background: none;text-decoration: none}
#footer-right{padding: 0 0 10px 15px;margin: 0;float: left;width: 310px;height: 146px;background: transparent url('https://uq.edu.au/templates/web/images/footer-device.png') no-repeat scroll 10px -1px ! important}
#footer-right h3{margin: 0 0 6px;font-family: 'Helvetica Neue', Arial, verdana, sans-serif;font-size: 12px;color: rgb(234, 184, 250);text-transform: uppercase}
#footer-right p{margin: 5px 0 12px 0;font-family: verdana, arial, sans-serif;font-size: 11px;color: rgb(255, 255, 255); line-height: 13px;}
#footer-right li{font-size: 11px;font-family: verdana, Arial, sans-serif}
#footer-right ul{margin: 0;list-style-type: none}
#footer-right li{margin: 0 0 6px;padding: 0 0 4px 12px;background: transparent url('https://uq.edu.au/templates/web/images/arrow.png') no-repeat scroll 0 2px; line-height: 13px;}
p.centenary{padding: 16px 0 0 0}
#navExplore, #navLogos{float: left}
#navExplore{padding: 0 20px 0 5px;width: 180px}
#navLogos{padding: 0 0 10px 0}




/* SS Stuff Starts Here */

body {
    background: none;
}

#header-inner h2 a {
    background: url('/images/masthead-logo-dev.gif');
    width: 331px;
}

#header-inner h2 {
    margin: 21px 0 0 218px;
}


#page-content {
    padding: 17px;
}

h2 {
    color: #000;
    font-size: 29px;
    font-weight: bold;
}

.clear {
    clear: both;
    float: none;
}

#searchbar {
    margin-bottom: 0px;
}

#admin #topnav-inner ul.navigation li:last-child {
	float: right;
	clear: right;
}

#username {
	clear: right;
	float: right;
	font-size: 12px;
	padding: 12px 30px;
}

#username span {
	font-weight: bold;
}

#content {
    margin-top: 20px;
}

ul.resultterms li {
    display: block;
    line-height: 1.5em;
}

#results {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.result {
    position: relative;
}

.result .multiple-course-warning {
    clear: both;
    padding-left: 15px;
    position: absolute;
    bottom: 12px;
}

.modal .multiple-course-warning {
    clear: both;
    padding-left: 12px;
}

.result .unit-value-col,
.modal .unit-value-col {
    min-width: 65px;
}

.leftresult {
    clear: left;
}

.rightresult {
    clear: right;
}

.modal .credit-details { clear: both; border: dashed 1px #b2b2b2; border-left: 0px; border-right: 0px; padding: 20px 0px; margin: 20px 0px;}

#view_list {
    margin-left: 12px;
}

#list-back-btn {
    float: left;
    margin: 45px 0px 20px;
}

#list-functions {
    float: right;
    margin-bottom: 18px;
}

#list-buttons {
    margin: 0px;
}

#list-buttons li {
    display: inline;
}

#modal-email {
    width: 460px;
    margin-left: -230px;
}

#formSendEmailToStudent {
    margin-top: 18px;
}

#email-validation-message {
    display: none;
}

#accordion
{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    clear: left;
    float: left;
    height: 100px;
    margin-top: 10px;
    padding: 20px 2.8%;
    width: 66.4%;
}

#searchTypeContent
{
    float: right;
    margin-top: 17px;
    width: 27.6%;
}

#searchTypeContent .myColor
{
    color: red;
    font-size: 12px;
}

#applicationForm
{
    float: right;
    margin-top: 30px;
    width: 20%;
    height: 100%;
}

#downloadCAForm
{
    background: url(../images/document_down.png) no-repeat left top;
    display: block;
    height: 48px;
    width: 48px;
    margin-left: 10px;
    padding-right: 10px;
}

.watermark{
    color: #aaa;
}

.validationMessage{
    color: red;
    font: bold;
}

#email-message{
    color: green;
    font: bold;
}

#validationError {
    display: none;
}

/* overriding maximum height for jquery ui autocomplete inputs to
allow scrollable results */
.ui-autocomplete
{
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete
{
    height: 100px;
}

/* styling for paging list items generated by easypaginate jquery plugin STARTS HERE
*/

#email-message.error {
    color: #c00;
}

/* styling for paging list items generated by easypaginate jquery plugin ENDS HERE
*/

/** DATATABLES STYLING **/

.data-table {
    clear: both;
}

.data-table th.sorting_asc i,
.data-table th.sorting_desc i {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    *margin-right: .3em;

    float: right;
}

.data-table th.sorting_asc i {
    background-position: -289px -96px;
}

.data-table th.sorting_desc i {
    background-position: -312px -96px;
}

.data-table th.sorting,
.data-table th.sorting_asc,
.data-table th.sorting_desc {
    cursor: pointer;
}

.data-table th.sorting i,
.data-table th.sorting_asc i,
.data-table th.sorting_desc i {
    display: inline-block;
    width: 14px;
    height: 14px;
}

/*
 * Page length menu
 */
.dataTables_length {
	float: right;
}

/*
 * Filter
 */
.dataTables_filter {
	float: left;
}

.pagination ul li {
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit browsers */
}

.dataTables_filter input {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

/** END DATATABLES **/

.nowrap {
    white-space: nowrap;
}

#srcCourseCode1,
#srcCourseCode2,
#srcCourseCode3,
#uqCourseCode1,
#uqCourseCode2,
#uqCourseCode3 {
    padding-left: 8px;
}

.admin-form .control-label {
    width: 250px;
}

.admin-form .controls {
    margin-left: 270px;
}

.admin-form label.radio {
    width: 250px;
}

.admin-form .form-actions {
    padding-left: 270px;
}


/* jquery UI custom combobox styles */
.ui-combobox {
    position: relative;
    display: inline-block;
}
.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
    vertical-align: bottom;
    height: 24px;
}

.ui-combobox-toggle .ui-icon {
    display: block;
    width: 16px;
    height: 16px;
}

.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
    font-size: 13px !important;
    width: 300px;
}

#srcCoursesTable,
#uqCoursesTable {
    margin-bottom: 18px;
}

/* Jquery validation plugin styling */
.jqInvalid {
    color: #D8000C;
    background-color: #FFBABA;
}

label.jqInvalid {
    background: none;
}

/** Admin Navigation */
#topnav{margin: 0;padding: 8px 0;background: #000 none repeat scroll 0% 0%;color: rgb(255, 255, 255);font-size: 11px;font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;font-weight: lighter;height: 16px}
#topnav ul{margin: 0;padding: 0px 0 0 20px;list-style-type: none;list-style-image: none;list-style-position: outside;letter-spacing: 1px}
#topnav ul li{margin: 0 24px 0 0;padding: 0;float: left;display: inline; position:relative}
#topnav ul li a{text-transform: uppercase;margin: 0 0 0 -8px;padding: 10px 8px 12px 8px}
#topnav li a:link{color: rgb(223, 223, 223);text-decoration: none}
#topnav li a:visited{color: rgb(223, 223, 223);text-decoration: none}
#topnav li a:hover, #topnav ul li.active a{color: rgb(245, 225, 255);text-decoration: none;background: transparent url('https://uq.edu.au/templates/web/images/top_nav_bg_active.gif') repeat-x scroll right bottom;border-bottom: 1px solid rgb(229, 229, 229)}
#topnav li a:active{color: rgb(245, 225, 255);text-decoration: none;background: transparent url('https://uq.edu.au/templates/web/images/top_nav_bg_active.gif') repeat-x scroll right bottom;border-bottom: 1px solid rgb(229, 229, 229)}
#topnav ul ul {
    display: none;
    left: -8px;
    padding: 0px;
    position: absolute;
    top: 23px;
    z-index: 99;
}
#topnav ul ul li {
    display: block;
    float: none;
    height: 39px;
    margin: 0px;
    width: 290px;
}

#topnav ul ul li a {
    margin: 0px;
}

#admin #topnav ul.navigation ul li:last-child {
    float: none;
}

#topnav ul li ul li a,
#topnav ul li.active ul li a {
    background: #000;
    display: block;
}

#topnav li ul li a:hover,
#topnav li.active ul li a:hover {
    background: #5f217b; /* Old browsers */
    background: -moz-linear-gradient(top, #5f217b 0%, #a106f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f217b), color-stop(100%,#a106f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5f217b 0%,#a106f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5f217b 0%,#a106f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5f217b 0%,#a106f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #5f217b 0%,#a106f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f217b', endColorstr='#a106f1',GradientType=0 ); /* IE6-9 */
}

#topnav ul li:hover ul {
    display: block;
}

.breadcrumbs {
    color: #333;
    padding: 15px 0 0 20px;
}

/** Course Precedent Source Program accordion */
.ui-accordion { font-family: inherit; font-size: inherit; }
.ui-accordion .ui-widget { font-size: inherit; }
.ui-accordion input, .ui-accordion select, .ui-accordion textarea, .ui-accordion button { font-family: inherit; font-size: inherit; }
.ui-accordion .ui-widget-content { border: none; background: none; color: inherit; }
.ui-accordion .ui-widget-content a { color: inherit; }
.ui-accordion .ui-widget-header { border: none; background: none; color: inherit; font-weight: bold; }
.ui-accordion .ui-widget-header a { color: inherit; }

.ui-accordion .ui-state-default, .ui-accordion .ui-widget-content .ui-state-default, .ui-accordion .ui-widget-header .ui-state-default { border: none; background: none; font-weight: normal; color: #555555; }
.ui-accordion .ui-state-default a, .ui-accordion .ui-state-default a:link, .ui-accordion .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-accordion .ui-state-hover, .ui-accordion .ui-widget-content .ui-state-hover, .ui-accordion .ui-widget-header .ui-state-hover, .ui-accordion .ui-state-focus, .ui-accordion .ui-widget-content .ui-state-focus, .ui-accordion .ui-widget-header .ui-state-focus { border: none; background: none; font-weight: normal; color: #212121; }
.ui-accordion .ui-state-hover a, .ui-accordion .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-accordion .ui-state-active, .ui-accordion .ui-widget-content .ui-state-active, .ui-accordion .ui-widget-header .ui-state-active { border: none; background: none; font-weight: normal; color: #212121; }
.ui-accordion .ui-state-active a, .ui-accordion .ui-state-active a:link, .ui-accordion .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-accordion .ui-widget :active { outline: none; }

.ui-accordion-header {
    display: block;
    text-align: right;
    width: 250px;
}

.ui-accordion-header .ui-icon {
   display: none;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0px 0px 0px;
}

#dev-notice {
    font: 1.3em monospace;
    padding: 6px;
    text-align: center;
}

#dev-notice a {
    color: #333;
    text-decoration: underline;
}

#dev-notice a:hover {
    text-decoration: none;
}

.dev-notice-local {
    background: #f55;
}

.dev-notice-test {
    background: #ff5;
}

.dev-notice-staging {
    background: #88b415;
}

.view-log {
    float: right;
}

.back-to-origin-holder {
    overflow: hidden;
    margin-bottom: 12px;
}

.back-to-origin{
    float: right;
}

.highlight-user-name{
    color: purple;
}

.log-holder {
    border: 1px solid #ccc;
    margin-bottom: 26px;
    padding: 8px 18px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.log-fieldname {
    background: #eee !important;
}

.log-title-label  {
    display: inline-block;
    line-height: 150%;
    width: 50px;
}

.no-js-notice {
    font: 1.3em monospace;
    padding: 6px;
    text-align: center;
    background: #f55;
}

#formAddProgramPrecedent,
#formAddCoursePrecedent,
#formEditInstitution,
#formEditAlias,
#formEditCampus,
#formEditCourse,
#formEditProgram {
    clear: right;
}

.dataTables_processing{
    background-color: #652482;
    color: #fff;
}