/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */
/* CSS Document Index-------------------------*/
/* GLOBAL
/* HEADER
/* - Flash Banner
/* FOOTER
/* PAGE STRUCTURE
/* SIDEBAR
/* HEADINGS
/* TEXT STYLES
/* NAVIGATION
/* FORMS
/* EXTRAS
----------------------------------------------*/ 
/* NMMU Colour Profile------------------------*

.dark-blue: 	#003057
.blue:			#4c6e89
.dark-purple:	#4b1c47
.purple:		#762369
.dark-green:	#006f45
.green:			#0aa245
.dark-orange:	#cb582c
.orange:		#f7941e
----------------------------------------------*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body
{
	/*background: #141719 url(../images/bg/body-tile.png) repeat-x 0 100%;*/
	background: #000;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 17px;
	text-align: center;
}

img { border: 0; }

a
{
	color: #004880;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

p
{
	margin: 10px 0 10px 0;
	padding: 0;
}

ul li
{
	padding: 0 0 0 12px;
}

ul ul
{
	margin-bottom:10px;
	
}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header
{
	margin: 0 auto;
	padding: 0;
	background: #16181a url(images/bg/header.gif) repeat-x 0 100%;
}

.header-right
{
	float: right;
	width: 40%;
	margin: 0;
	padding: 0;
	text-align: right;
}

.header-right p
{
	margin: 20px 5px 10px 0 ;
}

/* - Top Navigation - */
#block-menu-menu-top-nav ul.menu
{
	float: right;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#block-menu-menu-top-nav li
{
	float: right;
	width: auto;
	margin: 0;
	padding: 0 8px;
	list-style: none;
	list-style-image: none;
	background: transparent url(images/bg/topnav-links-divider.gif) no-repeat 100% 50%;
}

#block-menu-menu-top-nav li.first
{
	background: none;
	
}

#block-menu-menu-top-nav a
{
	color: #fff;
	
}

#logo
{
	margin: 0;
	padding: 0;
	width: 343px;
	height: 153px;
	float: left;
}

#logo a
{
	text-decoration: none;
	display: block;
	width: 343px;
	height: 100%;
}

.connect-links,
.social-links
{
	margin: 15px 0;
	padding: 20px 0 0 0;
	list-style: none;
	float: right;
	width: 130px;
}

.social-links
{
	float: left;
	width: 250px;
	padding: 0;
}

.connect-links li,
.social-links li
{
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	float: left;
	background: transparent url(images/btn/connect-btns-w.gif) no-repeat 0 0;
}

.social-links li
{
	background: transparent url(images/btn/social-links.gif) no-repeat 0 0;
}



.connect-links li.connect-01{ margin: 0 10px 0 0; }
.connect-links li.connect-02
{
	margin: 0 10px 0 0;
	background-position: -24px 0;
}
.connect-links li.connect-03 { margin: 0 10px 0 0; background-position: -48px 0; }
.connect-links li.connect-04 { background-position: -72px 0;}


.social-links li.social-01{ margin: 0 10px 0 0; }

.social-links li.social-02
{
	margin: 0 10px 0 0;
	background-position: -25px 0;
}
.social-links li.social-03 { margin: 0 10px 0 0; background-position: -51px 0; width: 83px; }
.social-links li.social-04 { background-position: -136px 0; width: 56px;}



.connect-links li a,
.social-links li a
{
	display: block;
	width: 24px;
	height: 24px;
	font-size: 1px;
	overflow: hidden;
}

.social-links li.social-03 a { width: 83px;}
.social-links li.social-04 a { width: 56px;}


.connect-links li a:hover,
.social-links li a:hover
{ text-decoration: none; }

.connect-links li span,
.social-links li span { visibility: hidden; }


/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer
{
	clear: both;
	background: #ffffff;
	/*border-top: 8px solid #003057;*/
	border-top: 8px solid #000;
	margin: 10px 0 0 0;
	padding: 5px 15px 5px 15px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
}

#footer .content { text-align: left;}

#footer .block-menu,
#block-menu-menu-footer-links .content
{
	margin: 0;
	padding: 0;
	float: right;
	width: 500px;
}

#block-menu-menu-footer-links .content
{
	width: 100%;
	float: right;
	margin: 10px 0 5px 0;
}

#footer .block-nodeblock .content 
{
    padding: 0;
}

.footer-message
{
	clear: right;
	float: right;
	width: 290px;
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul a { color: #5b5c5c; }

#footer ul.menu
{
	margin: 8px 0 4px 0;
	padding: 0;
	clear: both;
	float: right;
	width: auto;
}

#footer ul.menu li
{
	background: transparent url(images/bg/footer-links-divider.gif) no-repeat 100% 50%;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 2px 0 0;
	list-style-image: none;
	list-style-type: none;
	font-size: 11px;
}

#footer ul.menu li.last
{
	background: none;
	padding: 0;
}

#footer ul.menu li.last a { padding: 0 0 0 8px; }

#footer ul.menu li a
{
	padding: 0 8px;
	line-height: 10px;
	margin: 0;
}

#footer h2
{
	color: #000;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
	text-align: left;
	text-transform: none;
	border: 0;
	padding: 0;
	
}

#footer .form-item label { display:none; }

.contact-details
{
	float: left;
	width: 100%;
}

.contact-details li
{
	float: left;
	width: 210px;
	margin: 0 3px 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	line-height: 14px;
}

.contact-details .connect-links li
{
	width: 23px;
	margin: 0 10px 0 0;
	padding: 0;
}

.contact-details .connect-links
{
	float: none;
	height: 22px;
}

.contact-details .connect-links li.connect-04
{
	margin: 0;
}

.contact-details li.details-last
{
	border: 0;
	margin: 0;
	padding: 0;
}

#footer p 
{
	margin: 0 0 10px 0;
	padding: 0;
}

#footer h3
{
	margin: 10px 0;
	color: #000;
	font-size: 12px;
	border: 0;
	text-transform: none;
}

#footer .form-item
{
	width: 210px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
}

.footer-left
{
	float: left;
	clear: left;
	width: 418px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}
/*
.footer-left a
{
	background: transparent url(images/bg/associate.gif) no-repeat 0 0;
	display: block;
	height: 52px;
	width: 100%;
}*/

.footer-left a:hover
{
	text-decoration: none;
}


.credit-links
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
}

.credit-links li
{
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	width: auto;
}

.credit-links li a
{
	float: left;
	width: auto;
	display: block;
	height: 71px;
}

p.designer
{
	height: 18px;
	padding: 0;
	font-size: 11px;
	margin: 5px 0 0 0;
	width: 290px;
	float: right;
	clear: both;
}

p.designer span
{
	height: 14px;
	padding: 4px 5px 0 0;
	float: left;
}

p.designer a
{
	background: transparent url(images/virtuosa-trans.png) no-repeat 0 0;
	border: 0;
	height: 14px;
	line-height: 14px;
	width: 54px;
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
	text-decoration: none;
}

p.designer a span
{
	visibility: hidden;
}


/* -----------------------------------*/
/* ------>>> PAGE STRUCTURE <<<-------*/
/* -----------------------------------*/
#wrapper
{
	background: #fff;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

.page
{
	/*background: #dbdbdb url(images/bg/pagecontent-bottom.png) repeat-y 0 100%;
	padding: 0 0 10px 0;
	margin: 13px 12px 0 12px;*/
}

#pagecontent
{
	/*background: transparent url(images/bg/pagecontent-top.png) no-repeat 0 0;*/
	margin: 0;
	/*padding: 0 25px 10px 25px;*/
	padding: 5px 15px 10px 15px;
	position: relative;
	left: 0;
	top: 0;
}

.front .page
{
	background: none;
	clear: both;
}

.front #pagecontent
{
	padding: 15px 315px 10px 330px;
	margin: 0 0 0 0;
	background: none;
	clear:left;
}

.maintenance-mode #pagecontent
{
	padding: 15px;
	font-size: 15px;

}


.front .sidebar-content p
{
	margin: 0 0 15px 0;
}

.front a
{
	color: #000;
}

.front .block-nodeblock .content
{
	padding: 0;
}


.two-sidebars .page
{
 	/*background: #dbdbdb url(images/bg/tc-pagecontent-bottom.png) no-repeat 0 100%;*/
}

.two-sidebars #pagecontent
{
	/*background: transparent url(images/bg/tc-pagecontent-top.png) no-repeat 0 0;	
	padding: 14px 220px 10px 285px;*/
	padding: 5px 210px 10px 265px;	
}


.sidebar-left .page
{
	/*background: #dbdbdb url(images/bg/sidebar-left-pagecontent-bottom.png) repeat-y 0 100%;*/
}

.sidebar-left #pagecontent
{
	/*background: transparent url(images/bg/sidebar-left-pagecontent-top.png) no-repeat 0 0;
	padding: 0 25px 10px 285px;*/
	padding: 5px 15px 10px 265px;
}


.sidebar-right .page
{
	/*background: #dbdbdb url(images/bg/sidebar-right-pagecontent-bottom.png) repeat-y 0 100%;*/
}

.sidebar-right #pagecontent
{
	/*background: transparent url(images/bg/sidebar-right-pagecontent-top.png) no-repeat 0 0;
	padding: 14px 220px 10px 25px;*/
	padding: 5px 210px 10px 15px;
	
}

#pagecontent .node
{
	margin: 0;
	padding: 0;
}

/* - Page Banners - */
.front .banner
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	border-bottom: 8px solid #000;
	background: #000;	
}

.views-slideshow-controls-bottom
{
	float: right;
	width: auto;
	text-align: right;
	padding: 5px 0 0 0;
}
.views-slideshow-controls-bottom a
{
	color: #d9d9d9;
	font-size: 8px;
	line-height: 8px;
	margin: 0  0 0 10px;
}

.views_slideshow_pagerNumbered .pager-item a
{
	margin: 0;
}

.views_slideshow_pagerNumbered
{
	margin: 8px 0 0 0;
	height: 8px;
}

.views_slideshow_pagerNumbered .pager-item
{
	background: transparent url(images/btn/interface.png) no-repeat 0 0;
	height: 8px;
	text-align: center;
	line-height: 8px;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	width: 14px;
}

.views_slideshow_pagerNumbered .last { margin: 0;}

.views_slideshow_pagerNumbered .activeSlide
{
	background-position: 0 -8px; 
}

.views_slideshow_pagerNumbered .pager-item a:hover,
.views_slideshow_pagerNumbered .activeSlide a
{
	color: #5b5b5b;
	text-decoration: none;
}


/*.front .banner .views-slideshow-controls-bottom 
{
	padding: 10px 0 0 0;
}

.front .banner .views_slideshow_singleframe_pager div a img
{
	width: auto;
	height: 37px;
}
*/
.front .banner .views-row 
{
	position: relative;
}

.front .banner .views-field-field-banner-image-fid
{
	z-index: 0;
}

.front .banner .views-field-body
{
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(images/bg/banner-text-trans.png) no-repeat 0 0;
	width: 30%;
	z-index: 1;
	text-align: right;
}

.front .banner  .views-row-1 .views-field-body
{
	position: static;
	background: transparent none;
	width: 100%;
	height: 330px;
	overflow: hidden;
}

.front .banner .views-field-body .field-content
{
	padding: 0 10px;
}

.front .banner  .views-row-1 .views-field-body .field-content
{
	padding: 0;
}

.front .banner  .views-field-body p
{
	margin: 0;
}

.views-field-field-banner-image-fid
{
	background: #000;
}

.not-front .banner
{/*default*/
	background: transparent url(images/banners/about-us.jpg) no-repeat 0 0;
	height: 223px;
	margin: 0;
	padding: 0;
	border-bottom: 8px solid #000;
}

/* - About us Banners - */
.page-8 .banner { /*About Us*/background: transparent url(images/banners/about-us.jpg) no-repeat 0 0; }
.page-39 .banner { /*Programmes Learning Services and Training*/background: transparent url(images/banners/programmes-learning-services.jpg) no-repeat 0 0; }
.page-40 .banner { /*History*/background: transparent url(images/banners/history.jpg) no-repeat 0 0; }
.page-41 .banner { /*Rankings and Unique Proposititions*/background: transparent url(images/banners/rankings.jpg) no-repeat 0 0; }
.page-42 .banner { /*Accreditations*/background: transparent url(images/banners/accreditations.jpg) no-repeat 0 0; }
.page-43 .banner { /*Approach, Mission, Vision and Values */background: transparent url(images/banners/approach-vision-values.jpg) no-repeat 0 0; }
.page-44 .banner { /*Campus & Delivery Points*/background: transparent url(images/banners/campus-delivery-points.jpg) no-repeat 0 0; }
.page-45 .banner { /*Sustainability Commitment Strategy*/background: transparent url(images/banners/sustainability.jpg) no-repeat 0 0; }
.page-46 .banner { /*Directors & Advisory Board*/background: transparent url(images/banners/south-campus.jpg) no-repeat 0 0; }
.page-47 .banner { /*Faculty Members & Staff*/background: transparent url(images/banners/faculty-members-staff.jpg) no-repeat 0 0; }

/* - Admissions & Fees Banners - */
.page-3 .banner { /*Admissions & Fees */background: transparent url(images/banners/admission.jpg) no-repeat 0 0; }
.page-49 .banner { /*Admission Criteria*/background: transparent url(images/banners/admission.jpg) no-repeat 0 0; }
.page-50 .banner { /*Application % Registration*/background: transparent url(images/banners/application.jpg) no-repeat 0 0; }
.page-51 .banner { /*Fees*/background: transparent url(images/banners/fees.jpg) no-repeat 0 0; }


/* - Alumni - */
.page-6 #banner { /*Introduction & Overview */background: transparent url(images/banners/alumni-overview.jpg) no-repeat 0 0; }
.alumni-section .banner { /*Other pages*/background: transparent url(images/banners/alumni-section.jpg) no-repeat 0 0; }

/* - Faculty & Research - */
.page-76 #banner { /*Specialised Units */background: transparent url(images/banners/faculty-research-specialised-units.jpg) no-repeat 0 0; }

.faculty-research-section .banner { /*Other Pages */background: transparent url(images/banners/approach-vision-values.jpg) no-repeat 0 0; }




/* - Contact Us - */
.page-60 #banner { /*Key Staff Contact Details */background: transparent url(images/banners/contact-us-key-facts.jpg) no-repeat 0 0; }
.contact-us-section .banner { /*Other pages*/background: transparent url(images/banners/contact-us-general.jpg) no-repeat 0 0; }

/* - News & Events - */
.page-97 #banner { /*events */background: transparent url(images/banners/events.jpg) no-repeat 0 0; }
.news-events-section .banner { /*Other pages*/background: transparent url(images/banners/news.jpg) no-repeat 0 0; }

/* - Programmes and Learning - */
.programmes-and-learning-section .banner { /*All */ background: transparent url(images/banners/faculty-members-staff.jpg) no-repeat 0 0; }

/* - Services - */
.services-section .banner { /*All */ background: transparent url(images/banners/programmes-learning-services.jpg) no-repeat 0 0; }

.youtube-listing li
{
	padding: 0 3px;
	margin: 0;
	position: relative;
	left: 0;
	width: 200px;
	float: left;
}

.youTubeBlock-list li
{
	width: 261px;
}

.youTubeBlock-list li p
{
	margin: 0 10px 10px 10px;
}

.youTubeBlock-list a,
.youTube-list a
{
	font-weight: bold;
}

.youTubeBlock-list,
.youTube-list
{
	position: relative;
	left: 0;
	top: 0;
	background: transparent url(images/bg/ui-tabs-nav.gif) no-repeat  50% 0;
	padding: 10px 0 0 0;
	width: 603px;
	margin: 0;
}

.youTube-list
{
	width: 620px;
	padding: 0;
	background: none;
}

.youTubeBlock-list
{
	padding: 0;
	width: 261px;
	background: none;
	height: 316px;
}

.next-btn, 
.prev-btn,
.yTnext, 
.yTprev
{
	width: 21px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 10;
	position: absolute;
	top: 100px;
	cursor: pointer;
}

.next-btn,
.yTnext
{
	right: 0;
	background: transparent url(images/btn/next-trans.png) no-repeat 0 0;
}

.prev-btn,
.yTprev
{
	background: transparent url(images/btn/prev-trans.png) no-repeat 0 0;
}



/* -----------------------------------*/
/* ---------->>> SIDEBAR <<<----------*/
/* -----------------------------------*/

/* - Right And Left Sidebar Shared Rules - */
#sidebar-front-right,
#sidebar-front-left,
#sidebar-right,
#sidebar-left
{	
	margin: 0;
	padding: 0 0 10px 0;	
	height: 480px;
}

#sidebar-front-right,
#sidebar-front-left
{
	height: auto;
}

/* non-IE fix for height-adjustability */
html>body #sidebar-right,
html>body #sidebar-left
{
	height: auto;
	min-height: 480px;
}
/* Endfix */



#sidebar-front-right ul,
#sidebar-front-left ul,
#sidebar-right ul,
#sidebar-left ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}

#sidebar-front-right ul { margin: 5px 0 0 0;}

#sidebar-front-right .view-content .item-list ul { background: #dcdcdc; padding: 10px 15px 5px 15px; }
#sidebar-front-right  #block-views-calendar-block_1 .item-list ul { background: #f4f4f4; padding: 5px 15px; }
#block-views-calendar-block_1 { margin: 10px 0 0 0;}

#sidebar-front-right li
{
	margin: 0 0 8px 0;
}

#sidebar-left li.leaf,
#sidebar-left li.collapsed,
#sidebar-left li.expanded,
#sidebar-front-right .item-list ul li
{
	list-style-image: none;
	list-style-type: none;
}

#sidebar-front-right #block-views-calendar-block_1 .item-list ul li
{
	border-bottom: 1px solid #e2e2e2;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#sidebar-front-right #block-views-calendar-block_1 .item-list ul li a
{
	color: #004880;
}

/* - Front Sidebar - */
#sidebar-front-right,
#sidebar-front-left
{ 
	width: 300px;
	float: right;
	left: 300px;
	margin: 0 0 0 -300px;
	position: relative;
	top: 0;
}

#sidebar-front-left
{
	float: left;
	margin: 0 -300px 0 0;
	left: -315px;
}

.sidebar-content 
{ 
	padding: 0; 
}

#sidebar-front-left p
{
	padding: 0 0 0 5px;
}

/*
#sidebar-front-right .block-views
{
	padding: 10px 12px 5px 15px;
}*/

/*.front .sidebar-content .block-views
{
	padding: 2px 0;
}*/


/* - Right Hand Sidebar - */
#sidebar-right
{
	width: 160px;
	padding: 0;
	float: right;
	left: 196px;
	margin: 0 0 0 -160px;
		position: relative;
	top: 0;
}

/* - Left Hand Sidebar - */
#sidebar-left
{
	width: 225px;
	float: left;
	/*left: -272px;*/
	left: -262px;
	margin: 0 -245px 0 0;
	padding: 0 10px;
	color: #606362;
	font-size: 11px;
		position: relative;
	top: 0;
}

#sidebar-left h2,
#sidebar-right h2

{
	font-size: 14px;
	color: #3a3e3d;
	border-bottom: 1px dotted #636363;
	padding: 0 0 8px 0;
	margin: 8px 0 10px 0;
	line-height: 18px;
}

#sidebar-left h2 a
{
	color: #3a3e3d;
}

#sidebar-left h2 a:hover
{
	text-decoration: none;
}

#sidebar-left ul,
#sidebar-left .links
{
	margin: 0;
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
}


#sidebar-left li
{
	margin: 0 0 2px 0;
	padding: 0;
	width: 225px;
	display: block;
	
	/*background: transparent url(images/bg/subnav-top.gif) no-repeat 0 0;*/
}

#sidebar-left li:hover,
#sidebar-left li.hover,
#sidebar-left li.active-trail
{
	/*background: transparent url(images/bg/subnav-over-top.gif) no-repeat 0 0;*/
}

#sidebar-left li a
{
	background: #003057;
	line-height: normal;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 10px 7px;
	display: block;
	height: 100%;
}

#sidebar-left li a:hover,
#sidebar-left li.active a

{
	background: #4c6e89;
}
/* sub items option 1*/



#sidebar-left li ul
{
	margin: 2px 0 0 0;	
}
#sidebar-left li li
{
	background: none;
	padding: 0;
	margin: 2px 0 0 0;
}

#sidebar-left li li a,
#sidebar-left li.active-trail li a
{
	background: #e1e1e1;
	padding: 4px 7px;
	color: #4c6e89;
}

#sidebar-left li li:hover,
#sidebar-left li li.hover,
#sidebar-left li li.active-trail
{
	background: none;
}

#sidebar-left li li a:hover,
#sidebar-left li.active-trail li a:hover,
#sidebar-left li li a.active
{
	background: #4c6e89;
	color: #fff;
}

/*3rd level*/
#sidebar-left ul ul ul
{
	margin: 2px 0 0 0;	
}

#sidebar-left ul ul ul a,
#sidebar-left li.active-trail ul ul li a
{
	/**padding: 2px 10px 2px 33px;*/
	color: #004880;
	font-size: 11px;
}

#sidebar-left li.active-trail ul ul li a.active
{
	background: #004880;
	color: #fff;
}


/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 15px 0 10px 0;
	padding: 0;
}

h1{ font-size:20px; line-height:23px;}
h2{ font-size:14px; line-height:18px; color: #003057; }
h3{ font-size:12px; line-height:18px }

h3
{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
}

h3 a
{
	color: #000;
}

.heading
{
	background: transparent url(images/bg/raquo.gif) no-repeat 100% 50%;
	display: inline;
	padding: 0 20px 0 0;
}

.front h2
{
	padding: 0;
	margin: 0 0 10px 0;
	font-size:13px;
	/*border-bottom: 1px solid #a4a9ac;*/
	color: #003057;
	text-transform: uppercase;	
}

.front h3
{
	border: 0;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

#sidebar-front-left h3
{
	color: #fff;
	padding: 2px 2px 2px 5px;
}

#sidebar-front-left h3.purple
{
	
	background: #7030a0;
}

#sidebar-front-left h3.orange
{
	background: #ff9900;
}

#sidebar-front-left h3.green
{
	background: #006600;
}

#sidebar-front-left h3.blue
{
	background: #003057;
}



/* -----------------------------------*/
/* ------->>> TEXT STYLES <<<---------*/
/* -----------------------------------*/
.dark-blue {color: #003057; border-bottom: 10px solid #003057; }
.blue {color: #4c6e89; border-bottom: 10px solid #4c6e89;}
.dark-purple {color: #4b1c47; border-bottom: 10px solid #4b1c47;}
.purple {color: #762369; border-bottom: 10px solid #762369;}
.dark-green {color: #006f45; border-bottom: 10px solid #006f45;}
.green {color: #0aa245; border-bottom: 10px solid #0aa245;}
.dark-orange {color: #cb582c; border-bottom: 10px solid #cb582c;}
.orange {color: #f7941e; border-bottom: 10px solid #f7941e;}
/* -----------------------------------*/
.dark-blue-border-bottom{ border-bottom: 10px solid #003057; }
.blue-border-bottom { border-bottom: 10px solid #4c6e89;}
.dark-purple-border-bottom { border-bottom: 10px solid #4b1c47;}
.purple-border-bottom { border-bottom: 10px solid #762369;}
.dark-green-border-bottom { #006f45; border-bottom: 10px solid #006f45;}
.green-border-bottom { border-bottom: 10px solid #0aa245;}
.dark-orange-border-bottom { border-bottom: 10px solid #cb582c;}
.orange-border-bottom {border-bottom: 10px solid #f7941e;}

hr.orange
{
	color: #f7941e; 
	background-color: #f7941e;
	/*border-bottom: 1px solid #f7941e; */
	border: 0;
	height: 1px;
	line-height: 18px;
}


#sidebar-front-left p.no-margin
{
	margin: 0 0 15px 0;
}

.read-more-link
{
	font-weight: bold;
}

.more-link
{
	text-align: left;
	background: transparent url(images/btn/btn-left.gif) no-repeat 0 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 9px;
	height: 21px;
	float:left;
	width: auto;
}

#block-views-calendar-block_1 .more-link
{
	margin: 5px 0 0 0;
}

.more-link a
{
	text-align: left;
	background: transparent url(images/btn/btn-right.gif) no-repeat 100% 0;
	padding: 0 12px 0 3px;
	height: 21px;
	line-height: 16px;
	float: left;
	width: auto;
	color: #fff;
	font-size: 11px;
}

.feed-icon
{
	float: right;
	width: 16px;
	margin: 2px 0 0 0;
}

.people-list
{
	margin: 0;
	padding: 0;
	width: 620px;
}

.people-list p
{
	margin: 0;
}

.people-list td
{
	padding: 0 0 10px 0;
}

.person-name
{
	font-weight: bold;
}

.person-job-title
{
	font-style: italic;
	font-size: 11px;
	line-height: 15px;
}


/*Directory*/
.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
#directory-wrapper #directory-nav .ln-letters  { margin: -18px 0 0 0; top: 0; position: relative;}
.ln-letters a { font-size:0.9em; display:block; float:left; /*width: 22px;*/ width: 23px; padding:2px 0; border:1px solid silver; border-right:none; text-decoration:none; text-align: center; margin: 0 0 3px 0; cursor: pointer; }

#directory-dates a,

.ln-letters a.ln-last,.ln-letters #dec,/*.ln-letters #jun,.ln-letters .m,*/.ln-letters .z
{ border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected,
.ln-letters a.active{ background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

#directory-wrapper
{
	overflow: hidden;
	top: 0;
	margin: 0 18px 0 0;
	width: 100%;
	float: left;
}


.page-80 .content-wrapper h2
{
	margin-top: 0;
	font-size: 13px;
}

#directory-wrapper { margin: 0;}


#directory-nav, #directory-dates-content
{
	margin: 0 0 10px 0;
	position: relative;
	top:0;
}

ul#directory, ul#directory-dates-content
{
	list-style: none;
	/*margin: 10px 0 0 20px;*/
	padding: 0;
	margin: 0;
}

#directory li, #directory-dates-content li
{
	margin: 0;
	padding: 0;
}

#directory-dates-content li {
	display:none;	
}

#accordion
{
	width: 620px;
	margin: 5px 0 0 0;
	height: 450px;
	position: relative;
	top: 0;
}
/* non-IE fix for height-adjustability */
html>body #accordion
{
	height: auto;
	min-height: 450px;
}
/* Endfix */


#accordion h2
{
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #636363;
	background: transparent url(images/bg/raquo.gif) no-repeat 100% 50%;
}

#accordion h2 a
{
	color: #003057;
	display: block;
	height: 100%;
	padding: 2px 20px 2px 0;
}

#accordion h2.ui-state-active
{
	/*border: 0;*/
	outline: 0px none;
}

#accordion h3
{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 2px 0;
	margin: 0;
}

#accordion div
{
	margin: 0;
	padding: 5px 0 10px 0;
}

#accordion p
{
	padding: 10px 0 0 0;
	margin: 0;
}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/
/* - Main menu - */
/* --- Default Overides --- */
#menu
{
	background: transparent url(images/bg/menu-tile.png) repeat-y 0 0;
	clear: both;
	height:  35px;
	border-top: 2px solid #00467d;
	z-index: 6000;
}

#menu ul.nice-menu,
#menu ul.nice-menu ul 
{
  border: 0;
}

#menu ul.nice-menu li 
{
  border: 0;
  background-color: transparent;
}

#menu ul.nice-menu a 
{
  padding: 0 9px;
}

#menu ul.nice-menu ul
{
  top: 35px;
  left: -1px;
  border: 0;
  margin: 0;
}



#menu ul.nice-menu-down li.menu-path-node-8 ul,
#menu ul.nice-menu-down li.menu-path-node-59 ul
{
  left: auto;
  right: -1px;
}

#menu ul.nice-menu ul li 
{
  width: 20em;
}

#menu ul.nice-menu-down .menuparent a 
{
  padding-right: 10px;
}

#menu ul.nice-menu-down ul 
{
  left: 0;
}

#menu ul.nice-menu-down ul li 
{
  clear: both;
}

#menu ul.nice-menu-down li ul li ul
{
  left: 20em;
  top: 0px;
}

#menu ul.nice-menu-down li.menuparent
{
	background: transparent url(images/bg/navi-divider2.gif) no-repeat 0 50%;
}

#menu li.menu-path-node-1
{
	background: transparent;
	padding: 0;
}

#menu ul.nice-menu-down li.menuparent:hover,
#menu ul.nice-menu-down li.over,
#menu ul.nice-menu-down li.in-active-trail
{
	background: #0464b2 url(images/bg/navi-divider2.gif) no-repeat 0 50%;
}

#menu ul.nice-menu-down li li.menuparent
{
  background: none;
}

#menu ul.nice-menu-down li li.menuparent:hover,
#menu ul.nice-menu-down li li.over
{
  background: none;
}

/* - NMMU Nice Menu Styles - */
#menu ul.nice-menu
{
  line-height: 35px;
  text-transform: uppercase;
  padding: 0 8px;
}

#menu li
{
	background: transparent url(images/bg/navi-divider2.gif) no-repeat 0 50%;
	padding: 0 0 0 1px;
	font-size: 10px;
	font-weight: bold;	
}

#menu li li
{
	background: none;
}

#menu ul.nice-menu a 
{
 color: #fff;
}

#menu ul.nice-menu a:hover,
#menu ul.nice-menu a.active
{
	background: #0464b2;
	text-decoration: none;
}

#menu ul.nice-menu li li a 
{
  background: transparent url(images/bg/ddm-trans.png) repeat 0 0;
  padding: 8px 4px;
  line-height: normal;
  border-bottom: 1px solid #5796c9;
  height: 100%;
}

#menu ul.nice-menu li li a:hover,
#menu ul.nice-menu li li a.active
{
	border-bottom: 1px solid #4d6d93;
	background: #002e64;
}


/* - Cookie Trail - */
.breadcrumb
{
	margin: 0;
	padding: 7px 0;
	font-size: 11px;
	color: #7b7d7d;
}

.breadcrumb a
{
	color: #7b7d7d;
	text-decoration: none;
}

.breadcrumb a.active
{
	font-weight: bold;
}


/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/
input, select, textarea
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.page .form-text, 
.page .form-select
{
	width: 400px;
}

.page-admin .form-text, 
.page-admin .form-select
{
	width: 185px;
}
.page .webform-component-date .form-select
{
	width: auto;
}

/* - Header Search Form - */
#search-theme-form
{
	clear: right;
	float: right;
	width: 100%;
	background: transparent url(images/bg/search-form.gif) no-repeat 100% 0;
	margin: 0;
	padding: 2px 0;
	position: relative;
	right: 5px;
}

#search-theme-form input
{
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	height: 20px;
	line-height: 20px;
}

#search-theme-form div.container-inline { width: 242px; float: right;}

#search-theme-form input.form-text
{
	width: 185px;
	margin: 0 0 0 25px;
	color: #fefdfd;
	font-size: 11px;
	
}

#search-theme-form input.form-submit
{
	width: 27px;
	cursor: pointer;
}

#search-theme-form .form-item { margin: 0; }

/* - Footer Form - */
#footer input.form-text
{
	background: transparent url(images/bg/footer-input.gif) no-repeat 0 0;
	height: 18px;
	line-height: normal;
	width: 194px;
	padding: 3px 5px 1px 5px;
	margin: 0;
	color: #fff;
	border: 0;
	font-size: 11px;
}

#footer input.form-submit
{
	background: transparent url(images/bg/footer-submit.gif) no-repeat 0 0;
	width: 70px;
	height: 22px;
	font-size: 10px;
	color: #5a5d60;
	text-transform: uppercase;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 22px;
}

#footer select
{
	width: 203px;
	background: #003169 none;
	border: 0;
	color: #fff;
	font-size: 11px;
	outline: none;
	height: 22px;
	display: block;
	padding: 1px 0;
	border: 1px solid #4a5f74;
}






/* -----------------------------------*/
/* ---------->>> TABLES <<<-----------*/
/* -----------------------------------*/
table,
.calendar-calendar table
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 17px;
	margin: 5px 0;
}

tbody, thead, th, td { border: 0; padding: 0;}

/*.programme-type
{
	border-top: 1px dotted #636363;	
}

.programme-type p
{
	margin: 0 0 10px 0;
}


.programme-type th,
.programme-type td
{
	padding: 5px 10px;
	border-bottom: 1px dotted #636363;
}

.programme-type tbody
{
	border: 0;
}

.programme-type tbody th
{
	border-right: 3px solid #d6dfe6;
	border-bottom: 1px dotted #636363;
	width: 120px;	
}*/

.programme-type,
.table1
{
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
}

.programme-type p,
.table1 p { margin: 0 0 10px 0; }

.programme-type th,
.programme-type td,
.table1 th,
.table1 td
{
	padding: 5px 10px;
	text-align: left;
}

.programme-type td,
.table1 td
{
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
}

.programme-type thead th,
.table1 thead th
{
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
	background: #929393;
	color: #fff;
	font-weight: normal;
	text-align: left;
}

.programme-type tbody, .table1 tbody  { border: 0; }

.programme-type tbody th,
.table1 tbody th
{
	border-right: 1px solid #636363;
	border-bottom: 1px solid #636363;
	background: none;
	color: #003057;
}

.divider
{
	border-bottom:1px dotted #636363;
	line-height: 1px;
	margin: 15px 0;
	padding: 0;
}

.programme-type th.section-heading,
.table1 th.section-heading
{
	background: #003057;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

.table2
{
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
	background: #929393;
	color: #fff;
}

.table2 p { margin: 0; }

.table2 td
{
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
}

.table2 th
{
	width: 88px;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #636363;
}

.table2 td.cell-heading
{
	background: #003057;
	text-align: left;
	/*color: #fff;*/
	font-weight: bold; 
	border-bottom: 1px solid #fff;
}

.table2 td.column-divider
{
	border: 0;
	width: 2px;
}

/*

.table1,
.contact-list
{
	margin: 0;
	padding: 0;	
	width: 100%;
}

.table1 p,
.contact-list p
{
	margin: 0 0 10px 0;
}

.table1 caption
{
	text-align: left;
	margin: 10px 0 8px 0;
	font-size: 16px;
	line-height: 21px;
}

.table1 th,
.table1 td,
.contact-list th,
.contact-list td
{
	padding: 3px 10px;
	border-bottom: 1px solid #636363;
}

.contact-list th.noborder
{
	border: 0;
}


.table1 thead th,
.contact-list thead th
{
	/*font-weight: normal;*
	text-transform: uppercase;
	border-bottom: 1px dotted #636363;
}

.table1 thead th.noborder
{
	border-right: 0;
}

.table1 tbody th
{
	border-right: 3px solid #d6dfe6;	
}

.table1 tbody td
{
	border-left: 3px solid #d6dfe6;
}*/


/* Calendar Block */
.calendar-calendar table
{
	line-height: normal;
}
.calendar-calendar td.has-events 
{
	border: 1px solid #d6d6d6;
}

.course-index
{
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
	
}

.course-index a
{
	color: #000;
}

.course-index p { margin: 0 0 10px 0; }

.course-index th,
.course-index td
{
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
}

.course-index th,
.course-index th a
{
	color: #003057;
}

.course-info
{
	border-left: 1px solid #636363;
	border-top: 1px solid #636363;
}

.course-info th
{
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
	background: #929393;
	color: #fff;
	font-weight: normal;
	text-align: left;
}

.course-info th a
{
	color: #fff;
}

.course-info th.section-heading
{
	background: #003057;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

.course-info th,
.course-info td
{
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
}

.course-info ul
{
	margin: 0 0 0 10px;
	padding: 0;
}

/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/
/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */

.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}



/*************************************************************************************************/
#news-ticker
{
	width: 813px;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 0;
	position: relative;
	left: 0;
	top: 0;
}

.latest-news
{
	width: 860px;
	float: left;
	overflow: hidden;
	position: relative;
	top: 0;
}

.latest-news ul
{
	float: left;
}

h3.inline-heading
{
	padding: 10px 0 0 10px;
	float: left;
	width: 100px;
	border: 0;
	color: #003057;
	margin: 0;
}

#news-ticker li
{
	width: auto;
	padding: 0 15px 0 0;
}

#news-ticker a
{
	color:#333;
	font-weight: bold;
}

.noscreen
{display: none;
}
.social_media{
	background-color: #DBDBDB;
	width: 935px;
	margin: 20px 0px;
	float: left;
	clear: both;
}
.social_facebook{
	width: 300px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.social_twitter{
	float: left;
	width: 300px;
	padding: 0;
	margin: 0 10px 0 0;
}

.social_twitter ul{
	padding: 0;
	margin: 0;
}

.fb_feeds {
	width: 300px;
	float: left;
	padding: 0;
}

.img_event{
	float: left;
	width: 46px;
	margin-right:2px;
}

.calendar-calendar th,
.calendar-calendar th.days,
.calendar-calendar th.calendar-dayview-hour,
.calendar-calendar th.calendar-agenda-items
{
    background-color: #f4f4f4;
	font-weight: normal;
	font-size: 13px;
	color: #777;
	border: 1px solid #ccc;
}

.calendar-calendar td.calendar-agenda-hour,
.calendar-calendar .week-view td.calendar-agenda-hour,
.calendar-calendar .day-view td.calendar-agenda-hour
{
    padding: 0.25em 0.5em 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}


.calendar-calendar div.date-nav {
  background-color:#f4f4f4;
  border-bottom: 0;
}

.date-nav div.date-heading h3 {
    margin: 0;
    padding: 0;
    border: 0;
}

.calendar-calendar td.empty .inner div
{
	background: #ccc;
}

.calendar-calendar tr td.today, 
.calendar-calendar tr.odd td.today, 
.calendar-calendar tr.even td.today,
.calendar-calendar td.today .inner div, 
.calendar-calendar td.today .inner div a,
.calendar-calendar td.today .inner div.calendar div, 
.calendar-calendar td.today .inner div.calendar div a 
{
    background-color: #eeeeee;
}

.calendar-calendar td .inner div, 
.calendar-calendar td .inner div a 
{
    background: none repeat scroll 0 0 #fff;
}

.calendar-calendar td .inner div.calendar div, 
.calendar-calendar td .inner div.calendar div a 
{
    background: none repeat scroll 0 0 #FFF;
    border: medium none;
    padding: 0;
	font-size: 10px;
}

.calendar-calendar div.calendar,
.calendar-calendar td.calendar-agenda-items div.calendar div.calendar
{
    border-bottom: 1px dotted #bbbbbb;
    padding-bottom: 3px;
	background-color: #fff;
}

.calendar-calendar td.calendar-agenda-items div.calendar {
    border-bottom: 0;
}

.calendar-calendar td div.day,
.calendar-calendar td.today div.day
{
   border: 1px solid #777777;
   background: #000;
    margin: 3px;
	color: #fff;
	padding: 2px;
}

.calendar-calendar td .inner div.day a,
.calendar-calendar td.today .inner div.day a,
.calendar-calendar td.calendar-agenda-items div.day a
{
  color:#cccccc;
  background: none;
  font-weight: bold;
}


.calendar-calendar td .inner .node-title, 
.calendar-calendar td .inner .node-title a 
{
    color: #1e4889;
    font-weight: normal;
}

.calendar-calendar td.calendar-agenda-items {
    border: 1px solid #d6d6d6;
    text-align: left;
}

.calendar-calendar td.calendar-agenda-hour 
{
    border-right: 0;
    border: 1px solid #d6d6d6;
    font-family: serif;
    padding-top: 0.25em;
    text-align: right;
    width: 1%;
}

.calendar-calendar td.calendar-agenda-items div.calendar 
{
    margin: 0;
    padding: 0.25em;
    width: 95%;
}
.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents
{
    left: 5px;
	top: 3px;
    width: auto;
}

.calendar-calendar .month-view .full td.multi-day div.monthview, 
.calendar-calendar .week-view .full td.multi-day div.weekview, 
.calendar-calendar .day-view .full td.multi-day div.dayview 
{
    height: 1.9em;
	padding: 7px 0;
}

.tweet_posts{
	color: #3B5998;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	margin: 10px
}