/*******************************************/
/* redefined html tags for graduate skills */
/*******************************************/

body {
	padding:				0;
	margin:					0;
	font-family:			Arial, Verdana, sans serif;
}
p, ul, ol {
	font-size:				0.8em;
}



/*************************************/
/* clearfix hack for clearing floats */
/*************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/******************************************************/
/* universal ids and classes for graduate skills site */
/******************************************************/

#sectionTitle {
	background-color: 		#11324F;
	background-image:		url(/graduate-skills/images/section-title.jpg);
	background-position:	right;
	background-repeat:		no-repeat;	
}
.smallText {
	font-size:				0.7em;
}



/***********************************************************/
/* ids and classes specifically for the home page (gsHome) */
/***********************************************************/

#sectionTitle {
	clear:					both;
}

#gsHomeBody {
	margin:					40px 130px 0 130px;
	clear:					both;
}
#gsHomeBody h2 {
	font-size:				1.5em;
	font-weight:			normal;
	color:					#11324F;
	margin:					0 0 8px 6px;
	padding:				0;
}
#gsHomeBody p {
	margin:					0;
	padding:				0;
}
#gsHomeTitle p {
	margin:					6px 0 0 0;
	color:					#11324F;
}
.gsHomeImg {
	float:					left;
	margin:					9px 6px 0 0;
}
.gsTitleImg {
	margin:					8px 0 0 0;
}
#gsHomeSearch {
	clear:					both;
	margin:					20px 0 30px 0;
	background-image:		url(/graduate-skills/images/search.jpg);
	background-repeat:		no-repeat;
	width:					516px;
	height:					94px;
}
#gsHomeSearch legend {
	display:				none;
}

#gsHomeTermsCondts {
	clear:					both;
	margin-bottom:			10px;
	margin-top:				20px;
	padding-left:			8px;
	font-size:				0.8em;
}

#gsHomeTermsCondts a:link, #gsHomeTermsCondts a:visited, #gsHomeTermsCondts a:active {
	color:					#9C6D2A;
	text-decoration:		none;
}
#gsHomeTermsCondts a:hover {
	color:					#744C14;
}

#gsHomeSearch #gsSearchBox {
	width:					238px;
	font-size:				1.5em;
	border:					1px solid #9C6D2A;
	position:				relative;
	top:					8px;
	left:					264px;
}
#gsHomeSearch #gsSelectBox {
	width:					120px;
	font-size:				0.7em;
	position:				relative;
	top:					-5px;
	left:					265px;
}
#gsHomeSearch #gsSearchLinks {
	width:					230px;
	font-size:				0.8em;
	position:				relative;
/*	float:					left;*/
	left:					10px;	
	top:					30px;
}
#gsSearchLinks a:link, #gsSearchLinks a:visited, #gsSearchLinks a:active {
	color:					#FFFFFF;
	text-decoration:		none;
}
#gsSearchLinks a:hover {
	color:					#744C14;
}
#gsInfoSearch #gsSelectBox {
	width:					120px;
	font-size:				0.7em;
	position:				relative;
	top:					45px;
	left:					-36px;
}
#gsHomeSearch #gsRadioHolder {
	position:				relative;
	top:					30px;
	left:					170px;
	width:					330px;
}
#gsHomeSearch #gsTextRadio {	
	font-family:			Verdana, Arial, Sans serif;
	color:					#fff;
	font-weight:			bold;
}
#gsHomeSearch #gsGraphicalRadio {
	font-family:			verdana;
	color:					#fff;
	font-weight:			bold;
}

/* This is commented out when gsRadioHolder is not visible
#gsHomeSearch #gsGoButton {
	position:				relative;
	top:					6px;
	left:					444px;
}
*/
#gsHomeSearch #gsGoButton {
	position:				relative;
	top:					5px;
	left:					320px;
}
#gsHomeCloud {
	border:					1px solid #F4EDE6;
	background-color:		#FBF9F7;
	width:					514px;
	padding:				0;
	margin:					0;
}
#gsHomeCloud .gsCloudTL {
	position:				relative;
	top:					-4px;
	left:					-1px;
}
#gsHomeCloud .gsCloudTR {
	position:				relative;
	top:					-4px;
	left:					491px;
}
#gsHomeCloud #gsHomeCloudBottomCorners .gsCloudBL {
	position:				relative;
	top:					4px;
	left:					-1px;
}
#gsHomeCloud #gsHomeCloudBottomCorners .gsCloudBR {
	position:				relative;
	top:					4px;
	left:					491px;
}
#gsHomeCloud p {
	padding:				0 10px 0 10px;
	color:					#9C6D2A;
}
#gsHomeCloud a:link, a:visited, a:active {
	color:					#9C6D2A;
	text-decoration:		none;
}
#gsHomeCloud a:hover {
	color:					#fff;
	background-color:		#9C6D2A;
}



/***********************************************/
/* font size, weight and padding for tag cloud */
/***********************************************/

.gsCloud1 {
	font-size:				0.7em;
	padding:				0 2px 0 0;
}
.gsCloud2 {
	font-size:				1.0em;
	padding:				0 4px 0 0;
}
.gsCloud3 {
	font-size:				1.0em;
	font-weight:			bold;
	padding:				0 4px 0 0;
}
.gsCloud4 {
	font-size:				1.2em;
	padding:				0 4px 0 0;
}
.gsCloud5 {
	font-size:				1.2em;
	font-weight:			bold;
	padding:				0 4px 0 0;
}
.gsCloud6 {
	font-size:				1.4em;
	padding:				0 6px 0 0;
}
.gsCloud7 {
	font-size:				1.6em;
	padding:				0 6px 0 0;
}
.gsCloud8 {
	font-size:				1.8em;
	padding:				0 6px 0 0;
}



/**************************************************************/
/* ids and classes specifically for the details page (gsInfo) */
/**************************************************************/

.gsInfoHeader {
	margin-top:				10px;
	margin-bottom:			10px;
	padding-left: 			20px;
	float: 					left; 
	width: 					240px;
}

.gsInfoHeader h2 {
	padding:				0px;
	margin:					0px;
	padding-bottom:			10px;
	font-size:				1.7em;
	font-weight:			normal;
	color:					#11324F;
}

.gsInfoH3 {
	padding:				0px;
	margin:					0px;
	margin-left:			20px;
	margin-top:				20px;
	margin-bottom:			10px;
	font-size:				1.5em;
	font-weight:			normal;
	color:					#11324F;
}

#gsInfoDownload {
	padding-right:			15px;
	padding-bottom:			15px;
}

#gsInfoDownload #gsInfoSearchResults {
	margin-top:				20px;
	float:					right;
	margin-right:			5px;
}
#gsInfoDownload #gsInfoDownloadGo {
	margin-top:				20px;
	float:					right;
	margin-right:			5px;
}
#gsInfoDownload #gsInfoOpenWindow {
	margin-top:				20px;
	float:					right;
	margin-right:			5px;
}

#gsLocalAccessBox {
	margin:					20px 20px 40px 20px;
	padding:				6px;
	border:					1px solid #C2C9CF;
}

#gsInfoCover {
	text-align:				center;
	margin-bottom:			30px;
}
#gsInfoCover iframe {
	_overflow:				hidden;  /* _overflow is hack for IE versions 6 and below fixes scrollbars with padding in iframe */
	border:					1px solid #acacac;

}
#gsInfoXML {
	margin:					0 20px 40px 20px;
}
#gsInfoXML table {
	border-right:			1px solid #C2C9CF;
	border-left:			1px solid #C2C9CF;
	border-bottom:			1px solid #C2C9CF;
}
#gsInfoXML th {
	border-bottom:			1px solid #C2C9CF;
	border-top:				1px solid #C2C9CF;
	height:					16px;
	line-height:			16px;
	color:					#11324F;
	background-image:		url(/graduate-skills/images/crosshatch-blue.gif);
	background-repeat:		repeat;
}
#gsInfoXML td {
	padding:				8px 0 15px 2px;
}
#gsInfoXML p {
	padding:				0;
	margin:					3px;
}
#gsInfoXMLTitle {
	float:					left;
	padding:				0;
	margin:					0;
}
#gsInfoXMLRating {
	float:					right;
	font-size:				0.7em;
	font-weight:			normal;
	padding:				0;
	margin:					0;
}
#gsInfoXMLRating img {
	margin-right:			30px;
	position:				relative;
	top:					2px;
}

#gsInfoComments {
	margin:					0 20px 20px 20px;
	text-align:				center;
}
#gsInfoCommentsFormBorder {
	border-left:			1px solid #C2C9CF;
	border-bottom:			1px solid #C2C9CF;
	border-right:			1px solid #C2C9CF;
	height:					190px;
}
#gsInfoCommentsLeft {
	width:					366px;
	float:					left;
	text-align:				center;
}
#gsInfoCommentsRight {
	width:					366px;
	float:					right;
	text-align:				center;
}
#gsInfoCommentsLeft label, #gsInfoCommentsRight label {
	border-top:				1px solid #C2C9CF;
	border-bottom:			1px solid #C2C9CF;
	background-image:		url(/graduate-skills/images/crosshatch-blue.gif);
	background-repeat:		repeat;
	color:					#11324F;
	display:				block;
	font-weight:			bold;
	margin:					0 0 16px 0;
	padding:				0 0 0 6px;
	line-height:			2em;
	height:					2em;
	text-align:				left;
}
#gsInfoCommentsLikert {
	border:					1px solid #C2C9CF;
	width:					300px;
	margin-bottom:			14px;
}
#gsInfoCommentsKeywords {
	border:					1px solid #C2C9CF;
	width:					300px;
}
#gsInfoCommentsComment {
	border:					1px solid #C2C9CF;
	width:					300px;
	height:					120px;
}


#gsInfoCommentGo {
	padding:				15px;
}

#gsInfoSearchBox {
	clear:					both;
	width:					738px;
	padding-top:			20px;
	margin:					0 20px 0 20px;
}
#gsInfoSearch {
	clear:					both;
	margin:					10px 0 20px 0;
	background-image:		url(/graduate-skills/images/search-small.jpg);
	background-repeat:		no-repeat;
	width:					362px;
	height:					82px;
	float:					left;
}
#gsInfoSearch legend {
	display:				none;
}
#gsInfoSearch #gsSearchBox {
	width:					185px;
	font-size:				1.0em;
	border:					1px solid #9C6D2A;
	position:				relative;
	top:					10px;
	left:					154px;
}

#gsInfoSearch #gsGoButton {
	position:				relative;
	top:					22px;
	left:					281px;
}
#gsInfoCloud {
	border:					1px solid #F4EDE6;
	background-color:		#FBF9F7;
	width:					360px;
	padding:				0;
	margin:					12px 0 0 0;
	float:					right;
	background-image:		url(/graduate-skills/images/crosshatch-yellow.gif);
	background-repeat:		repeat;
}

#gsInfoAlert {
	border:					1px solid #F4EDE6;
	background-color:		#FBF9F7;
	margin:					24px 20px 20px 20px;
	text-align:				center;
	background-image:		url(/graduate-skills/images/crosshatch-yellow.gif);
	background-repeat:		repeat;
}
#gsInfoAlert p {
	font-size:				1.2em;
	font-weight:			bold;
	padding:				0 10px 0 10px;
	color:					#9C6D2A;
	text-align:				center;
}


/****************************************************/
/* Commented out rounded corner code for tag clouds */
/****************************************************/
/*
#gsInfoCloud img {
	margin:					0;
	padding:				0;
}
#gsInfoCloudTopCorners, #gsInfoCloudBottomCorners {
	padding:				0px;
	margin:					0px;
	height:					0px;
	font-size:				0px;
}
#gsInfoCloud #gsInfoCloudTopCorners .gsCloudTL {
	position:				relative;
	top:					-1px;
	left:					-1px;
}
#gsInfoCloud #gsInfoCloudTopCorners .gsCloudTR {
	position:				relative;
	top:					-1px;
	left:					341px;
	_left:					340px;
}
#gsInfoCloud #gsInfoCloudBottomCorners .gsCloudBL {
	position:				relative;
	top:					-9px;
	_top:					1px;
	left:					-1px;
}
#gsInfoCloud #gsInfoCloudBottomCorners .gsCloudBR {
	position:				relative;
	top:					-9px;
	_top:					1px;
	left:					341px;
	_left:					340px;
}
*/

#gsInfoCloud p {
	padding:				4px 10px 4px 10px;
	margin:					0;
	color:					#9C6D2A;
}
#gsInfoCloud a:link, a:visited, a:active {
	color:					#9C6D2A;
	text-decoration:		none;
}
#gsInfoCloud a:hover {
	color:					#fff;
	background-color:		#9C6D2A;
}


/****************************************************/
/* Admin form elements */
/****************************************************/

#addObjectForm label  {
	width:				220px; 
	float:				left;
	font-weight:		bold;
}

#addObjectForm fieldset {
	position:			relative;
	margin-top:			35px;
	border:				1px solid #11324F;
 	background:			url('../images/formBg.gif');
	background-repeat:	repeat-x;
	background-position:bottom;
	display:			block;
	padding-top:		25px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		15px;
}

#addObjectForm legend {
	position:			absolute; 	
	top: 				-.5em; 
	left: 				.5em; 
	font-weight:		bold;
	font-size:			16px;
	color:				#11324F;
}

#authorManagementForm label  {
	width:				200px; 
	float:				left;
	font-weight:		bold;
}

#authorManagementForm fieldset {
	position:			relative;
	margin-top:			35px;
	border:				1px solid #11324F;
 	background:			url('../images/formBg.gif');
	background-repeat:	repeat-x;
	background-position:bottom;
	display:			block;
	padding-top:		25px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		15px;
}

#authorManagementForm legend {
	position:			absolute; 	
	top: 				-.5em; 
	left: 				.5em; 
	font-weight:		bold;
	font-size:			16px;
	color:				#11324F;
}

#editObjectForm label  {
	width:				200px; 
	float:				left;
	font-weight:		bold;
}

#editObjectForm fieldset {
	position:			relative;
	margin-top:			35px;
	border:				1px solid #11324F;
 	background:			url('../images/formBg.gif');
	background-repeat:	repeat-x;
	background-position:bottom;
	display:			block;
	padding-top:		25px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		15px;
}

#editObjectForm legend {
	position:			absolute; 	
	top: 				-.5em; 
	left: 				.5em; 
	font-weight:		bold;
	font-size:			16px;
	color:				#11324F;
}

#deleteObjectForm label  {
	width:				200px; 
	float:				left;
	font-weight:		bold;
}

#deleteObjectForm fieldset {
	position:			relative;
	margin-top:			35px;
	border:				1px solid #11324F;
 	background:			url('../images/formBg.gif');
	background-repeat:	repeat-x;
	background-position:bottom;
	display:			block;
	padding-top:		25px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		15px;
}

#deleteObjectForm legend {
	position:			absolute; 	
	top: 				-.5em; 
	left: 				.5em; 
	font-weight:		bold;
	font-size:			16px;
	color:				#11324F;
}

#institutionManagementForm label  {
	width:				200px; 
	float:				left;
	font-weight:		bold;
}

#institutionManagementForm fieldset {
	position:			relative;
	margin-top:			35px;
	border:				1px solid #11324F;
 	background:			url('../images/formBg.gif');
	background-repeat:	repeat-x;
	background-position:bottom;
	display:			block;
	padding-top:		25px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		15px;
}

#institutionManagementForm legend {
	position:			absolute; 	
	top: 				-.5em; 
	left: 				.5em; 
	font-weight:		bold;
	font-size:			16px;
	color:				#11324F;
}

textarea {
	width:				262px;
	font-family:		Arial, Tahoma, Verdana sans-serif;
	font-size:			1em;
}

.editDateCreated {
	font-size:			0.85em;
	padding-top:		10px;
	text-align:			right;
	color:				#AAA;
}

#addObjectForm fieldset#fileFieldset p {
	margin-bottom:		16px;
}

.exampleData {
	font-size:			0.7em;
	font-weight:		normal;
}

.buttonAlign {
	text-align:			center;
}

/****************************************************/
/* Admin tables */
/****************************************************/

.gradSkillsTable {
	padding-top:		10px;
}

.gradSkillsTable th {
	padding:			2px;
	font-weight:		bold;
	text-align:			center;
	background-color:	#D3DDE7;
}

.gradSkillsTable td {
	background-color:	#F2F3F4;
	padding:			2px;
}

/****************************************************/
/* Download page formatting */
/****************************************************/
#gsDownload {
	margin-left:		40px;
	margin-top:			20px;
	margin-bottom:		30px;
}

.gsDownload p {
	line-height:		2em;
}

/****************************************************/
/* Coveo search customisation */
/****************************************************/
.ResultListFooter img {
	display:			none;
}

.ResultListFooter {
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
}

.Address span {
	display:			none;
}

.TitleLink {
	text-align:			right !important;
}

.HeaderTable, .ResultListHeader, .ResultListContainer {
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
}

/****************************************************/
/* Learning Object List */
/****************************************************/

#content table {
	margin-top:			10px;
}

#content table th {
	background-color:	#345672;
	color:				#FFFFFF;
	padding:			2px;
	text-align:			center;
}

#content table td {
	background-color:	#DDE6EE;
	padding:			4px;
}

.alternateTD {
	background-color:	#E9EEF3 !important;
	padding:			4px;
}

/****************************************************/
/* Help Pages */
/****************************************************/
.helpHighlightText {
	background-color:	#E6E6E6;
}

/****************************************************/
/* Footer - Added by AH (30/1/08) */
/****************************************************/
#Footer {
	font-family: Verdana, sans-serif;
	font-size: .80em;
	float: left;
	width: 753px;
	height: 67px;
	background: url(http://www.canterbury.ac.uk/SiteElements/images/bg/Footer.gif) top left repeat-x;
	padding: 8px 0 0 21px;
	margin: 14px 0 0 0;
	border-top: 1px solid #DADEE1;
	color: #666666;
	line-height: 1.5em;
}