@import url("animate.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
/************** Essentials ****************/
#rt-debug {
    display: none;
}
.pad {
	padding: 25px !important;
}
.no-pad {
	padding: 0px !important;
}
.no-marg {
	margin: 0px !important;
}
.pad-img-left {
	margin-left: 20px;
	margin-bottom: 20px;
}
.pad-img-right {
	margin-right: 20px;
	margin-bottom: 20px;
}
.title {
	font-family: Roboto, serif;
	font-size: 20px;
	font-weight: normal;
}
div#uclogo img {
	position: absolute !important;
	right: 5px !important;
	top: 65px !important;
	height: 50px !important;
}
.-rt-sirocco-home #rt-showcase {
	background: url(../../../images/Head_image.jpg) center no-repeat;
	background-size: cover;
}
div#fp_slider {
	max-height: 554px;
}
/*home page style*/
.menu-home div#mijoshop .container_oc .row .col-sm-3 {
	display: none;
}
.menu-home div#mijoshop .container_oc:nth-child(3) {
	display: none;
}
.menu-home .mijoshop .col-sm-9 {
	width: 100%;
}
.menu-home #rt-mainbody-surround {
	padding: 32px 0px;
}
.menu-home #rt-mainbody-surround {
	color: white;
	padding: 45px 0px;
	/*   background: url(http://scienceblogs.com/startswithabang/files/2013/04/night-sky-stars.jpeg);*/
 /*   background: url(http://pxpod.com/i/2015/03/clouds-night-sky-stars.jpg);*/
	background: url(http://static1.squarespace.com/static/54d580a7e4b07fb2cbff9701/t/54d58518e4b0a9c4926aaa18/1423279388391/computer-closeup.jpg?format=1500w);
	background-position: 50% 11%;
	text-shadow: none;
	background-repeat: no-repeat;
	background-size: cover;
}
.menu-home .component-content {
	background: rgba(255, 255, 255, 0);
}
#component-body, .component-content {
	padding: 0;
}
.menu-home section#rt-mainbody-surround:before {
	content: "Search Our Courses";
	display: block;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: black;
}
.menu-courses div#mijoshop label.control-label:nth-child(2) {
	font-size: 162%;
}
/*end of home page styling */

.menu-block .gf-menu.l1 > li.item234.parent > .item .menu-item-wrapper:before {
	font-family: FontAwesome;
	content: "\f0c9";
	line-height: normal;
}
.menu-block .gf-menu.l1 > li.item234.parent > .item .menu-item-wrapper:after {
	font-family: FontAwesome;
	content: "";
	line-height: normal;
}
.menu-block .gf-menu.l1 > li.item228 > .item .menu-item-wrapper:before {
	font-family: FontAwesome;
	content: "\f007";
	line-height: normal;
	margin-right: 5px;
}
.rt-mainbody-wrapper.rt-grid-9.rt-push-3 .rt-component-block.rt-block {
	border-left: 1px solid #DDDDDD;
	margin-top: 0px;
	margin-bottom: 0px;
}
.caption p {
    display: none;
}
.caption p.price {
    display: block;
}
.mijoshop .product-thumb .caption {
	min-height: 100px !important;
}
/*article image*/
span.portrait-image img {
	display: block;
	margin: 0 auto;
}
.menu-courses .mijoshop .col-sm-4 {
	width: 49.333333%;
}
/*******************************************/

.module-title .title {
	font-family: arial;
}
.title {
	text-transform: capitalize;
}
#rt-header {
	color: #FFF;
	background: #FF4F02;
}
#rt-header .menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
	color: #fff;
	font-weight: bold;
}
#rt-header .menu-block .gf-menu.l1 > li > .item {
	height: 60px;
}
#rt-header .menu-block .gf-menu.l1 > li:hover > .item {
	background: #F79266;
}
div#rt-header ul.gf-menu.l1 li {
	border-left: 1px solid #FFAB86;
}
div#rt-header ul.gf-menu.l1 li:last-child {
	border-right: 1px solid #FFAB86;
}
div#rt-top ul.gf-menu.l1 {
	float: right;
}
#rt-top {
	color: #000;
	background-color: #FFF;
	height: 185px;
	background: url(../../../images/head_bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
	color: #FFFFFF;
}
h3.course_headers {
	background: #093D71;
	color: #FFF;
	padding: 5px;
	border-radius: 2px;
	/* font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	font-weight: 500;
	text-indent: 4px;
	line-height: 26px;
}
table.info_table {
	width: 100%;
}
td.th-stdate, td.th-crleg, td.th-crstim, td.th-teach {
	background-color: #093D71;
	text-indent: 5px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	line-height: 28px;
	border-radius: 2px;
	font-size: 14px;
}
td.td-stdate, td.td-crstim, td.td-teach, td.td-crleg {
	text-indent: 10px;
	font-size: 15px;
	border: 1px solid #E6E6E6;
	border-radius: 2px;
}
.btn-primary {
	background-color: #FF4F02;
	background-image: -moz-linear-gradient(top, #08c, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF4F02), to(#FF4F02));
	background-image: -webkit-linear-gradient(top, #FF4F02, #FF4F02);
	background-image: -o-linear-gradient(top, #08c, #0044cc);
	background-image: linear-gradient(to bottom, #FF4F02, #FF4F02);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0);
	border-color: #FF4F02 #FF4F02 #FF4F02;
	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(enabled = false);
}
.mijoshop #top {
	background-color: #FFF;
	border-bottom: 1px solid #E2E2E2;
}
ul.nav.nav-tabs li.active a:before {
	content: "Course ";
}
a.fp_button {
	display: inline-block;
	color: white;
	width: 99%;
	background: #00336C;
	text-align: center;
	border-radius: 3px;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 auto;
}
a.fp_button:hover {
	background: #FF4F02;
}
.-rt-sirocco-home .product-thumb.transition .image {
}
.-rt-sirocco-home .container_oc .row .caption {
	height: 169px !important;
}
.mijoshop .list-group a.active, .mijoshop .list-group a.active:hover, .mijoshop .list-group a:hover {
	color: #000;
	background: #f3f3f3;
	text-shadow: 0 0 0 #FFF;
	border: 1px solid transparent;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.mijoshop .list-group a {
	border: 1px solid transparent;
}
.mijoshop .list-group-item {
	border: 1px solid transparent;
}
a {
	color: #FF4F02;
}
/*Menu */

.menu-block .gf-menu.l1 > li > .item {
	height: 30px;/*padding-top: 20px;*/
}
li a.item:hover {
	color: #093D71;
}
.menu-block .gf-menu li:hover > .item .menu-item-wrapper, .menu-block .gf-menu li:focus > .item .menu-item-wrapper {
	color: #FF4F02;
}
div#rt-top .menu-block ul.gf-menu.l1 {
	margin-top: 20px;
	position: relative;
}
div#rt-top .menu-block .gf-menu li.active {
	border-bottom: 2px solid #093D71;
	border-radius: 0px;
}
div#rt-top .menu-block .gf-menu li.active > .item .menu-item-wrapper {
	color: #FF4F02;
	font-weight: bold;
}
div#rt-top .menu-block .gf-menu li.active > .parent {
	border-bottom: 0px solid #093D71;
}
div#rt-top .menu-block .gf-menu li.active .parent > .item .menu-item-wrapper {
	color: #FFF;
	font-weight: bold;
}
.gf-menu.l1 > li > .dropdown {
	margin-top: 0px;
}
.menu-block .gf-menu li:hover > .item .menu-item-wrapper, .menu-block .gf-menu li:focus > .item .menu-item-wrapper {
	color: #FF4F02;
}
.menu-block .gf-menu .dropdown {
	background: #FF4F02;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.menu-block .gf-menu .dropdown .menu-item-wrapper {
	color: #fff;
	padding: 5px !important;
}
div#rt-top .menu-block .gf-menu li.active .l2 .active, div#rt-top .menu-block .gf-menu li.active .l2 .active a span {
	border-bottom: 0px solid #F7966B;
	color: white !important;
	background: #F7966B;
}
/*.menu-block .gf-menu .dropdown:hover {
    background: #F7966B;
}
*/

.menu-block .gf-menu .dropdown {
	border: 1px solid #fff);
	padding: 0 0px;
}
.menu-block .gf-menu .dropdown .columns-1 {
	border: 1px solid #fff);
	padding: 0 0px;
}
.menu-block .gf-menu .dropdown li:hover {
	background: #FFAB86;
}
.menu-block .gf-menu .dropdown {
	border: 1px solid #fff;
	border-top: 0px;
	border-bottom: 3px solid #093D71;
}
.menu-block .gf-menu .dropdown {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
/*Contact Us */

.erln_period .col1:before {
	content: 'TERM';
	display: block;
	font-weight: bold;
}
.rt-block.no-pad.no-marg.enr_inf {
	border-top: 1px solid #DDD;
}
/******************************************* Page Styling ********************************************/

.sticky {
	position: fixed !important;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	border-top: 0;
}
/*footer styling*/
div#rt-footer .rt-flex-container {
	background: #093D71;
}
/*.menu-home #rt-footer {
    color: #fff;
    background-color: #fff;

}*/

#rt-footer {
	color: #fff;
	background-color: #093D71;/*    margin-top: -41px;*/
}
div#rt-footer .rt-container {
	background: red;
}
#rt-breadcrumbs .rt-block {
	padding: 7px 5px !important;
}
.menu-home footer#rt-footer-surround {
	margin-top: 0px;
}
/*paralax */
/*.-rt-sirocco-home .uk-width-9-10.uk-width-small-4-5.uk-width-medium-2-3.uk-width-large-1-2.uk-panel {
    background: rgba(255, 79, 2, 0.66);
    padding: 20px 30px;
    border-radius:4px;
    margin-top: -40px;
        width: 37%;

}*/


.uk-width-9-10.uk-width-small-4-5.uk-width-medium-2-3.uk-width-large-1-2.uk-panel .uk-text-large {
	font-size: 30px;
}
/*fp styling*/

div#maximenuck332 ul.maximenuck {
	clear: both;
	position: relative;
	z-index: 999;
	overflow: visible !important;
	display: block !important;
	float: none !important;
	visibility: visible !important;
	opacity: 1 !important;
	list-style: none;
	margin: 0 auto;
	height: auto;
	padding: 0px 20px 0px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 0;
	filter: none;
	background: rgba(1, 68, 100, 0);
	background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(1, 57, 83, 0)));
	background: -webkit-linear-gradient(top, rgba(2, 114, 167, 0) 0%, rgba(1, 57, 83, 0) 100%);
	background: -o-linear-gradient(top, #0272a7 0%, #013953 100%);
	background: -ms-linear-gradient(top, #0272a7 0%, #013953 100%);
	background: linear-gradient(top, #0272a7 0%, #013953 100%);
	border: 1px solid rgba(21, 21, 21, 0);
	-moz-box-shadow: inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow: inset 0px 0px 1px #EDF9FF;
	box-shadow: none;
	;
	text-align: left;
	zoom: 1;
}
/*How To Enrol Page*/
.erln_period {
	background: #F1F1F1;
	height: 53px;
	margin: 25px 0px;
	padding: 5px 0px;
	border-radius: 3px;
}
.erln_period .col1, .erln_period .col2, .erln_period .col3 {
	background: rgba(0, 0, 0, 0);
	border-right: 2px solid #FFF;
	text-align: center;
}
.erln_period .col1 {
	width: 10%;
}
.erln_period .col2 {
	width: 44%;
}
.erln_period .col3 {
	width: 44%;
	border-right: 0px solid #FFF;
}
.erln_period > div {
	float: left;
	/* padding: 5px; */
	min-height: 53px;
}
/*Contact Image*/

.menu-contact #rt-maintop {
	color: #000;
	background-color: #FFF;
}
.menu-contact section#rt-thirdfullwidth {
/* margin-top: -50px;*/
}
.menu-contact div#rt-maintop .rt-container {
	background: white;
	z-index: 3
}
textarea#message {
	height: 150px;
}
.button, .readon, .readon2, a.readmore, button.validate, p.readmore a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .sprocket-readmore, .roksearch_results a.clr, .search .btn, #finder-search .btn, .content_vote .btn, .filters .btn {
	font-family: 'roboto', Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	border: 0px solid #EA3E5C;
	display: inline-block;
	padding: 10px 20px;
	line-height: normal;
	font-size: 16px;
	font-weight: normal;
	vertical-align: middle;
	border-radius: 3px;
	background: #06336D;
	background-image: none;
	text-shadow: none;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	height: 40px;
	font-weight: bold;
	letter-spacing: 1px;
}
/******************************************* Courses Styling ********************************************/

.categ_head {
	border: 0px;
}
td {
	border: 1px solid black;
}
.menu-courses div#rt-content-bottom {
	margin-top: -60px;
}
i.fa.fa-shopping-cart:before {
	content: "\f067";
}
/******************************************* SHOP Styling ********************************************/

.mijoshop .product-thumb .button-group button {
	background-color: #FF4F02;
	color: #FFF
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	color: #FFF;
	background-color: #F14D05;
}
/*page styling*/
.two_col .col {
	width: 46%;
	float: left;
	padding: 10px;
	min-height: 220px;
}
div#rt-breadcrumbs {
	border-bottom: 1px solid #E6E6E6;
	color: #000;
	background: #F9F9F9;
}
.-enrl_inf .rt-component-block.rt-block, .-payme_cls .rt-component-block.rt-block {
	border-left: 1px solid #E6E6E6;
	margin-top: 0px;/* margin-bottom: 40px;*/
}
/*Footer*/

.fp-footer-b li a, .ct_fpus p {
	color: #fff;
	font-size: 85%;
}
/*experimental*/
.term_bx {
	background: #F1F1F1;
	height: 53px;
	margin: 25px 0px;
	padding: 5px 0px;
	border-radius: 3px;
}
.term_bx > div {
	float: left;
	/*  padding:5px */
	min-height: 53px;
}
.term_bx .col1 {
	width: 10%;
	background: transparent;
	border-right: 2px solid white;
	text-align: center;
}
.term_bx .col1:before {
	content: "TERM";
	color: black;
	font-weight: bold;
	display: block;
}
.term_bx .col2 {
	width: 20%;
	background: transparent;
	text-align: center;
}
.col2:before {
	content: "Published Online";
	color: black;
	font-weight: bold;
	display: block;
}
.term_bx .col3 {
	width: 50%;
	background: transparent;
	text-align: center;
}
.col3:before {
	content: "In-Person Enrolment Period";
	color: black;
	font-weight: bold;
	display: block;
}
.term_bx .col4 {
	width: 19%;
	background: transparent;
	text-align: center;
}
.col4:before {
	content: "Start";
	color: black;
	font-weight: bold;
	display: block;
}
/*
.info_table tbody tr:nth-child(1) td:nth-child(1){
    width: 23%;
}

.info_table tbody tr:nth-child(1) td:nth-child(3) {
    width: 21%;
}

.info_table tbody tr:nth-child(1) td:nth-child(2) {
    width: 25%;
}
*/

.info_table tbody tr:nth-child(1) td:nth-child(1) {
	width: 25%;
}
.info_table tbody tr:nth-child(1) td:nth-child(3) {
	width: 21%;
}
.info_table tbody tr:nth-child(1) td:nth-child(2) {
	width: 21%;
}
/*courses*/
.menu-courses input#button-search {
	top: 25px;
	position: absolute;
	right: 15px;
}
.menu-courses .mijoshop #content_oc {
	min-height: 170px;
}
.menu-courses #mijoshop header, div#mijoshop nav#top {
	display: none;
}
.menu-courses div#content_oc h1:first-child {
	display: none;
}
.menu-courses div#content_oc p:last-child {
	display: none;
}
.menu-courses #rt-extension {
	color: #000;
	background-color: #F9F9F9;
	border-top: 1px solid #E6E6E6;
}
.menu-courses .sprocket-tabs .sprocket-tabs-panels {
	background: #F9F9F9;
}

/******************************************* Responsive Styling ********************************************/



/*{source}
<head>
<style>
tr {
border: 1px solid black;
}
td {
border: 0px solid black;
text-indent:5px;
}
</style>
</head>
{/source}
*/


/* Smartphones */
@media (max-width: 480px) {
table.info_table tr td {
	display: block;
	width: 100%
}
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
table.info_table tr td {
	display: block;
	width: 100%
}
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
div#enrl_no {
	margin-top: 170px;
}
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
div#enrl_no {
	margin-top: 170px;
}
}

/* Large Display */
@media (min-width: 1200px) {
div#enrl_no {
	margin-top: 170px;
}
}
/*mijoshop*/
label.control-label {
	display: none;
}
input#input-quantity {
	display: none;
}
/*how to enrol page*/
a.enrl_btn {
	background: #FF4F02;
	color: white;
	padding: 20px 5px;
	border-radius: 3px;
	text-align: center;
	font-size: 23px;
	width: 170px;
	display: block;
	margin-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
/*.menu-courses .rt-mainbody-wrapper .row > div:nth-child(3) {
  display:none;
}*/

div#mijoshop .container_oc:nth-child(3) .row div:first-child .row:nth-child(3) div:nth-child(3) {
	display: none;
}
.menu-courses label.control-label {
	display: block;
	clear: both;
	font-weight: bold;
	/*font-size: 162%;*/
	font-family: roboto, Verdana, Helvetica, Arial, sans-serif;
	text-transform: capitalize;
}
.sprocket-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner, .sprocket-tabs .sprocket-tabs-nav > li.active:hover > .sprocket-tabs-inner {
	color: #ffffff;
	font-weight: bold;
	background: #0C4277;
	font-family: arial;
}
.sprocket-tabs .sprocket-tabs-nav > li:hover > .sprocket-tabs-inner {
	background: #FF4F02;
	color: white;
}
.menu-courses ul.sprocket-tabs-nav {
	border-bottom: 2px solid rgba(12, 66, 119, 0.22);
}
#rt-extension a:not(.readon) {
	color: #FF4F02;
}
.rt-block.cp_dt {
	margin-top: 15px;
	padding-left: 0px;
}
div#we_act img {
	width: 70px;
	display: block;
	float: left;
	margin: 5px;
	margin-bottom: 20px;
	min-height: 50px;
}
.customfp-footer-a {
	color: #fff;
	font-size: 85%;
	line-height: 20px;
}
.menu-hom #rt-feature {
	padding-bottom: 100px;
}
.menu-hom div#rt-footer {
	margin-top: -200px !important;
}
.carousel-controls {
	position: absolute !important;
	display: block !important;
	bottom: 9px !important;
	width: 100% !important;
}
div#uclogo {
	margin-top: 20px;
}
/*fp_btn*/
div#enrl_no {
	position: relative;
	width: 600px;
	margin: 0 auto;
	text-align: center;
	margin-top: 310px;
}
div#enrl_no .col, div#enrl_no .col a {
	background: rgba(255, 79, 2, 0.71);
	line-height: 50px;
	font-size: 23px;
	text-decoration: none;
	display: block;
	color: white;
	border-radius: 3px;
	font-weight: bold;
	text-transform: uppercase;/* font-family: arial; */
}
div#enrl_no .col {
	margin: 5px;
}
div#enrl_no .col:nth-child(1) {
	width: 350px;
	position: absolute;
	left: 0px;
	claer: both;
	bottom: 0px;
}
div#enrl_no .col:nth-child(2) {
	width: 350px;
	position: absolute;
	right: 0px;
	top: 0px;
}
div#enrl_no .col a:hover {
	background: rgba(9, 61, 113, 0.72);
}
div#enrl_no .col a {
	background: rgba(255, 79, 2, 0.3);
}
#rt-header {
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	-webkit-transition: all 00s5s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.menu-home #rt-thirdfullwidth {
	height: 230px;
}
.pro_cor {
	color: white;
	padding: 10px;
}
.pro_cor a {
	background: #FF4F02;
	color: white;
	padding: 20px;
	border-radius: 10px;
}
.menu-home .owl-item .item .product-layout .product-thumb.transition .button-group button:nth-child(3), .menu-home .owl-item .item .product-layout .product-thumb.transition .button-group button:nth-child(2) {
	display: none !important;
}
.menu-home .mijoshop .product-thumb {
	border: 1px solid #F1F1F1;
	margin-bottom: 20px;
	padding: 0px;
	margin: 5px;
}
.menu-home .owl-carousel {
	margin: 0 0 0px;
	background: #FFF;
	border: 4px solid #FFF;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	-o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
	zoom: 1;
}
button.btn {
	display: inline-block;
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #FF4F02;
	background-image: -moz-linear-gradient(top, #FF4F02, #FF4F02);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF4F02), to(#FF4F02));
	background-image: -webkit-linear-gradient(top, #FF4F02, #FF4F02);
	background-image: -o-linear-gradient(top, #FF4F02, #FF4F02);
	background-image: linear-gradient(to bottom, #FF4F02, #FF4F02);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4F02', endColorstr='#DBDBDB', GradientType=0);
	border-color: #FF4F02 #FF4F02 #FF4F02;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 0px solid #FF4F02;
	border-bottom-color: #FF4F02;
	border-radius: 3px !important;
	margin-right: 5px;
}
button.btn:hover {
	color: #fff;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #093D71;
	background-image: -moz-linear-gradient(top, #093D71, #093D71 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#093D71 ), to(#093D71 ));
	background-image: -webkit-linear-gradient(top, #093D71, #093D71 );
	background-image: -o-linear-gradient(top, #093D71, #093D71 );
	background-image: linear-gradient(to bottom, #093D71, #093D71 );
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#093D71 ', endColorstr='#DBDBDB', GradientType=0);
	border-color: #093D71 #093D71 #093D71;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-bottom-color: #093D71;
}
.sprocket-tabs .sprocket-tabs-nav li .sprocket-tabs-inner {
	color: #000000;
}
a#enrln_btn {
	float: right;
	padding: 10px;
	color: white;
	background: #FF4F02;
	font-size: 130%;
	font-weight: bold;
	border-radius: 3px;
	line-height: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
}
/*courses page*/

input#home_phone, input#work_phone, input#mobile, input#address {
	width: 90%;
}
div#ce-cf-container-11 {
	width: 50%;
}
div#ce-cf-container-9 {
	width: 50%;
}
div#ce-cf-container-13 {
	width: 70%;
}
div#ce-cf-container-17 {
	width: 30%;
}
input#postcode {
	width: 98%;
}
.ce-checkbox-mon-lbl.span12, .ce-checkbox-tue-lbl.span12, .ce-checkbox-wed-lbl.span12, .ce-checkbox-thu-lbl.span12, .ce-checkbox-w-end-lbl.span12 {
	width: 33%;
	float: left;
}
input#fp_srch {
	width: 89%;
}
button#srch_btn {
	width: 9%;
	line-height: 39px;
}
input#full_name, input#email, input#course_titie {
	width: 94%;
}
textarea#course_description {
	width: 100%;
	height: 150px;
}
textarea#biographical_note {
	width: 100% !important;
	height: 150px !important;
}
input#mobile {
	width: 97%;
}
input#home_phone, input#address {
	width: 98%;
}
.menu-class-enrolment-summary .container_oc #accordion .panel.panel-default:nth-child(3) {
	display: none;
}

@media (max-width: 480px) {
div#rt-header .rt-block.menu-block.no-marg.no-pad {
	display: none;
}
.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
	margin: 0 5px;
	font-size: 87%;
}
.mb_canmen {
	margin-top: -10px;
}
/*Homepage*/

div#rt-top {
	background: black;
}
div#rt-top img {
	width: 225px;
	height: 115px;
	display: block;
	margin: 0 auto;
}
div#uclogo {
	display: block;
}
div#uclogo img {
	position: relative;
	margin: 0 auto;
	width: 165px;
	height: auto;
	top: 0px;
	left: auto;
	right: auto;
}
.menu-home div#rt-utility h1 {
	text-align: left !important;
	line-height: 20px;
	font-size: 113%;
}
.menu-home h1, .menu-home h2, .menu-home h3, .menu-home p {
	font-size: 100% !important;
	text-align: left !important;
	;
}
input#fp_srch {
	width: 100%;
}
button#srch_btn {
	margin-top: 10px;
	width: 100%;
	line-height: 20px;
}
.menu-home #rt-mainbody-surround {
	color: white;
	padding: 20px 0px;
	padding-bottom: 0px;
}
/*End of fp*/


/*courses*/
.menu-courses .mijoshop .col-sm-4, .menu-courses .mijoshop .col-sm-3 {
	padding: 0px 0px;
	width: 99.4%;
	margin-bottom: 5px;
}
.menu-courses div#rt-main .rt-flex-container .rt-mainbody-wrapper.rt-grid-12 .rt-block {
	padding: 0px;
	margin: 0px;
}
.menu-courses input#button-search {
	top: inherit;
	position: relative;
	right: inherit;
	margin-top: 5px;
	width: 100%;
	height: 30px;
}
}

/* ipad landscape */
@media (min-width: 960px) and (max-width: 1025px) {
.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
	margin: 0 5px;
	font-size: 87%;
}
}
/*acordion menu*/

#accordian {
	background: #093D71;
	width: 100%;
	margin-top: -10px;
	/*    margin: 100px auto 0 auto;*/
	color: white;/*Some cool shadow and glow effect*//*    box-shadow: 
        0 5px 15px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
.gf-menu-toggle {
	background-color: #FF4E03;
	border: 1px solid #FF4E03;
}
/*heading styles*/
#accordian h3 {
	font-size: 90%;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #FF4E03;
	margin-bottom: 0px;
	color: white;
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
	padding: 5px 0px;
}
#accordian li:first-child {
	padding: 0px 0px;
}
#tab-description ul li {
	list-style: inside;
}
/*links*/
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 100%;
	line-height: 27px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #003545;
	border-left: 5px solid #FF4E03;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}
#accordian h3:after {
	font-family: FontAwesome;
	content: "\f0d7";
	display: block;
	position: absolute;
	right: 10px;
	top: 0px;
	transition: all 0.30s;
	-webkit-transition: all 0.30s; /* Safari */
}
#accordian ul ul li a:before {
	font-family: FontAwesome;
	content: "\f0da";
	display: block;
	position: absolute;
	right: 10px;
	transition: all 0.20s;
	-webkit-transition: all 0.30s; /* Safari */
}
div#accordian ul {
	margin-bottom: 0px;
	margin-left: 0px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.rt-block.menu-block.no-marg.no-pad {
	display: none;
}
div#accordian ul {
	padding-bottom: 0px !important;
	margin-bottom: 0px;
}
div#rt-top .rt-grid-9.rt-omega {
	position: absolute;
	left: -10px;
	width: 100%;
}
div#rt-top .menu-block ul.gf-menu.l1 {
	margin-top: 10px;
	position: relative;
}
.lg_tpa {
	margin-top: 50px !important;
}
div#uclogo img {
	position: absolute;
	right: 5px;
	top: 90px;
	height: 37px;
}
}

/* Smartphones to Tablets */
@media (max-width: 480px) {
a#enrln_btn {
	width: 100%;
	margin: 0px;
	float: none;
}
.two_col .col {
	width: 100%;
	float: left;
	padding: 0px;
}
.two_col .col p {
	text-align: left !important;
}
.rt-mainbody-wrapper.rt-grid-9.rt-push-3 .rt-component-block.rt-block {
	border-left: 0px solid #DDD;
}
.-mb_sol section#rt-mainbody-surround .component-content {
	padding: 0px;
}
.-mb_sol section#rt-mainbody-surround .rt-block {
	margin: 0px;
	padding: 0px;
}
.enr_inf {
	padding: 10px !important;
}
.info_table td {
	width: 100% !important;
}
/*terms page*/
.term_bx .col1, .term_bx .col2, .term_bx .col3, .term_bx .col4 {
	width: 100%;
	background: transparent;
	border-right: 2px solid white;
	text-align: center;
}
.term_bx > div {
	float: left;
	padding: 0px;
	min-height: auto;
}
.term_bx .col1:before, .term_bx .col2:before, .term_bx .col4:before {
	display: inline;
	margin-right: 5px;
}
.term_bx {
	height: 170px;
}
.pro_cor a {
	margin: 0 auto;
	padding: 20px 10px;
	border-radius: 10px;
}
.pro_cor img {
	width: 40px;
}
.pro_cor {
	float: left !Important;
	margin: 0 auto;
	width: 100%;
}
div#ce-cf-container-11, div#ce-cf-container-9, div#ce-cf-container-13, div#ce-cf-container-17 {
	width: 100%;
}
}

/*landscape phone*/
@media screen and (max-device-width: 678px) and (orientation:landscape) {
.rt-mainbody-wrapper.rt-grid-9.rt-push-3 .rt-component-block.rt-block {
	border-left: 0px solid #DDD;
}
.rt-block.menu-block.no-marg.no-pad {
	display: none;
}
.custom.no-pad.no-marg.lg_tpa {
	width: 300px;
	margin: 0 auto !important;
}
.info_table td {
	width: 100% !important;
}
input#fp_srch {
	width: 79%;
}
button#srch_btn {
	width: 18%;
}
}
.rt-logo-block.rt-offline-logo {
	display: none;
}
.menu-home .portrait-image {
	margin-bottom: 50px;
}
span.menu-item-wrapper {
	font-size: 14px;
	padding: 0 5px;
}
.menu-home .moduletable > h3 {
	display: none;
}
td.th-crleg {
	width: 8% !important;
}

@media (min-width:768px) {
.menu-home div#fp_carousel_0 .item {
	width: 100%;
	float: left;
	margin-top: 25px;
}
}