html
{
background-color:#eeeeee;
font-family:verdana, sans-serif;
}
body
{
margin:0px;
padding:0px;
}
.sg-content
{
min-width: 30px;
font-size:0.72em;
line-height:155%;
background-color:white;
padding:0.5em;
}
.sg-orientation
{
background-color:black;
border-bottom:1px solid #333333;
color:#eeeeee;
font-size:70%;
padding:4px;
min-height:1.2em;
overflow:auto;
}
.sg-orientation a
{
text-decoration:none;	
color:#ffffff;
}
.sg-orientation a:hover
{
text-decoration:underline;
color:red;		
}
.sg-orientation .sg-selected
{
text-decoration:underline;
}
.sg-orientation .sg-button
{
float:right;
display:block;
margin-left:2px;
padding-left:6px;
padding-top:4px;
padding-bottom:4px;
padding-right:6px;
margin-top:-4px;
margin-bottom:-4px;
}
.sg-breadcrumbs
{
float:left;
}
.sg-orientation a, .sg-orientation span
{
white-space:nowrap;	
}
.sg-orientation a.sg-button
{
background-color:#555555;
}
.sg-orientation a.sg-button:hover
{
background-color:#eeeeee;	
color:darkred;		
}
.sg-skiptocontent
{
background-image: url(https://www.ncl.ac.uk/includes/apps/1.0/icons/set1/arrow_fat_down.gif);
background-repeat: no-repeat;
background-position: 6px 6px;
width:1em;
height:1.2em;
text-indent: 18em;
line-height: 2em;
overflow:hidden;
margin-right:-3px;
}

.sg-titlebar
{
background-color: #152d6d;
background-image: url(https://www.ncl.ac.uk/graphics/cvi/cvi_globalnav.jpg);
border:1px solid black;
border-bottom:2px solid #F79320;	
height:3.6em;
position:relative;
min-height:50px;
color:white;
}
.sg-titlebar h1
{
clear:none;
margin:0px;
padding:0px;
font-size:1.1em;
width:200px;
height:3.4em - 2px;
position:absolute;
right:5px;
top:0px;
background-image:url(https://www.ncl.ac.uk/graphics/cvi/cvi_shield_hint.jpg);
background-repeat:no-repeat;
z-index:0;
}

.sg-titlebar h1 a:link, .sg-titlebar h1 a:visited
{
position:absolute;
width:200px;
height:65px;
top:0px;
left:-10px;
display:block;
background-image:url(https://www.ncl.ac.uk/graphics/cvi/cvi_shield_tran.gif);
text-decoration:none;
z-index:500;
}

.sg-titlebar h1 span 
{
display:none;
}

.sg-titlebar h2
{
margin:0px;
padding:0.6em;
font-weight:normal;
color:blue;
font-family:arial,verdana, sans-serif;
}
.sg-titlebar a
{
color:white;
text-decoration:none;
}
.sg-titlebar a:hover
{
text-decoration:underline;
}
.sg-footer
{
border-top:1px solid black;
text-align:center;
padding:1em;
font-size:0.72em;
line-height:130%;
color:#333333;
font-family:arial;
clear:both;
}
.sg-footer p
{
padding:0px;
margin:0.2em;
}
.sg-clear
{
   clear: both !important;
   font-size: 1px !important;
   line-height:1px !important;
   padding:0px !important;
   margin:0px  !important;
   padding-top:0px !important;
   margin-top:0px  !important;
   padding-bottom:0px !important;
   margin-bottom:0px  !important;
   height:0px !important;
   border: 0px !important;
   overflow: hidden !important;
   background-color: transparent !important;
}	
.sg-navigation
{
border-top:1px solid black;
border-bottom:0px solid black;
background-color:#434F49;
color:white;
padding:0px;
padding-top:4px;
padding-left:2px;
overflow:auto;
}
.sg-navigation a
{
font-size:70%;
float:left;
display:block;
color:white;
margin-left:6px;
background-color:#CD5A3F;
padding-top:4px; 
padding-bottom:6px; 
padding-left:6px;
padding-right:6px;	
border:1px solid black;
border-bottom:0px solid transparent;
text-decoration:none;
}
.sg-navigation .sg-selected
{
background-color:#ffffff;	
color:black;
text-decoration:none;
}
.sg-navigation a:hover, .sg-navigation a:focus
{
background-color:#eeeeee;	
color:darkred;		
text-decoration:underline;
}
.sg-sidebar
{
	margin-left:-200px;
	width:200px;
	float:left;
	background-color:white;
}

.sg-mainpanel
{ 
	padding:0.5em;
	padding-left:200px;
	background-color:white;
}

.sg-menu
{
	border-top:1px solid #000000;	
	margin-right:1em;
	font-size:70%;
}
 ul.sg-menu,  .sg-menu ul
{ 
	margin-left:7px !important;
	padding-left:0px !important;
	line-height:100%;
}
.sg-menu li
{
	list-style-type:none;
	margin-left:0px !important;
	padding:0px !important;
}
.sg-menu li a, .sg-menu li strong
{
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:3px solid #000000;
	background-color: #BFCAC9;
	color: black;
	display:block;
	padding:4px;
	padding-left:4px;
	text-decoration:none;
}
.sg-menu li li a
{
	background-color: #DEE6E5;
	color: black;
}
.sg-menu li li li a
{
	background-color: #EEF6F5;
	color: black;
}

.sg-menu li a:hover
{
	background-color: #F79320;
	color: black;
}
.sg-menu a.sg-selected, .sg-menu .sg-selected a, .sg-menu li strong
{
	background-color: #CD5A3F; !important;
	color: white;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:3px solid black;
}
.sg-content h3,.sg-content h4,.sg-content h5,.sg-content h6
{
	font-family:arial, helvetica, sans-serif;
	padding:0px;	    
	margin:0px;	
}
.sg-content h3
{
	border-bottom:1px solid #000000;
	color: ;
	font-family:arial, helvetica, sans-serif;
	font-size:1.3em;
	margin-top:5px;
	margin-bottom:5px;
}
.sg-content h4
{
	color: ;
	font-size:1.2em;
}
.sg-content h5
{
	color: ;
	font-size:1.1em;
}
.sg-content h6
{
	color: ;
	font-size:1.0em;
}
.sg-tabnav
{
                height: 27px;
                margin: 0;
                padding-left: 10px;
}

.sg-tabnav li
{
                margin: 0; 
                padding: 0;
                display: inline;
                list-style-type: none;
}

.sg-tabnav a:link, .sg-tabnav a:visited
{
                float: left;
                background-color: #eeeeee;
                font-size: 10px;
                line-height: 14px;
                font-weight: bold;
                padding: 6px 10px 6px 10px;
                margin-right: 4px;
                border: 1px solid #000000;
                border-bottom: 1px solid #000000;
                text-decoration: none;
                color: #666;
}

.sg-tabnav a:link.active, .sg-tabnav a:visited.active
{
		background-color: #CD5A3F;
		color: white;
                text-decoration:none;
                border-bottom: 1px solid  #CD5A3F;
                font-size:12px;
}
.sg-tabnav a:hover
{
		background: #fff;
		color: #000000;
}
.sg-tabbox
{
		background-color: #CD5A3F;
		color: white;
                border: 1px solid #000000;
	
}
.sg-tabbox h4, .sg-tabbox p
{
	margin:0.4em;
	
}
.sg-tabcontent
{
	padding:0.4em;
	background-color: #fff;
	color:black;
	
}

.sg-content table
{
	border:1px solid  #000000;
	border-collapse:collapse;
}
.sg-content th
{

	background-color: #BFCAC9;
	color: black;
	border:1px solid  #000000;
	padding:0.4em;
}
.sg-content td
{
	padding:0.4em;
	border:1px solid  #000000;
}
.sg-content tr.odd td
{
	background-color: #DEE6E5;
	color: black;
}
.sg-content tr.odd td
{
	background-color: #EEF6F5;
	color: black;
}
.sg-content .linedCols td
{
	border-top:0px;
	border-bottom:0px;
}
.sg-content .linedRows td
{
	border-left:0px;
	border-right:0px;
}
.sg-content .noCellBorders td
{
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:0px;
}
.sg-content li
{
	line-height:200%;
	list-style-color:  #000000;
}
.sg-content .borderedBox
{
	border:1px solid  #000000;
}

.sg-content .borderedBox  h4
{
	border-bottom:1px solid  #000000;
	padding:0.3em;
	background-color: #BFCAC9;
}
.sg-content .borderedBox  h5
{
	border-bottom:1px solid  #000000;
	padding:0.2em;
	background-color: #DEE6E5;
}
.sg-content ul li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/12,bullet,ffffff,000000,2.png);
}
.sg-content ul li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/12,bullet,BFCAC9,000000,2.png);
}
.sg-content ul li li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/12,bullet,000000,ffffff,1.png);
}
.sg-content ul li li li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/12,bullet,BFCAC9,ffffff,1.png);
}

.sg-content  .disk li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/15,circlebullet,ffffff,000000,2.png);	
}
.sg-content .disk li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/15,circlebullet,BFCAC9,000000,2.png);
}
.sg-content .disk li li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/13,circlebullet,000000.png);
}
.sg-content .disk li li li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/13,circlebullet,BFCAC9.png);
}
.sg-content .triangle li, .sg-content .triangle li li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/14,trianglebullet,000000,ffffff,1.png);
}
.sg-content .triangle li li, .sg-content .triangle li li li li
{
list-style-image:url(https://www.ncl.ac.uk/graphics/widgets/14,trianglebullet,BFCAC9,ffffff,1.png);
}


@import "https://www.ncl.ac.uk/includes/css/google.css";

.sg-content input
{
margin-right:2px;
margin-bottom:2px;
}
.sg-content fieldset
{
position: relative;
margin: 0px !important;
margin-top:2.8em !important;
margin-bottom:1.5em !important;
padding-top:0.6em;
background-color: #f6f6f6 !important;
border: 1px solid #e6e6e6 !important;
border-top:0px !important;
}

.sg-content legend
{
position: absolute !important;
background-color: #eeeeee !important;
border: 1px solid #eaeaea !important;
top: -2.4em !important;
left: -0.5em !important;
padding-top:0.4em !important;
padding-bottom:0.4em !important;
padding-left:0.7em !important;  
padding-right:0.7em !important;
font-weight:bold !important;
}

/* HACK FOR OLD STYLE TEMPLATES */
/*#contentdiv fieldset
{
display:block !important;
border:1px solid #000000; !important;	
}*/

.sg-content legend
{
	/* background-color:#ffffff; */
}
.sg-content label
{
border:0px;	
}

.sg-content fieldset p, .leftLabels label, .leftLabels .label, .wideFields label, .wideFields .label
{
padding-bottom:0.7em;	
padding-top:0.3em;	
padding-left:1em;
padding-right:1em;
display:block;
font-size:1em;
clear:both;
overflow:hidden;
}

.wideFields input, .wideFields span, .wideFields textarea, .wideFields select
{
clear:both !important;
display:block;
width:98%;	 
}
.leftLabels .label, .wideFields .label
{
padding-top:8px;	
padding-bottom:8px;	  
}


.instructional
{
	margin-bottom:0px;	
	padding-bottom:0.5em;	
}

.scroll
{
border:1px inset #000000;
height:6em;
overflow:auto;
background-color:#ffffff;
}

.leftLabels input, .leftLabels textarea, .leftLabels select, .leftLabels .field, .leftLabels .fields
{
display:inline;
width:66%;
float:left;
}





.leftLabels label span, .leftLabels .label span
{
float:left; 
width:30%;
padding:0px;
padding-right:2%;
text-align:right;
clear:left;	
}

.field span, .fields span,
.field input, .field select, .fields input, .fields select,
.field label, .fields label
{
padding:0px;
width:auto;	
text-align:left;	
display:inline;	
float:none !important;	
clear:none;	
}


/*
.action span
{
 width:30px;  
 display:block;
}
*/

.boxlist label
{
clear:both !important;
display:block;
}
.columns label
{
padding-bottom:4px;	
padding-top:4px;
padding-right:1em;
height:auto !important;
display:block;
position:relative;
float:left !important;
text-align:center !important;
}

.columns span
{
position:relative;	
display:block;
clear:both !important;
float:none !important;
text-align: center !important;
width:auto !important;
}

.twoCols, .threeCols, .fourCols, .fiveCols
{
	overflow:hidden !important;
}

.twoCols label, .threeCols label, .fourCols label, .fiveCols label
{
	float:left !important;
	clear:none !important;
	padding-bottom:4px;	
	padding-top:4px;
	padding-right:2% !important;
	padding-left:2% !important;
	text-align:left !important;
}

.twoCols label
{
	width:44%;	
}
.threeCols label
{
	width:28%;	
}
.fourCols label
{
	width:19.6%;
}
.fiveCols label
{
	width:16%;
	padding-right:1% !important;
}
.sixCols label
{
	width:12%;
	padding-right:1% !important;
}
.twoCols label input, .twoCols  label textarea, .twoCols  label select,
.threeCols label input, .threeCols  label textarea, .threeCols  label select,
.fourCols label input, .fourCols  label textarea, .fourCols  label select,
.fiveCols label input, .fiveCols  label textarea, .fiveCols  label select,
.columns label input, .columns  label textarea, .columns  label select
{
	clear:both !important;
	margin:0px;
	margin-top:0.3em;
	margin-left:0.0em;
	width:100%;
}

input.xxlarge, select.xxlarge  { width:60%; }
input.xlarge, select.xlarge   { width:50%; }
input.large, select.large   { width:40%; }
input.medium, select.medium   { width:30%; }
input.small, select.small   { width:20%; }
input.xsmall, select.xsmall   { width:10%; }
input.xxsmall, select.xxsmall   { width:5%; }
input.autoSize, select.autoSize  { width:auto !important;	}
input[size]
{ width:auto !important;	}

.hidden{	display:none !important;}	
.helptext
{
display:inline;
width:100% !important;
text-align:right;
font-size:80%;
line-height:160%;
}
.requiredField
{
color:#CC0000; !important;	
}
.error
{
color:#CC0000;
}
.sg-content  li.error
{
list-style-image:url(https://www.ncl.ac.uk/includes/apps/1.0/icons/error.gif);
}
.sg-content  label.error, .sg-content .label.error
{
background-image:url(https://www.ncl.ac.uk/includes/apps/1.0/icons/error.gif);
background-position:0.5em 0.5em;
background-repeat:no-repeat;
background-color:#ffeeee;
border-left:1px solid #ff3333;
border-right:1px solid #ff3333;
border-top:1px solid #ffdddd;
border-bottom:0px solid #ffdddd;
}
.error strong
{
color:#CC0000;	
}
fieldset hr
{
margin-top:40px !important;
clear:both;
}

hr.clear
{
clear:both;
width:0px;
height:0px;
margin:5px;
padding:0px;
border-top:1px solid #000000;;
border-bottom:1px solid #000000;;
}

.clear
{
clear:both;	
margin:5px;
padding:0px;
border:none;
color:transparent;
}

.centered, .centered label
{
text-align:center !important;	
}

label.hidden_field, .label.hidden_field
{
display: none;
visibility: hidden;
}

#contentArea h3 span
{
font-size: 130%;
letter-spacing: 1px;
}

.stackBoxContainer
{
	display:block;
}
.stackBoxContainer .stackedBox
{
	border:1px solid transparent;
	display:block;
	width:32%;
	float:left;
	background-image:url(https://www.ncl.ac.uk/includes/apps/1.0/icons/rightarrow.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:8px;
}
.stackBoxContainer .lastBox
{
	background-image:none !important;
	padding-right:0px !important;
}
.stackBoxContainer .stackedBox span
{
	display:block;
	padding-bottom:0.3em;
}
.stackBoxContainer .stackedBox select
{
	min-width:100%;
	max-width:100%;
	width:100%;
}
.sg-content .stackBoxContainer label.error
{
background-image:url(https://www.ncl.ac.uk/includes/apps/1.0/icons/error.gif);
background-position:98% 0.3em;
background-repeat:no-repeat;
background-color:#ffeeee;
border:1px solid #ff3333;
}