@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-size:14px;	
}

p{
	font-size:14px;
	line-height:20px;
}

img, img a{
	border:none;
}

article li{
	line-height:20px;
	list-style-image:url(../images/bullet-pink.png);
}

h1{
	font-size:30px;
	color:#003a63;
	margin-bottom:5px;
}

article h1{
	color:#44c5e3;
}

h2{
	font-size:25px;
	color:#003a63;
	margin-bottom:5px;
}

aside h2{
	color:#ec008c;
}

aside h4{
	color:#003a63;
}

h3{
	font-size:18px;
	color:#003a63;
	margin-bottom:0px;
}

h4{
	font-size:14px;
	color:#ec008c;
	margin-bottom:0px;
}

h5{
	font-size:15px;
	color:#003a63;
	margin-bottom:5px;
}

hr{
	border:none 0px #FFFFFF;
	margin-top:25px;
}

a{
	text-decoration:none;
	color:#25a9de; /*darker cyan*/
}

a:hover{
	text-decoration:underline;
	color:#25a9de;
}

header{
	display:block;
	width:100%;
	height:100px;	
}

nav{
	clear:both;
	display:block;
	width:100%;
	height:54px;
	font-size:12px;
	background:#003a63;
	border-radius:10px;
	margin-bottom:25px;
}

#featureAd{
	display:inline;
	width:100%;
	height:auto;
}

#mygallery{
	border-radius:10px;
}

aside{
	clear:left;
	display:block;
	width:30%;
	float:right;
	margin-top:25px;
	margin-bottom:25px;
}

section{
	display:block;
	width:70%;
	float:left;
	margin-bottom:25px;
}

.fullWidthSection{
	display:block;
	width:100%;
	float:left;
}

footer{
	font-size:12px;
	display:block;
	width:100%;
	background:#003a63;
	height:120px;
	clear:both;
	color:#FFFFFF;
	min-height:150px;
	margin-top:25px;
}

footer a, footer ul, footer li{
	color:#FFFFFF;
	list-style:none;
	line-height:20px;
	display:inline;
	padding:5px;
}

#footerMenu{
	padding-top:40px;
	text-align:center;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

#copyrightInfo{
	padding-top:10px;
	text-align:center;
	color:#09C;
}

#logo{
	width:50%;
	height:76px;
	float:left;
	margin-top:10px;
	text-align:left;
}

#social{
	width:50%;
	height:30px;
	display:inline;
	float:left;
	text-align:right;
}

#searchAll{
	width:auto;
	display:inline;
	float:right;
}

.roundedGrayBox{
	display:block;
	width:100%;
	background:url(../images/gray-wave-bg.jpg) #eff2f7 no-repeat bottom left;
	border-radius:10px;
}

.roundedGrayBox h1{
	margin-top:0px;
	margin-bottom:10px;
}

.boxPadding1{
	padding:15px;
}

.boxPadding2{
	padding:7px;
}

.indentSection{
	padding-right:25px;	
}

#leftColumn{
	float:left;
	width:65%;
	display:block;
}

#rightColumn{
	float:right;
	width:30%;
	display:inline-block;
}

#courseWrapper{
	float:left;
	display:block;
	background:#eaf6f9;
	padding:20px;
	border-radius:10px;
	margin-bottom:25px;
}

#courseWrapper h3, #courseWrapper h3 a{
	color:#ec008c;
}

.courseItems ul{
	display:inline-block;
	margin-left:-37px;
	padding-bottom:20px;
}

.courseItems li{
	display:inline-block;
	padding-right:40px;
	color:#ec008c;
}

.courseItems li strong{
	color:#000;
}

.courseDetails, .rolesTable{
	display:inline-block;
	width:100%;
	font-size:14px;
	padding-bottom:25px;
}

.courseDetails table, .rolesTable table{
	padding-top:20px;
}

.courseDetails table td, .rolesTable table td{ 
	border-bottom:#FFF dotted 1px;
	padding:15px;
}


.courseDetails strong{
	font-size:14px;
	color:#000000;
}

.courseDetails tr:nth-child(even), .rolesTable tr:nth-child(even){
    background:#eaf6f9;
}

.courseDetails tr:nth-child(odd), .rolesTable tr:nth-child(odd){
	background:#e4f2f5;
}

.courseCareerPaths{
	display:inline-block;
	width:100%;
	font-size:14px;
	padding-bottom:25px;
}

.courseCareerPathsList li, .rolesTable li{
	color:#000000;
	list-style-image:url(../images/icon-briefcase.png);
	line-height:30px;
	margin-left:-10px;
}

.courseLists{
	display:inline-block;
	width:100%;
	font-size:14px;
	padding-bottom:25px;
}

.courseLists li{
	line-height:30px;
	margin-left:-10px;
}

#courseTitle{
	
}

#courseTitleShellWrapper{
	display:table;
	width:100%;
	padding-bottom:10px;
}

#courseTitleShell{
	display:table-cell;
	width:100%;
	height:auto;
	padding:20px;
	background:#003a63;
	vertical-align:middle;
	border-radius:7px;
	color:#FFFFFF;
	font-size:16px;
}

.courseStudyPathways{
	display:inline-block;
	width:100%;
	font-size:14px;
	padding-bottom:35px;
}

.courseStudyPathwaysDiagram{
	margin-top:25px;
}

.nmitInfo{
	display:inline-block;
	width:100%;
	font-size:14px;
	padding-bottom:25px;
}


.coursePhone{
	text-align:center;
	padding-right:27px;
}

#enquireButtonWrapper{
	display:block;
	text-align:center;
	float:right;
	margin-top:25px;
}

.downloadWrapper{
	display:inline-block;
	width:100%;
	padding-top:25px;
}

.downloadPDF:before{
	content:url('../images/icon-pdf-big.png');
	top:13px;
	position:relative;
	margin-right:5px;
}

#fullscreenEnquireFormWrapper{
	display:none;
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/overlay-tile.png) repeat;
	z-index:9999;
}

#fullscreenEnquireForm{
	position:relative;
	width:350px;
	margin:0px auto;
	padding-top:100px;
}

#enquireFormCloseButton{
	position:absolute;
	top:75px;
	left:325px;
	cursor:pointer;
}

#enquireFormCloseButton:before{
	content:url('../images/icon-close.png');
}


/*** heroes ***/

#heroWrapper{
	position:absolute;
	left:0px;
	width:100%;
	background:#eff2f7;
	height:300px;
	text-align:center;
}

#heroImageCourses{
	width:100%;
	background:url(../images/hero-placeholder.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageJob{
	width:100%;
	background:url(../images/hero-job-placement.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageAbout{
	width:100%;
	background:url(../images/hero-about.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageContact{
	width:100%;
	background:url(../images/hero-contact.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageFAQ{
	width:100%;
	background:url(../images/hero-faq.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageNews{
	width:100%;
	background:url(../images/hero-news.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageFinancial{
	width:100%;
	background:url(../images/hero-financial.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroImageEcampus{
	width:100%;
	background:url(../images/hero-ecampus.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroThankYou{
	width:100%;
	background:url(../images/hero-thank-you.jpg) fixed no-repeat center top;
	height:300px;
	overflow:hidden;
	text-align:center;
	z-index:2;
	border-bottom:1px solid #c2cad7;
	border-top:1px solid #c2cad7;
}

#heroSpacer{
	height:300px;	
}

#gradient{
	background:#FFFFFF;
	width:100%;
	height:300px;
	position:relative;
	left:0px;
	top:0px;
	z-index:-1;
}


/*** Form CSS ***/

.didaskoButtonsSuper{
	background:#44c5e3;
	border-radius:7px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	padding:20px 30px 20px 30px;
	cursor:pointer;
	border: 0px;
	outline: 0;
	display:inline; /*IE specific */
}

.didaskoButtonsSuper:hover{
	background:#77cadd;
	border-radius:7px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	padding:20px 30px 20px 30px;
	cursor:pointer;
	border: 0px;
	outline: 0;
}

.didaskoButtonsNormal{
	background:#44c5e3;
	border-radius:5px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:13px;
	padding:10px 20px 10px 20px;
	cursor:pointer;
	border: 0px;
	outline: 0;
}

.didaskoButtonsNormal:hover{
	background:#77cadd;
	border-radius:5px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:13px;
	padding:10px 20px 10px 20px;
	cursor:pointer;
	border: 0px;
	outline: 0;
}

#liveChatButton{
	background:#ec008c;	
}

#liveChatButton:hover{
	background:#eb3ca4;	
}

#enquireForm {
	line-height: 30px;
	font-weight:bold;
	font-size:12px;
	color:#666;
	border:none;
	margin:0px;
	padding:0px;
}

#enquireForm .fields{
	font-size:16px;
	border: 1px solid #CCC;
	border-radius:7px;
	padding:8px;
}

#enquireForm .fields:focus{
	font-size:16px;
	border: 1px solid #FF0000;
	border-radius:7px;
	padding:8px;
	outline: 0;
}

#enquireForm select{
	font-size:16px;
	border: 1px solid #CCC;
	border-radius:7px;
	padding:8px;
	outline: 0;
}

#searchWebsite .fields{
	font-size:16px;
	border: 1px solid #CCC;
	border-radius:7px;
	padding:8px;
}

::-webkit-input-placeholder {
   font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
   font-style:italic; 
}
::-moz-placeholder {  /* Firefox 19+ */
   font-style:italic;  
}
:-ms-input-placeholder {  
   font-style:italic; 
}

.error{
	color:#ff0000;	
}

.success{
	color:#44c5e3;	
}

.requiredAsterix{
	color:#F00;	
}



/**** Carousel CSS *****/

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px;
	overflow: scroll; /*leave this value alone*/
	width: 675px; /*Width of Carousel Viewer itself*/
	height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 675px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.carouselPaginate{
	position:relative;
	width:250px;
	text-align:left;
	margin-top:300px;
	margin-left:30px;
	float:left;
}

/***Pull out ***/

.midParaPic{
	float:left;
	width:200px;
	padding-right:30px;
}

.pullOut{
	color:#66727a;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:24px;
	font-style:italic;	
	line-height:29px;
}

.pullOutRule{
	border-top:1px dotted #ccc;
}


.badgeListIcon{
	display:table-cell;
	background:#eff2f7;
	width:100px;
	height:100px;
	border-radius:7px;
	border:1px #ccc solid;
	padding:15px;
	text-align:center;
}

.badgeListText{
	display:table-cell;
	padding-left:25px;
	text-align:left;
	vertical-align:middle;
}

#fullWidthHighlightWrapper{
	position:absolute;
	left:0px;
	width:100%;
	background:#e3e8ef;
	height:200px;
	text-align:center;
	border-bottom:1px solid #c2cad7;
}

#fullWidthHighlightSpacer{
	height:200px;	
}

#fullWidthHighlightWrapper h1{
	color:#ec008c;
	margin:5px;
	font-size:40px;
}

.readmorebtn{
	cursor:pointer;	
}

.generalOnSideWrapper{
	margin-bottom:25px;
}



/*** Pagination ***/

.pagination {
            font-size: 80%;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #44c5e3;
	color: #333;
	border-radius:15px;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    background: #44c5e3;
    color: #fff;
	border: solid 1px #44c5e3;
	border-radius:15px;
}

.pagination .current.prev, .pagination .current.next{
	color:#ccc;
	border-color:#fff;
	background:#fff;
	border-radius:15px;
}

#googleMap{
	margin-top:25px;
	margin-bottom:25px;
}