/* Styles applicable to all pages */
body
{
	font-size: 0.8em;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#help-page-link {
	text-decoration: none;
	font-size: 16px;
	color: #212121;
	margin-right: 10px;
	font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
}

#logo
{
	margin-top: 16px;
}

/* Dropdown container */
.dropdown {
	position: relative;
	display: inline-block;
	font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
	cursor: pointer;
	right: 0;
	position: absolute;
	margin-top: 12px;
	z-index: 1;
}

.dropdown .avatar {
	line-height: 1.5;
	padding: .5rem .75rem;
	border-radius: 5px;
}

.dropdown .avatar:hover {
	background-color: #f3f3f3;
}

.dropdown .avatar svg {
	width: 32px;
	height: 32px;
	border-radius: 50px;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	margin-right: .5em;
	fill: #9E9E9E !important;
}

.dropdown .avatar img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.dropdown .avatar span {
	vertical-align: middle;
	font-weight: 700;
	font-size: 16px !important;
	color: #212121;
}



/*Dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	background-color: #ffffff;
	box-shadow: 0px 8px 8px rgba(10, 10, 10, 0.1);
	border-radius: 6px;
	z-index: 1;
	/*padding: 10px;*/
	border: 1px solid #ccc;
	margin-top: .5em;
	min-width: 260px;
	transform-origin: top right;
	position: absolute;
	right: 0px;
}

.dropdown-content div:first-child svg {
	vertical-align: middle;
	margin-right: .5rem !important;
}

.has-text-weight-bold {
	font-weight: bold !important;
}
/*Items inside dropdown*/
.dropdown-content div {
	padding-left: .5rem !important;
	cursor: pointer;
	color: black;
	text-align: left;
}

/*.dropdown-content div:hover {
	background-color: #f3f3f3;
}*/

.dropdown-content div a, .dropdown-content div span {
	text-decoration: none;
	font-size: 16px !important;
	border: none;
	font-weight: normal;
	color: #212121;
}

/* Horizontal line styling */
.dropdown-content hr {
	background-color: #9e9e9e;
	height: 0.5px;
	border: none;
	margin: 0.2px;
}

#navSideMenu2 {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding-left: 0;
}

#navSideMenu2 li {
	text-align: left;
	padding: 13px 0;
}

#navSideMenu2 li a {
	font-size: 16px !important;
	text-decoration: none;
	color: #212121;
	border: none;
	/*padding-left: .5rem !important;*/
	margin-left: 16px;
	font-weight: normal;
	/* padding: 16px;*/
}

#navSideMenu2 li:hover {
	background-color: #f3f3f3;
}

#ddlusr {
	font-size: 16px !important;
	vertical-align: middle;
}

.px-2 {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
	display: flex;
}

.flex
{
	display: flex;
}

.flex-grow-1
{
	flex-grow: 1;
}

.justify-content-center
{
	justify-content: center;
}

.align-items-center
{
	align-items: center;
}

.m-16
{
	margin: 16px;
}

.sign-out-button {
	display: block;
	height: 44px;
	line-height: 44px;
	/*width: 100%;*/
	min-width: 100px;
	text-decoration: none !important;
	text-align: center;
	background-color: white;
	color: #0076bd !important;
	border: 1.7px solid #0076bd !important;
	/*padding: .375rem 1rem;*/
	white-space: nowrap;
	font-size: 16px !important;
	cursor: pointer;
	border-radius: 4px;
}

.sign-out-button:hover {
	background-color: #f3f3f3;
	color: #0076bd;
}

form
{
	text-align: center;
	padding: 0;
	margin: 0;
}

.clear
{
	clear: both;
}

.clearR
{
	clear: right;
}

.hidescreen
{
	display: none;
	visibility: hidden;
}

h1
{
	padding: 0;
	margin: 0;
}

h3
{
	padding: 0;
	margin: 0;
}

p
{
	padding: 0;
	margin: 0;
	line-height: 1.4em;
}

fieldset
{
	padding: 0;
	margin: 0;
}

input
{
	padding: 0;
	margin: 0;
}

h2
{
	font-size: 1em;
	color: #34517d;
	padding: 1.6em 0 1.4em 0;
}

h3
{
	display: inline;
	font-weight: normal;
	font-size: 0.8em;
	color: #fafafa;
	line-height: 1.4em;
}

h4
{
	font-weight: normal;
	font-size: 1em;
	padding-bottom: 1.5em;
}

img
{
	border: 0;
}

.cradle
{
	margin: 0 auto;
	width: 960px;
}

#header {
	background: #ffffff;
	/*height: 72px;*/
	height: 100%;
	float: left;
	width: 100%;
	min-width: 1000px;
}

.headerInner {
	margin: 0 auto;
	width: 950px;
	position: relative;
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	display: flex;
}

.border-bottom 
{
	border-bottom: 1px solid #e9e9e9;
}

.h-wrapper
{
	width: 100%;
}

.shadow 
{
	box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08);
}

.p-relative
{
	position:relative;
}

.z-index-1
{
	z-index: 1;
}

.z-index-2
{
	z-index: 2;
}

#ctl00_logo {
	/*background: url('../../../Images/Cambridge OCR logo.svg') no-repeat;*/
	width: 156px;
	height: 40px;
	float: left;
	margin-top: 16px;
	margin-left: 10px;
}

#pipe {
	height: 32px;
	width: 1px;
	margin: 20px 24px;
	background-color: #e9e9e9;
}

/*#pipe span {    
    color: #e9e9e9;
    content: "\007C";
    font-size: 32px;
}*/

#title {
	height: 32px;
	width: 200px;
	margin-top: 24px;
}

#title h2 {
	font-family: Lato, Arial, Helvetica, sans-serif !important;
	font-size: 18px;
	font-weight: 700;
	color: #212121;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: left;
}




#header p
{
	margin: 0;
	float: left;
	padding: 0;
}
.exclamationMessage
{
	color: orange;
	font-size: 35px;
	font-weight: bolder;
	float: left;
}
.success
{
	color: Black;
	float: left;
	font-weight: bold;
	white-space: normal;
	display: block;
	width: 100%;
	margin: 0 0 0 3px;
}
.failure
{
	color: Black;
	float: left;
	font-weight: bold;
	display: block;
	white-space: normal;
	width: 100%;
	margin: 0 0 0 3px;
}
.exclamationMessagePopUp
{
	color: orange;
	font-size: 35px;
	font-weight: bolder;
	float: left;
}
.successPopUp
{
	color: Black;
	float: left;
	padding-left: 3px;
	font-weight: bold;
	text-align: left;
}
.failurePopUp
{
	color: Black;
	float: left;
	padding-left: 3px;
	font-weight: bold;
	text-align: left;
}

/* Master Page Styles */

.masterContent
{
	margin: 0;
	width: 100%;
	background-color: White;
	text-align: center;
}
.header_logo_and_tasknav
{
	background-color: #00245d;
	width: 1000px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
}
.OCRLogo
{
	float: left;
	background-color: #00245D;
	width: 600px;
	height: 87px;
	padding: 0;
	margin: 0;
	text-align: left;
}
.OCRLogo a:link
{
	width: 100%;
	float: left;
	text-align: left;
}
.OCRLogo a:active
{
	width: 100%;
	float: left;
	text-align: left;
}
.OCRLogo a:visited
{
	width: 100%;
	float: left;
	text-align: left;
}
.OCRLogo a:hover
{
	width: 100%;
	float: left;
	text-align: left;
}
#tasknav
{
	float: right;
	width: 380px;
	background-color: #00245D;
	height: 87px;
}
#tasknav ul
{
	margin: 40px 5px 0 0;
	float: right;
	list-style-type: none;
	text-align: left;
}

#tasknav li
{
	margin: 0;
	padding: 0;
	display: inline;
}


	#tasknav li.switchcentre a:hover {
		background: url(/Images/switch_org.png) left no-repeat;
		margin: 0 15px 0 0;
		padding: 0 0 0 20px;
		text-decoration: none;
		color: Orange;
	}
	#tasknav li.switchcentre a {
		background: url(/Images/switch_org.png) left no-repeat;
		margin: 0 15px 0 0;
		padding: 0 0 0 20px;
		font-size: 100%;
		text-decoration: none;
		color: #ffffff;
		display: inline;
		float: none;
	}

	#tasknav li.help a {
		background: url(/Images/help.gif) left top no-repeat;
		margin: 0 15px 0 0;
		padding: 0 0 0 20px;
		font-size: 100%;
		text-decoration: none;
		color: #ffffff;
		display: inline;
		float: none;
	}

		#tasknav li.help a:hover {
			background: url(/Images/help_hover.gif) left top no-repeat;
			margin: 0 15px 0 0;
			padding: 0 0 0 20px;
			text-decoration: none;
			color: Orange;
		}
#tasknav li.logout a
{
	background: url(/Images/logout.gif) left top no-repeat;
	position: relative;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 100%;
	text-decoration: none;
	color: #ffffff;
	display: inline;
	float: none;
}
#tasknav li.logout a:hover
{
	background: url(/Images/logout_hover.gif) left top no-repeat;
	position: relative;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: Orange;
	float: none;
}

.breadCrumbHolder
{
	width: 100%;
	float: left;
	text-align: center;
}

.breadcrumb
{
	padding: 10px 0 0 0;
	color: Black;
	width: 1000px;
	float: none;
	margin: 0;
	height: 25px;
}
.breadcrumb a:link
{
	width: auto;
	float: left;
}
.breadcrumb a:active
{
	width: auto;
	float: left;
}
.breadcrumb a:visited
{
	width: auto;
	float: left;
}
.breadcrumb a:hover
{
	width: auto;
	float: left;
}

.breadcrumb span
{
	float: left;
	padding: 0 2px 0 2px;
}
.siteMapDefaultClass
{
}

.header_user_and_series
{
	float: left;
	width: 100%;
	text-align: center;
	background-color: #f7f7f7;
}
.user_and_series
{
	width: 1000px;
	vertical-align: middle;
	background-color: #f7f7f7;
	height: 26px;
	padding-top: 8px;
}


/*User bar*/

#userBar
{
	padding: 0.6em;
	background-color: #CCD3DF;
}

#userBar p
{
	text-align: right;
	padding: 0;
	margin: 0;
}

#userBar p span
{
	font-weight: bold;
}

#userBar a:link
{
	color: #e9a901;
	text-decoration: none;
	border-style: none;
}
#userBar a:visited
{
	color: #e9a901;
	text-decoration: none;
	border-style: none;
}
#userBar a:hover
{
	color: #e9a901;
	text-decoration: underline;
}
#userBar a:active
{
	color: #e9a901;
}

/*Content area*/

#contentArea
{
	margin: 0 0 0 100px;
}

.selector
{
	padding: 10px 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 1%;
	position: relative;
}

.selector select
{
	padding: 0;
	margin: 0;
}

.selector label
{
	padding: 0;
	margin: 0;
}

.element
{
	margin: 0 20px;
}

.user
{
	width: 495px;
	float: right;
	text-align: right;
	padding-right: 5px;
}

.seriesName
{
	width: 495px;
	float: left;
	text-align: left;
	padding-left: 5px;
}

.menu_and_content
{
	width: 1000px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
}

/*Info bar*/

#infoBar
{
	margin: 15px 0;
}

#infoBar p
{
	float: left;
	font-weight: bold;
}

#infoBar p.candInfo
{
	float: right;
	font-weight: bold;
}

p.arrowLink a
{
	text-decoration: none;
	padding: 5px 0 5px 10px;
	background: url(/Images/blue_arrow.gif) 0 9px no-repeat;
	margin: 0;
}

p.arrowLink a:hover
{
	text-decoration: underline;
	background: url(/Images/black_arrow.gif) 0 9px no-repeat;
	padding: 5px 0 5px 10px;
	margin: 0;
	color: #000;
}

.blankSpace
{
	width: 100%;
	float: left;
}

.headerLink
{
	color: White;
	text-decoration: none;
}

.helpPanel
{
	text-align: right;
}

.helpLink
{
	color: White;
	text-decoration: none;
}

.logoutLink
{
	color: White;
	text-decoration: none;
	cursor: pointer;
}

/* Menu */
.menuContainer
{
	float: left;
	width: 160px;
	margin: 0px;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.contentHolder
{
	float: left;
	text-align: left;
	width: 820px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
}

.contentHolder a:link
{
	color: #34517d;
	text-decoration: none;
	width: auto;
	float: none;
}
.contentHolder a:visited
{
	color: Purple;
	text-decoration: none;
	width: auto;
	float: none;
}
.contentHolder a:hover
{
	color: #000000;
	text-decoration: underline;
	width: auto;
	float: none;
}
.contentHolder a:active
{
	color: #34517d;
	text-decoration: none;
	width: auto;
	float: none;
}


.helpContents
{
	float: left;
	width: 100%;
}

/* Menu Control Styles */

#masterMenu
{
	width: 100%;
}

#menuRow a
{
	color: #000000;
	text-decoration: none;
	border-bottom: 3px solid White;
	padding: 5px 0px 5px 10px;
	text-align: left;
}

#childMenuRow a
{
	color: #000000;
	text-decoration: none;
	border-bottom: 3px solid White;
	padding: 5px 0px 5px 20px;
	text-align: left;
}

a.parentMenuLink
{
	background-color: #CCD3DF;
	display: block;
	font-weight: bold;
	padding-left: 20px;
}

a.childMenuLink
{
	background-color: #E6EAF0;
	display: block;
	font-size: 91%;
	font-weight: bold;
}

a.selectedParentMenu
{
	background-color: #B5B5B5;
	display: block;
	font-weight: bold;
}

a.selectedChildMenu
{
	background-color: #B5B5B5;
	display: block;
	font-weight: bold;
	font-size: 91%;
}

#masterMenu a:hover
{
	color: #FFFFFF;
	background-color: #4D6693;
	text-decoration: none;
}

/*Footer*/

#footer
{
	padding-top: 1px;
	margin: 15px 15px 0 0px;
	background: url(/Images/global_nav_sep.gif) repeat-x top left;
	width: 100%;
	float: left;
}

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

#footer li
{
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
	font-size: 85%;
	line-height: 250%;
}

#footer a
{
	background: url(/Images/footer_sep.gif) center left repeat-y;
	margin: 5px 2px 0 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #363636;
	position: relative;
	display: inline;
	float: none;
}

#footer a.first
{
	background: none;
}

#footer a:hover
{
	text-decoration: underline;
	color: #000;
}
.messageDisplayDiv
{
	vertical-align: middle;
	float: left;
	width: 100%;
}


/* GridView Styles */

.gridViewHeader
{
	background-color: #4d668e;
	height:25px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.gridViewHeader a:link, a:active
{
	color: #FFFFFF;
	text-decoration: underline;
	float: none;
}
.gridViewHeader a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	float: none;
}
.gridViewHeader a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
	float: none;
}
.gridViewRow
{
	background-color: #f1f2f6;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}
.gridViewRow a:link, a:active
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
}
.gridViewRow a:visited
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
}
.gridViewRow a:hover
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
}
.gridViewAlternatingRow a:link, a:active
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
}
.gridViewAlternatingRow a:visited
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
}
.gridViewAlternatingRow a:hover
{
	padding-left: 0px;
	border-bottom: none;
	float: none;
}

.gridViewAlternatingRow
{
	background-color: #f1f2f6;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}
.gridViewEditRow
{
	color: #000000;
	height: 25px;
}
.gridPager
{
	font-weight: bold;
}
.gridViewFooter
{
	color: #f1f2f6;
	height: 17px;
	border-left: solid 1px ButtonFace;
	font-weight: bold;
	white-space: nowrap;
	background-color: #f0f0f0;
}
.gridHeaderButton
{
	background-color: #4d668e;
	border: none;
	color: #fff;
	font-weight: bold;
	width: 80%;
	cursor: pointer;
	text-align: center;
}
a.outstandingCentresGridHeaderButton:link
{
	background-color: #4d668e;
	border: none;
	color: #fff;
	font-weight: bold;
	width: 80%;
	cursor: pointer;
	text-align: center;
	float:left;
}
.gridHeaderButton1
{
	background-color: #4d668e;
	border: none;
	color: #fff;
	font-weight: bold;
	width: 95%;
	cursor: pointer;
	text-align: center;
	padding: 10px 0 0 0;
}
/* Moderation Page Styles */

.staticText
{
	float: left;
	width: 100%;	
	padding: 7px 0 0 0;
	height: 15px;
}

div.jqDrag 
{
	cursor:move;
}


.headerTitle
{
	float: left;
	width: 100%;
	background-color: #E2E8F1;
	padding: 3px 0 0 0;
	height: 22px;
}
.headingLabel
{
	font-size: medium;
	font-weight: bold;
	color: Black;
	float: left;
}
.lineStyle
{
	color: Silver;
	float: none;
	width: 100%;
}
hr
{
	color: Silver;
}
.boldDivLabel
{
	font-weight: bold;
	text-align: right;
}
.boldDivLabelCenter
{
	font-weight: bold;
	text-align: center;
}
.boldLabel
{
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
}
.subheadingLabel
{
	color: #1C5084;
	font-weight: bold;
	float: left;
}
.subheadingLabel2
{
	color: #1C5084;
	font-weight: bold;
	vertical-align: top;
}
.subheadingLabel3
{
	color: #1C5084;
	font-weight: bold;
	float: right;
	vertical-align: top;
	padding-right: 1px;
}
.subheadingLabel4
{
	color: #1C5084;
	font-weight: bold;
	float: left;
	vertical-align: top;
}
.componentNameColumnWidth
{
	width: 15%;
	vertical-align: top;
}
.componentValueColumnWidth
{
	width: 25%;
	vertical-align: top;
}
.centreNameColumnWidth
{
	width: 25%;
	vertical-align: top;
}
.centreValueColumnWidth
{
	width: 35%;
	vertical-align: top;
}
.viewSamplePadding
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.fullwidth
{
	width: 100%;
}
.textAlign
{
	text-align: center;
}
.floatLeft
{
	float: left;
}
.manualSamplePanel
{
	background-color: #E2E8F1;
	width: 55%;
	height: 30%;
	padding: 10px 10px 10px 10px;
}

.manualSamplePanelFullWidth
{
	background-color: #E2E8F1;
	width: 100%;
	height: 30%;
	padding: 10px 10px 10px 10px;
}

.moderationProgressPanel
{
	background-color: #E2E8F1;
	width: 65%;
	height: 30%;
	padding: 10px 10px 10px 10px;
}
.floatRight
{
	float: right;
	padding-right: 10px;
}
.saveCancelTopPadding
{
	padding-top: 8px;
	float: right;
	padding-right: 10px;
}
.notificationMessagePanel
{
	width: 35%;
	height: 25%;
	background-color: #E2E8F1;
	border-width: 1px;
	padding: 10px 10px 10px 10px;
	border-color: InactiveBorder;
}
.submitButton
{
	height: 35px;
	font-size: 17px;
}
.attachmentBody
{
	width: 100.5%;
	border-width: 1px;
	border-color: InactiveBorder;
	background-color: #E2E8F1;
}
.attachmentDiv
{
	width: 50%;
	padding: 10px;
}
.eReportDiv
{
	width: 70%;
	padding: 10px;
}
.attachmentNoTopBorder
{
	border-top: 0px;
}
.showDetails
{
	vertical-align: middle;
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}
.upArrow
{
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
}
.downArrow
{
	float: right;
	display: none;
	padding-top: 10px;
	padding-right: 5px;
}
a.expandAttachment:link
{
	color: #1C5084;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
	display: none;
	text-decoration: none;
}
a.expandAttachment:active
{
	color: #1C5084;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
	display: none;
	text-decoration: none;
}
a.expandAttachment:visited
{
	color: Purple;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
	display: none;
	text-decoration: none;
}
a.expandAttachment:hover
{
	color: #000000;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
	display: none;
	text-decoration: none;
}
a.collapseAttachment:link
{
	color: #1C5084;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
}
a.collapseAttachment:active
{
	color: #1C5084;
	font-weight: bold;
	float: left;
	vertical-align: middle;	
	width: auto;
}
a.collapseAttachment:visited
{
	color: Purple;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
}
a.collapseAttachment:hover
{
	color: #000000;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	width: auto;
}
.attachmentsTitlePanel
{
	width: 100%;
	height: 30px;
	padding-top: 15px;
	border-width: 1px;
	border-color: Black;
	background-color: #E2E8F1;
	padding-left: 5px;
}
.attachButton
{
}
.gridViewColumnWidth
{
	width: 15%;
}
.gridViewLastColumnWidth
{
	width: 10%;
}
.addAttachmentsLabel
{
	padding-left: 20px;
}
.addViewAttachments
{
	padding-left: 175px;
}
.addViewAttachmentsLink
{
	padding-left: 175px;
	text-align: center;
}
.gridviewTextBox
{
	width: 50px;
}
.subSampleColor
{
	color: Maroon;
}
.fullSampleColor
{
	color: Blue;
}
.selectedadditionalSampleColor
{
	color: Red;
}
.availableSampleColor
{
	color: Green;
}

span.viewAttachmentLink
{
	color: #34517d;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

a.viewAttachmentLink:link
{
	color: #34517d;
	text-decoration: none;
	width: 100%;
	text-align: center;
}
a.viewAttachmentLink:active
{
	color: #34517d;
	text-decoration: none;
	width: 100%;
	text-align: center;
}
a.viewAttachmentLink:visited
{
	color: Purple;
	text-decoration: none;
	width: 100%;
	text-align: center;
}
a.viewAttachmentLink:hover
{
	color: #000000;
	text-decoration: underline;
	width: 100%;
	text-align: center;
}

.addCentreComments
{
}
.userMessage
{
	color: Black;
	float: left;
	padding-left: 20px;
}
.viewSample
{
	float: left;
}
.viewSampleReview
{
	float: left;
	padding: 5px 0 15px 0;
	margin: 0;
}
.paddingTop
{
	padding-top: 7px;
	float: right;
}
.paddingTop5px
{
	padding-top: 5px;
}
/* Centre Details */
.tableHeader
{
	background-color: #4d668e;
	height: 25px;
	vertical-align: middle;
	border: 1px solid InactiveBorder;
}
.tableRowBody
{
	background-color: #f1f2f6;
	height: 25px;
	vertical-align: middle;
	border: 1px solid InactiveBorder;
}
.tableHeaderColumn
{
	text-align: center;
	color: #fff;
	float: left;
	padding: 6px;
}
.tableBodyColumn
{
	text-align: center;
	float: left;
	padding: 6px;
}
.floatLeftWithPadding
{
	float: left;
	padding-left: 8px;
	font-weight: bold;
}
.headerLabel
{
	color: White;
	font-weight: bold;
}

.returnToLoginMessage a:link
{
	color: Blue;
	display: inline;
	font-weight: bold;
}
.returnToLoginMessage a:visited
{
	color: Blue;
	display: inline;
	font-weight: bold;
}
.returnToLoginMessage a:active
{
	color: Blue;
	display: inline;
	font-weight: bold;
}
.returnToLoginMessage a:hover
{
	color: Blue;
	display: inline;
	font-weight: bold;
}

/* Styles for Reports */

.verticalAlignLabel
{
	vertical-align: top;
}

.overflowXDirectionDiv
{
	overflow-x: scroll;
	text-align: center;
}

.overflow
{
	overflow-x: scroll;
	float: left;
	width: 100%;
}
.reportsDropDownWidth
{
	width: 150px;
	height: 22px;
}

.reportDropDownWidth
{
	width: 250px;
	height: 22px;
}

.panelNameDropDownWidth
{
	width: 500px;
}
.panelNameDropDownWidth2
{
	width: 150px;
	padding: 0 5px 0 5px;
}
.seriesNameDropDownWidth
{
	width: 150px;
	padding-right: 50px;
}

.repeaterColumn1Width
{
	width: 15%;
}

.repeaterColumn2Width
{
	width: 25%;
}

#reportTable
{
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
}

#reportTable.upload
{
	border: none;
	margin: 10px 0 0 0;
}

#reportTable.upload tr
{
	background: none;
	border: none;
}

#reportTable.upload td
{
	background: none;
	border: none;
}

#reportTable th
{
	padding: 6px;
	color: #fff;
	background-color: #4d668e;
	border: none;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#reportTable th.lastcol
{
	border-right: none;
}


#reportTable tr
{
	background: #f1f2f6;
	height: 25px;
}

#reportTable td
{
	border-right: #c2cad7 1px solid;
	padding: 6px;
	border-bottom: #c2cad7 1px solid;
	padding: 6px;
	text-align: center;
}
.pageDescriptionDiv
{
	width: 100%;
	background-color: #CCD3DF;
}
.pageDescriptionLabel
{
	padding-left: 15px;
	font-size: larger;
	font-weight: bold;
	color: #0b386a;
}
.moderationReviewEmptyDropDown
{
	width: 100px;
}
.templateLinkLabel
{
	width: 55%;
	cursor: pointer;
}
.gridPagerButton
{
	background-color: #B5B5B5;
	width: 20px;
}
.templateDiv
{
	width: 90%;
}
.templateGridSubHeading
{
	color: #FFFFFF;
	background-color: #4d668e;
	height: 20px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: medium;
}
.SuccessMessage
{
	color: Black;
	font-size: 11px;
}
.ErrorMessage
{
	color: Black;
	font-size: 11px;
}
.gridTextBox
{
	width: 95%;
}
.gridMultiLineTextBox
{
	width: 90%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	overflow: visible;
	height: 70px !important;
	font-size: 12px;
	overflow-y: auto;
}
.personalHeaderColumn
{
	width: 20%;
	background-color: #4d668e;
	height: 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}
.personalColumnTopLeft
{
	background-color: #f1f2f6;
	text-align: center;
	width: 50%;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	height: 100%;
}
.personalColumnTopRight
{
	background-color: #f1f2f6;
	text-align: center;
	width: 50%;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	border-bottom: 1px solid silver;
	height: 100%;
}
.personalColumnBottomLeft
{
	background-color: #f1f2f6;
	text-align: center;
	width: 50%;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	border-right: 1px solid silver;
	height: 100%;
}
.personalColumnBottomRight
{
	background-color: #f1f2f6;
	text-align: center;
	width: 50%;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	height: 100%;
}

.personalDataColumn
{
	width: 60%;
	background-color: #f1f2f6;
	text-align: center;
	border: outset 1px #ece9d8;
	vertical-align: middle;
}

/* Sort Image Property */
.sortImageButton
{
	padding: 0px 0 0 0;
}
.sortImageButton1
{
	padding: 0 5px 0px 0;
	text-align: center;
	vertical-align: middle;
	float: right;
}
.sortImageButton2
{
}
.sortImageButton3
{
	margin: 10px 0 0 5px;
}

/* Centre Details */
.tableHeader
{
	background-color: #4d668e;
	height: 25px;
	vertical-align: middle; /*border: 1px solid black;*/
}
.tableRowBody
{
	background-color: #f1f2f6;
	height: 25px;
	vertical-align: middle; /*border: 1px solid black;*/
}
.tableHeaderColumn
{
	text-align: center;
	color: #fff;
	float: left;
	padding: 6px;
}
.tableBodyColumn
{
	text-align: center;
	float: left;
	padding: 6px;
}
.centreDetailsHeadingLabel
{
	color: #1C5084;
	font-weight: bold;
	font-size: medium;
	text-align: center;
}

/* Styles for Moderator Progress Report */

.moderatorProgressDropDownWidth2
{
	width: 240px;
}

.moderatorProgressDropDownWidth1
{
	width: 135px;
}

.centreAlignDiv
{
	text-align: center;
	width: 100%;
	float: left;
	overflow: auto;
}
.centreTopSpacingDiv
{
	text-align: center;
	width: 100%;
	float: left;
	overflow: auto;
	margin-top: 20px;
}
.fullWidthcentreDiv
{
	text-align: center;
	width: 100%;
}
/* ReModeration Returns */
.labelColumnWidth
{
	width: 50px;
}
.goButtonColumnWidth
{
	width: 225px;
}
.moderatorDropDownWidth
{
	width: 250px;
}
.centreDropDownWidth
{
	width: 150px;
}
.componentDropDownWidth
{
	width: 150px;
}
/* SampleSelection page */

.sampleHeadingLabel
{
	color: #1C5084;
	font-weight: bold;
}
.selectFullSample
{
	width: 140px;
}
.selectAdditionalSample
{
	width: 160px;
}
.requestAdditionalSample
{
	width: 200px;
}
.gridViewWidth
{
	width: 60%;
}
.gridViewColumnWidth
{
	width: 10%;
}
.gridViewFirstColumnWidth
{
	width: 5%;
}
.gridViewSampleTypeColumnWidth
{
	width: 45%;
}


/*Comments page*/

.centreDetailsHeadingLabel
{
	color: #1C5084;
	font-weight: bold;
	font-size: medium;
	text-align: center;
}
.earlierComments
{
	width: 90%;
	text-align: left;
}
.currentComments
{
	width: 90%;
	text-align: left;
}
.modalPopUpContent
{
	padding: 10px 0 0 0;
}
.cancelButton
{
}


/* Styles for Remoderation Report */

.width1Table
{
	width: 15%;
}

.width2Table
{
	width: 25%;
}

.navigationControls td
{
	text-align: right;
}

#navigationTable
{
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-top: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	width: 93.7%;
}

#navigationTable.upload tr
{
	background: none;
	border: none;
}

#navigationTable.upload td
{
	background: none;
	border: none;
}


#navigationTable tr
{
	background: #f1f2f6;
	height: 25px;
	font-size: 11px;
}

#navigationTable td
{
	background: #f1f2f6;
	height: 25px;
	font-size: 11px;
}

#fullMarksnavigationTable
{
	border-collapse: collapse;
	border: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	width: 100%;
}

#fullMarksnavigationTable.upload tr
{
	background: none;
	border: none;
}

#fullMarksnavigationTable.upload td
{
	background: none;
	border: none;
}

#fullMarksnavigationTable tr
{
	background: #f1f2f6;
	height: 25px;
	font-size: 11px;
}

#fullMarksnavigationTable td
{
	background: #f1f2f6;
	height: 25px;
	font-size: 11px;
}

.headerStyle
{
	text-decoration: underline;
	color: #fff;
}
.remoderationMessage
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: auto;
}

/* Create Consortia styles */

.hundredPercentageWidthDiv
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.hundredPercentageWidthTable
{
	float: left;
	width: 100%;
}

.availableCentresDiv
{
	width: 40%;
	float: left;
	text-align: right;
}
.availableCentresDiv2
{
	width: 45%;
	float: left;
	text-align: right;
}

.navigationItemsPanel
{
	padding-top: 30px;
}

.navigationItemsDiv
{
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 20px;
}
.navigationItemsDiv2
{
	width: 70px;
	float: left;
	text-align: center;
	padding: 20px 0 0 0;
}
.centresInConsortiaDiv
{
	width: 40%;
	float: left;
	text-align: left;
}
.centresInConsortiaDiv2
{
	width: 40%;
	float: left;
	text-align: left;
}
.availableComponentsDiv
{
	width: 40%;
	float: left;
	text-align: right;
}

.excludedComponentsDiv
{
	width: 40%;
	float: left;
	text-align: left;
}
.ConsortiaListBox
{
	width: 150px;
	height: 250px;
}


.navigationItemsButtonWidth
{
	width: 25px;
}

.commentsTextBoxHeight
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}
/* personal details*/
.temporaryAddressDiv
{
	width: 60%;
	margin-left: 20%;
	text-align: center;
	margin-bottom: 2%;
}
.permanentAddressDiv
{
	width: 100%;
	margin-bottom: 2%;
}

/* LinkButton Styles */

.arrowLinkButton
{
	color: White;
}


/* Repeater Control Styles */

.repeaterFirstHeaderDiv
{
	font-weight: bold;
	color: #fff;
	background-color: #4d668e;
	border: 1px solid #ccc;
	text-align: center;
	height: 25px;
	float: left;
	padding: 6px;
}

.repeaterHeaderDiv
{
	font-weight: bold;
	color: #fff;
	background-color: #4d668e;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	height: 25px;
	float: left;
	padding: 6px;
}

.repeaterFirstColumnDiv
{
	background-color: #f1f2f6;
	border: 1px solid #ccc;
	text-align: center;
	height: 25px;
	float: left;
	padding: 6px;
}

.repeaterColumnDiv
{
	background-color: #f1f2f6;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	height: 25px;
	float: left;
	padding: 6px;
}

/* Styles for Component Exclusion */

.exclusionOptions
{
	margin-top: 20px;
	text-align: center;
	width: 100%;
	float: left;
}
.excludedComponentsListBox
{
	width: 150px;
	height: 250px;
}
.availableComponentsList
{
	padding-top: 100px;
}

.exclusionNavigationPanel
{
	padding-top: 70px;
}
.exclusionAvailableComponentsDiv
{
	height: 300px;
	width: 35%;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.exclusionExcludedComponentsDiv
{
	height: 300px;
	width: 30%;
	float: left;
	text-align: center;
}

.paddingTop5pxDiv
{
	padding: 5px 0 0 0;
}

.padding10px
{
	padding: 10px;
}
.padding35px
{
	padding: 35px;
}
.padding10pxDiv
{
	height: 25px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	float: left;
	width: 100%;
}

.centreAlignDivWithPadding
{
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}
.floatRightPadded
{
	float: right;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
}
/* Moderator Approval Styles */

.approvalGrid
{
	width: 100%;
	float: left;
	text-align: center;
}
.approvalOption
{
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	text-align: center;
}
.width98Percentage
{
	width: 98%;
}
.width99Percentage
{
	width: 99%;
	float: left;
}
/* Send Mail */
.mailFirstColumn
{
	width: 10%;
	text-align: right;
}
.leftpadding
{
	padding-left: 120px;
}
/* Consortia */
.centreAlignFloatRight
{
	text-align: center;
	float: right;
}
.centreAlignFloatLeft
{
	text-align: center;
	float: left;
}
.centreAlign60PercentageWidth
{
	width: 60%;
	text-align: center;
}
.floatr
{
	float: right;
}
.floatl
{
	float: left;
}
.floatnone
{
	float: none;
}
.whiteSpaceNoWrap
{
	white-space: nowrap;
}
.whiteSpaceNormal
{
	white-space: normal;
	padding: 0 0 0 5px;
}
.messageDisplayNone
{
	display: none;
	width: auto;
}
/* Report To Centre*/
.attachmentReportLayout
{
	border: solid 1px black;
	background-color: #E2E8F1;
	padding: 10px 10px 10px 10px;
}
.fileUploadPadding
{
	padding: 10px 10px 10px 10px;
}
/*Popup Styles*/

/* Overlay */
#modalOverlay
{
	cursor: wait;
	background-color: #E2E8F1;
}

/*Title*/
#modalTitleBar
{
	border: 3px solid silver;
	background-color: Blue;
	padding: 0px;
	height: 28px;
	width: 600px;
	left: 50%;
	top: 15%;
	margin-left: -300px;
}
#modalTitleBar .titleText
{
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}
#modalTitleBar a.titleCloseImg
{
	width: 16px;
	height: 16px;
	background: url(/Images/close.gif) no-repeat;
	position: absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

/* Container */
#modalContainer
{
	height: 400px;
	width: 600px;
	left: 50%;
	top: 15%;
	margin-left: -300px;
	background-color: #fff;
	border: 3px solid silver;
}

#modalContainer #basicModalContent
{
	padding: 8px;
}

/* To disguise select as textbox in IE6*/
select
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.smSpanWrap
{
	border: 1px solid #849CB1;
	background: #ffffff url(/Images/PreScopes.gif) no-repeat scroll right center;
	line-height: 20px;
	padding-left: 4px;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	display: inline-block;
	cursor: wait;
}
.sendMailAttachTitle
{
	width: 95%;
	height: 30px;
	padding-top: 15px;
	border-width: 1px;
	border-color: Black;
	background-color: #E2E8F1;
	padding-left: 5px;
}

.sendMailAttachBody
{
	width: 95%;
	height: 50%;
	padding-left: 5px;
	border-width: 1px;
	border-color: Black;
}
.sendMailAttachmentDiv
{
	width: 95%;
	text-align: left;
}

.confirmationAlertBody
{
	float: left;
	width: 100%;
	text-align: center;
}
.boldDropdown
{
	font-weight: bold;
}
.normalDropdown
{
	font-weight:normal;
}

a.switch
{
	padding-left: 30px;
	width: 13em;
	background: url(/Images/switch.gif) no-repeat 10px top;
	line-height:1.5em;
	color: #34517D;
	text-decoration: none;
}
a.switch:hover, a.switch:active, a.switch:link 
{ 
	float:none; 
	text-decoration:underline; 
}