/* global */
.grey {color:#CCCCCC;}

.blue1 {color:#DC4913;}
.blue3 {color:#DC4913;}


.longTxt h3,
.facultyColor {color:#DC4913;}
.darkFacultyColor {color:#DC4913;}
.bgFacultyColor { background-color:#DC4913;}

.longTxt ul li, .contentBlock ul li, .tableStyle ul li { list-style-image:url(nicai/images/dot.png);}
.longTxt ul ul li, .contentBlock ul ul li, .tableStyle ul ul li { list-style-image:url(nicai/images/dotH.png);}
.longTxt ul ul ul li, .contentBlock ul ul ul li, .tableStyle ul ul ul li { list-style-image:url(nicai/images/dotR.png);}

#welcomeBlock h1 {color:#000000;font:bold 185% verdana;}

a {text-decoration:underline;color:#DC4913;}
a:visited {color:#DC4913;}
a:hover {color:#FF6600;}

.alignBottom {bottom:0px;}
.contentBlock .videoBox {color:#FFF;background-color:#DC4913;}
.contentBlock .imageCaption {background-color:#666666; color:#ffffff;}

/* left hand navigation */
.leftNav a.header-0, .leftNav a.header-0:link, .leftNav a.header-0:active, .leftNav a.header-0:visited, .leftNav a.aHeader-0, .leftNav a.aHeader-0:link, .leftNav a.aHeader-0:visited, .leftNav a.header-1 span, .leftNav a.header-2 span, .leftNav a.aHeader-2 span, .leftNav a.aHeader-2:visited span, .rightNav b.link-0, .rightNav a.link-1, .rightNav a.link-1:visited  {background-image:url(nicai/images/non-repeating-bg-v3.png);}

.leftNav a.aHeader-1 span, .leftNav a.aHeader-1:visited span {border-bottom:1px #78280a solid;}
.leftNav li:hover a.header-1:active span, .leftNav li:hover a.aHeader-1:hover span {border-bottom:1px #9a330d solid;}
.leftNav a.aHeader-1 span, .leftNav a.aHeader-1:visited span {border-bottom:1px #9a330d solid;}

/* level 4 */
.leftNav a.header-4 span {
	background-position:-170px 0;
}

.rightNav b.link-0 {
	background: #2A270B url(nicai/images/non-repeating-bg-v3.png) repeat-x scroll -680px -317px;
}
.rightNav a.link-1, .rightNav a.link-1:visited {
	background:#efefef url(nicai/images/non-repeating-bg-v3.png) repeat-x scroll -680px 0;
}

.rightNav a.link-1:hover {
	background-position:-680px -106px;
}
.rightNav a.link-1:active {
	background-position:-680px -212px;
}

/*banner */
#pageBanner .color {
	background:#DC4913 url(nicai/css/none) scroll ;
	width:43%;
	float:right;
	height:160px;
	padding-bottom:0;
}
#pageBanner .txt, #pageBanner .color {
	margin-bottom:0;
}
#pageBanner .color h1 {padding:20px;}
#pageBanner .txt h1 {color:#DC4913;}
#pageBanner .color1 {background:#DC4913;}
#pageBanner .notices {background-image:url(nicai/images/splash-bg.png);}
#pageBanner .banner10 h1 {color:#E05C2B;}
#pageBanner .banner10 .facultyBG {background:transparent url(nicai/images/bannerTile.gif) repeat-y top left;}
#pageBanner .color .b9 {display:none;}

.contentBlock .videoBox {background-color:#DC4913;}
.videoShow .vnotices .vtitle {color:#000;}
.videoShow .vnotices .vintro {color:#FFF;font-size:65%;}
.videoShow .imgsBox .greyBox p, .videoShow .imgsBox .greyBox p a, .videoShow .imgsBox .greyBox p a:visited {color:#FC0;}
.hasVideoBlock {background-color:#DC4913;}
.videoShow .imgsBox .greyTitle .t2 {background-color:#DC4913;}
.videoShow .imageContainer {background:transparent url("nicai/images/loading.gif") no-repeat scroll center center;}

.rotatingImage .textContainer {background-color:#DC4913;color:#CCC;}
.rotatingImage .keyLine {border:solid 1px #DC4913;}

.oneThirdWidth .tdImage { display:inline-block; }
.oneThirdWidth .tdText { display:inline-block; vertical-align: text-top; }

/* for chrome FF3 and opera */
.oneThirdWidth {width:30%; display:inline-block; margin:0 3% 20px 0;}

/*for ff 2 */
.oneThirdWidth, x:-moz-any-link {display:-moz-inline-box; -moz-box-orient:vertical; margin:0 2.2% 20px 0;padding:0;width:30%; }

.staffDetails {padding-top:10px;}
.staffWithImage {margin-left:190px;}
.staffNameSpace {background-color:#DC4913; color:#ffffff; padding:10px 20px 0 20px; margin-bottom:20px; position:relative;}

.tableStyle table th{color:#FFF;background-color:#DC4913}
.contentBlock .longTxt table th{color:#FFF;background-color:#DC4913}

.listBox {margin:9px 0;}

.anchorRightUp, .anchorRightUp:visited {
	margin-top:5px;
	background:transparent url(nicai/images/anchor-up.gif) no-repeat scroll right top;
	height:12px;
	padding-right:15px;
}

.anchorRightUp:hover {
	background-position:right bottom;
}

.stafflist_block {width:100%; border-top: solid 1px #D9D9D9;font:normal 80% verdana;line-height:140%; padding-bottom:8px; padding-top:8px;clear:both;}
.viewProfile {font: normal 80% verdana;white-space: nowrap; }
.profileAssociation {padding-bottom:50px;}

/* Added by Aimar @ 12/11/08: only used for NICAI showcase*/ 
.showcaseBox {
	max-width:732px;
	clear:both;
	margin:20px 0 16px;
	padding:0 0 0 382px;
	position:relative;
	height:269px;
}
.showcaseBox img {
	position:absolute;
	top:0;
	left:0;
	width:380px;
	height:269px;
}

.showcaseBox .box {
	padding-top:52px;
	width:100%;
}

.showcaseBox .box1 {
	background-color:#AAAD81;
	width:100%;
	height:164px;
	margin-bottom:2px;
	overflow: hidden;
}
.showcaseBox .box1 div {
	padding:30px 6px 0;
}

.showcaseBox .box1 b {
	color:#FFF;
}
.showcaseBox .box1 p {
	color:#FFF;
}
.showcaseBox .box1 a {
	color:#000;
	text-decoration:underline;
}
.showcaseBox .box1 a:hover {
	color:#000;
	text-decoration:none;
}
.showcaseBox .box2 {
	background-color:#DC4913;
	height:100%;
	min-height:52px;
}
.showcaseBox .box2 ul {
	list-style:none;
	list-style-image:none;
	float:left;
	margin:20px 30px 0 30px;
	padding:0;
}
.showcaseBox .box2 ul li {
	width:10px;
	height:10px;
	float:left;
	overflow:hidden;
	margin-right:3px;
}
.showcaseBox .box2 a, .showcaseBox .box2 a:visited {
	width:10px;
	height:10px;
	display:block;
	background-color:#FFF;
	background-image:url(nicai/images/showcase_button.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.showcaseBox .box2 div a:hover {
	background-position:0 -10px;
}
.showcaseBox .box2 div b {
	display:block;
	float:left;
	margin:0 0 0 30px;
	color:#D2D1C9;
}

.showcaseBox .box2 .moreShowcase a, .showcaseBox .box2 .moreShowcase a:visited {
	background:none;
	color:#fff;
	vertical-align:baseline;
	float:right;
	margin-right:120px;
	_margin-right:20px;
	white-space: nowrap;
	font:normal 60% verdana;
}

.showcaseBox .box2 .moreShowcase a:hover {
	/*color:#FF6600;*/
}
.showcaseBox .box1 div a.discipline, .showcaseBox .box1 div a.discipline:hover,
.showcaseBox .box1 div a.discipline:visited
{text-decoration:none;
color:#ffffff;
}
.showcaseBox .box2 div a.n9:hover{text-decoration:none;}

/*Overlib tooltips, styles added by Abdul 25/11/08 */
.OverlibFgClass {background-color:#DC4913;}
.OverlibBgClass {border:2px solid #fff;}
.OverlibText{color:#fff;font-size:10px;padding:2px;background-color:#DC4913;}

.sOverlibFgClass {background-color:#fff;}
.sOverlibBgClass {border:2px solid #DC4913;}
.sOverlibText{color:#DC4913;font-size:10px;padding:2px;background-color:#fff;}

/* end tooltip styles */
a.ashowcase{font-family:verdana;font-size:75%;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:140%;text-decoration:none;}
img.showcaseType{margin-left:130px;}

/* music showcase */
.listBox .linkTxt, .listBox1 .linkTxt {
	text-decoration:none;
}
.withImage1 {
	padding-left:90px;
	min-height:80px;
}
.listBox .image1 img {
	height:80px;
	position:absolute;
	top:4px;
	width:80px;
	left:0px;
}

.listBox .more img {
	height:auto;
	top:auto;
	width:auto;
}

.creativeShowcase {
	max-width:732px;
	clear:both;
	margin:20px 0 16px;
	padding:0 0 0 382px;
	position:relative;
	height:269px;
	overflow:hidden;
	/*min-width:300px;*/
}
.creativeShowcase .imageBox {
	position:absolute;
	width:380px;
	top:0;
	left:0;
}
.creativeShowcase .box {
	padding-top:52px;
	/*width:100%;*/
}
.creativeShowcase .textBox {
	height:164px;
	margin-bottom:2px;
	background-color:#AAAD81;
	overflow:hidden;
}
.creativeShowcase .textBox div {
	padding:30px 6px 0;
	color:#FFF;
}
.creativeShowcase .textBox div a {
	color:#fff;
	text-decoration:none;
}
.creativeShowcase .textBox div a:hover {
	text-decoration:underline;
}

.creativeShowcase .textBox div a.stitle{color:#000;text-decoration:underline;}
.creativeShowcase .textBox div a.stitle:hover{text-decoration:none;}

.creativeShowcase .showcaseNav {
	background-color:#DC4913;
	/*height:100%;*/
	height:55px;
	position:relative;
}
.creativeShowcase .box .moreShowcase{margin:-30px 0px 0px 60%; width:40%; position:relative;}
.creativeShowcase .box .showcaseNav b{display: block; float: left; width: 50%;line-height:100%;}
.creativeShowcase .showcaseNav ul {
	list-style:none;
	list-style-image:none;
	float:left;
	padding:0;
	margin:20px 0 0 30px;
	display:inline;
}
.creativeShowcase .showcaseNav li {
	float:left;
	margin-right:3px;
}
.creativeShowcase .showcaseNav li a {
	width:10px;
	height:10px;
	display:block;
	background-color:#FFF;
	background-image:url(nicai/images/showcase_button.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
}
.creativeShowcase .showcaseNav li a:hover,   {
	background-position:0 -10px;
}
.creativeShowcase .showcaseNav b {
	margin-left:30px;
	color:#D2D1C9;
} 
.creativeShowcase .showcaseNav .moreShowcase a, .creativeShowcase .showcaseNav .moreShowcase a:visited {
	position:absolute;
	top:30px;
	right:20px;
	color:#000;
	white-space: nowrap;
	font:normal 60% verdana;
	white-space:normal;
}
.creativeShowcase .showcaseNav .moreShowcase a:hover {
	color:#fff;
}

#creativeShowcaseNav { margin: 5% 0 0 30px; position: relative; width:60%;}
#creativeShowcaseNav li { float: left; list-style: none; margin-left:3px;}
#creativeShowcaseNav a { width:10px;
	height:10px;
	display:block;
	background-color:#FFF;
	background-image:url(nicai/images/showcase_button.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;}
#creativeShowcaseNav a.activeSlide { color:#FF6600; background-position:0 -10px;}
#creativeShowcaseNav a:focus { outline: none; }
.creativeShowcase .textBox div {
height:155px;display:block;padding-top:5px;}
html*.creativeShowcase .textBox div{height:155px;display:block;padding-top:5px;}
.lineHeight{line-height:100%;}

/* hack for programmes, needs to be removed when faculty is using central info */ 
.contentBlock .longTxt .mainCourseInfoContainer {
position:relative;
}
.contentBlock .longTxt .mainCourseInfoContainer table{
	margin:0;
}
.contentBlock .longTxt .mainCourseCaseStudy {
background-color:#333333;
padding:8px;
position:relative;
width:310px;
}
.contentBlock .longTxt .mainCourseInfo {
color:#FFFFFF;
font: normal 110% verdana;
padding:8px;
}
.contentBlock .longTxt .mainCourseInfo td {
padding:4px;
}
.contentBlock .longTxt .mainCourseInfo h1{
	font-size:128%;
}
.contentBlock .longTxt .mainCourseInfo td  p {
	margin:0;
}
.contentBlock .longTxt .mainCourseInfoCol1 {
width:145px;
}
.contentBlock .longTxt .mainCourseInfo td {
color:#FFFFFF !important;
}
.degreeIntro {
color:#333333;
font-size:100%;
}
.caseStudySubject {
text-align:right;
}
.caseStudySubject {
clear:both;
margin-bottom:8px;
}
.caseStudySubject img {
float:right;
margin:0 0 8px 8px;
}
.caseStudySubjectName {
color:#999999 !important;
font-size:0.9em !important;
padding-top:5px;
}
.caseStudySubjectDegree {
color:#999999 !important;
font-size:0.7em !important;
}
.caseStudyAboutDegree {
clear:both;
margin-top:15px;
_margin-right:35px;
_margin-top:25px;
text-align:right;
}
.caseStudyAboutDegree img {
float:right;
margin:10px 35px 8px 8px;
}
.caseStudyAboutDegreeCaption {
color:#999999 !important;
font:normal 120% verdana; !important;
}
.caseStudyAboutDegreeLink {
font:bold 90% verdana; !important;
margin-right:15px;
}
.caseStudyAboutDegreeLink a {
	background-color:transparent;
}
#program_finder ul li {list-style-type:circle; list-style-image:none; background:none; padding-left:0px;}

/* faculty colours */

.nicai a, .nicai a:visited, .nicai a:hover {color:#DC4913; }
.nicai {color:#DC4913; background-color:#DC4913;}
.nicai1 {background-color:#E05C2B;}
/* end of hack for programmes */

/* gallery block */
.galleryModal {
    background: #dc4913; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNkYzQ5MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dc4913 280px, #000000 550px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(280px,#dc4913), color-stop(550px,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc4913 280px,#000000 550px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc4913 280px,#000000 550px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc4913 280px,#000000 550px); /* IE10+ */
    background: linear-gradient(to bottom,  #dc4913 280px,#000000 550px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4913', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.galleryModal .galleryContainer .galleryContent .galleryBody .galleryNavigation {
    background: transparent url(../../../../sites/nicai/images/gallery/controller-bg.png) repeat-x top left;
}

/* print modal */
.printModal .printHeader {
    background: #dc4913;
}

.highlights-box ul li {
    background: url("nicai/images/Bullet.gif") 0 50% transparent no-repeat;
}

.imageWithCaption .caption {
    background-color: #666;
    color: white;
}

.teaserCarousel a.link {
    text-decoration: none;
}

.teaserCarousel a.link:hover {
    text-decoration: underline;
}