body {
	color: #4f4f4f;
	font-size: 100%;
	background-color: #323e47;
}
a {
	color: #0000cc; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	text-decoration: underline;
}
body, img {
	border: 0;
}
ul {
	list-style-type: none; 
	list-style-image: none
}
body, div, h1, h2, h3, table, tbody, tr {
	padding: 0;
	margin: 0;	
}
h2.title {
	padding: 0; 
	margin: 0 0 20px;
	color: #1E988A;
}
body, h2, h3, table {
	font-family: Arial, Helvetica, sans-serif;
}
table {
	border-collapse: collapse;
}
input {
    margin: 10px 0;
}
.container {
	background-color: #ffffff;
	margin: 10px auto;
	width: 75%;
	border-radius: 5px;
}
.header {
	border-bottom: #24651e 8px solid; 
	position: relative; 
	padding-bottom: 0px; 
	min-height: 7.5em; 
	padding-left: 20px; 
	padding-right: 0px; 
	background: url('../../Images/bg_header.png') #ffffff repeat-x left bottom; 
	padding-top: 10px
}
.header img {
	margin: 0px 30px 1em 0px; 
	float: left
}
.header p, .basicheader p {
	font: 0.75em Arial, Helvetica, sans-serif;
}
.basicheader {
	border-top: 5px solid #24a196; 
	position: relative; 
	padding: 10px 20px;	
	min-height: 4em;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
}
.basicheader img {
	margin: 0px 30px 1em 0px; 
	float: left
}
.menuHeader {
	width: 100%;
	float: left;
	clear: both;
}
.channellinks {
	float: left; 
	clear: both; 
	margin-right: 3px;	
	width:10%;
}
.channellinks > a {
	border-bottom: #104f75 1px solid; 
	border-left: #104f75 1px solid; 
	padding-bottom: 8px; 
	padding-left: 7px;
	padding-right: 7px; 
	display: block; 
	font: bold 1.1em Arial, Helvetica, sans-serif; 
	background: url('../../Images/sprite_arrowsquare_dkblue.gif') #34698a no-repeat 95% -136px; 
	color: #ffffff; 
	border-top: #104f75 1px solid; 
	border-right: #104f75 1px solid; 
	padding-top: 8px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-moz-border-radius: 4px
}
.channellinks > a:hover {
	background-color: #1a5171; 
	text-decoration: none
}
.channellinks > a:focus {
	background-color: #1a5171; 
	text-decoration: none
}
.channelname {
	border-bottom: #311277 1px solid; 
	border-left: #311277 1px solid; 
	padding-bottom: 5px; 
	padding-left: 8px;
	width: auto;
	padding-right: 1px; 
	margin-bottom: 12px; 
	background: url('../../Images/bg_channelname.png') #24651e repeat-x;
	color: #ffffff; 
	overflow: hidden; 
	border-top: #311277 1px solid; 
	border-right: #311277 1px solid; 
	padding-top: 3px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-moz-border-radius: 4px;
}
.contentLabel {
	font: 1.2em/1.35em Arial, Helvetica, sans-serif;
	padding-top:10px;
}
.channelname h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif; 
	float: left; 
	letter-spacing: -1px;
}
.channelname h2 a {	
	margin-left: 10px;
	padding-right: 30px; 
	background: url('../../Images/icon_home.png') no-repeat right 6px;
}
.channelname h2 a span.lblHomePage {
	display: none; 
	font: 0.47em Tahoma, Arial, Helvetica, sans-serif; 
	letter-spacing: 0px; 
	margin-left: 10px
}
.channelname h2 a:hover {
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	background: none transparent scroll repeat 0% 0%; 
	text-decoration: none; 
	padding-top: 0px
}
.channelname h2 a:focus {
	padding: 0;
	background: none transparent scroll repeat 0% 0%; 
	text-decoration: none;
}
.channelname h2 a:hover span.lblHomePage {
	display: inline;
}
.channelname a {
	color: #fff;
}
.channelname ul {
	margin-top: 11px;
    margin-bottom: 0px;
	font: 0.85em Arial, Helvetica, sans-serif; 
	float: right
}
.channelname ul li {
	border-left: #7c63b4 1px solid; 
	float: left
}
.channelname ul li:first-child {
	border-left: 0;
}
.channelname ul a {
	margin: 0px 8px; 
	font-weight: bold
}
.channelname ul li:first-child a {
	margin-left: 0;
}
ul.mainnav {
	clear: both; 
	overflow: hidden;
	padding: 0;
	width: 100%;	
	margin: 0px;
}
ul.mainnav li {
	margin: 0px 3px 0px 0px; 
	font: bold 0.75em/1.1 Arial, Helvetica, sans-serif; 
	float: left;
}
ul.mainnav li a {
	border-bottom: #ffffff 1px solid; 
	display: block; 
	background: url('../../Images/tab_l.png') no-repeat; 
	color: #104f75;
}
ul.mainnav li a span {
	padding-bottom: 0px; 
	padding-left: 8px; 
	width: 7.5em; 
	padding-right: 8px; 
	display: block; 
	background: url('../../Images/tab_r.png') no-repeat right top; 
	height: 3em; 
	padding-top: 6px;
}
ul.mainnav li a.active {
	border-bottom: 0; 
	background-position: 0px -70px; 
	color: #ffffff;
}
ul.mainnav li a:hover {
	background-position: 0px -70px; 
	color: #ffffff; 
	text-decoration: none
}
ul.mainnav li a:focus {
	background-position: 0px -70px; 
	color: #ffffff; 
	text-decoration: none
}
ul.mainnav li a:hover span {
	background-position: right -70px
}
ul.mainnav li a:focus span {
	background-position: right -70px
}
ul.mainnav li a.active span {
	background-position: right -70px
}
ul.mainnav li.expanded a span {
	background-position: right -70px
}
ul.mainnav li a.active span {
	height: 3.1em; 
	font-weight: bold
}
ul.mainnav li.expanded a span {
	height: 3.1em; 
	font-weight: bold
}
#TeachingAgency {
	position: relative; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	float: right; 
	padding-top: 0px
}
#TeachingAgency img {
	position: absolute; 
	height: 40px; 
	top: -5px; 
	right: 20px
}
.sectiontitle {
	padding-bottom: 9px;
	background: url('../../Images/bg_sectiontitle.png') #311277 no-repeat 150px 0px; 
	clear: both; 
	overflow: hidden; 
	padding-top: 6px;
	background-color:#24651e;
	width:100%;
}
.sectiontitle a {
	color: #ffffff
}
.sectiontitle p.breadcrumb {
	min-height: 16px; 
	font: 0.75em/1.3 Arial, Helvetica, sans-serif;
}
.sectiontitle p.breadcrumb span {
	display: none
}
.sectiontitle p.breadcrumb a {
	padding-bottom: 2px; 
	padding-left: 5px; 
	padding-right: 11px; 
	background: url('../../Images/arrow_breadcrumb.png') no-repeat right 50%; 
	color: #ffffff; 
	text-decoration: none; 
	padding-top: 2px
}
.sectiontitle p.breadcrumb a:hover {
	text-decoration: underline
}
.sectiontitle p.breadcrumb a:focus {
	text-decoration: underline
}
.sectiontitle h1 {
	padding-left: 15px; 
	margin-top: 2px; 
	font: 1.45em Arial, Helvetica, sans-serif; 
	float: left; 
	color: #ffffff
}
.sectiontitle h2 {
	margin-top: 2px; 
	font: 1.45em Arial, Helvetica, sans-serif; 
	float: left; 
	color: #ffffff
}
.clearfix:after {
	line-height: 0; 
	display: block; 
	height: 0px; 
	visibility: hidden; 
	clear: both; 
	content: "."
}
.clearfix {
	display: inline-block
}
.footer {
	position: relative;
	clear: both; 
	overflow: hidden;
	padding: 30px 20px 20px;
	bottom: 0px;
	width: 100%;
	font-size: 9pt;
	color: #999;
}
.footer ul {
	margin: 0px 0px 10px; 
	font: 0.75em/1.1 Arial, Helvetica, sans-serif; 
	overflow: hidden;
	padding-left:15px;
	margin-left:0px;
}
.footer li {
	white-space: nowrap; 
	margin-bottom: 5px; 
	float: left; 
	margin-right: 13px
}
.footer li a {
	border-left: #e5e5e5 1px solid; 
	padding-left: 13px; 
	color: #555555
}
.footer li a:hover {
	color: #0000cc
}
.footer li a:focus {
	color: #0000cc
}
.footer li:first-child a {
	border-left: 0px; 
	padding-left: 0px
}
.footer li .rmCopyRight {
	border-left: #e5e5e5 1px solid; 
	padding-left: 13px; 
	color: #555555
}
.footer p {
	float: left; 
	margin-right: 15px;	
	padding-left:15px;
}
.main {
	width:  100%;
	margin: 0px;
	background-color: #FFFFFF;
}
.mainHeader {
	width: 100%; 
}
.passwordResetRequestWizard {
	width:100%;
}
.passwordResetRequestWizard table {
	width:100%;	
	background-color:#F1F1F1;	
}
.passwordResetRequestMain {
	width:100%;	
	background-color:#F1F1F1;	
}
.passwordResetRequestButton {
	padding: 0;
	width: 300px;
	margin: 0 auto;
	text-align: center;	
}
.passwordResetRequestInputArea {
	width: 300px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0 auto;
}
.passwordResetRequestInputArea input {
	width: 300px;
}
.passwordResetRequestErrorMessage {
    text-align: left;
    padding-top: 30px;
}
.passwordResetBody {
	padding: 0 0 30px;
}
.passwordResetRequestInputAreaSeparate {
	padding: 5px 0px 5px 0px;
}
.passwordResetRequestSentMessage {
	padding-left: 15px;
}
.passwordValidationMessages {
	padding: 10px 0px 5px 20px;
}
.changePasswordIntroductionHeader {
	padding: 5px 0px 20px 0px;
}
.changePasswordContent, .changePasswordErrorMessage {
	padding: 5px 0px 0px 15px;
}
/*.changePasswordCompletebody {
	padding-left: 15px;
}*/
.changePasswordInputArea {
	padding-top: 10px;
}
.Error {
	color: Red;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:8pt;
}
.ErrorPage {
	color: Red;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 100%;
}
.UnhandledError {
	color: Red;
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 30px;
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;	
}
.mainPanel {
	width: 100%;
	font: 10pt Arial,Helvetica,sans-serif;	
}
.mainLeftPanel {
	float: left;
	width: 65%;
	display: inline;
	padding-left: 10px;		
	font: 0.75em/1.2em Arial,Helvetica,sans-serif;	
}
.mainRightPanel {
	padding-top: 5px;
	padding-bottom: 10px;
	float: right;
	display: inline;
	width: 25%;
	margin-right: 5px;	
	font: 0.75em/1.2em Arial,Helvetica,sans-serif;	
}
.loginHeader {
	border: 2px solid #105213;
	text-align: left;
	color: White;
	padding: 5px;
	font: 1.25em/1 Arial, Helvetica, sans-serif;
	background: url('../../Images/bg_siteintro.png') #24651E no-repeat right bottom;
}
.cookieInformation {
	border: 2px solid #000000;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.guidanceAndSupportMain {
   position:relative;
   margin-top:10px;   
   padding-bottom:15px;   
   background-color :#F1F1F1;	
}
.guidanceandSupportHeader { 
	background: url('../../Images/bg_siteintro.png') #24651E no-repeat right bottom;
	border: 2px solid #105213;
	text-align: left;
	color:White;
	padding: 5px;
	font: 1.25em/1 Arial, Helvetica, sans-serif;	
}
.guidanceandSupportContent {
	margin-top:10px;
	margin-left:20px;
	text-decoration:underline;
	font: 1em Arial, Helvetica, sans-serif;
}
.welcomeContent {
   position:relative;
   padding-bottom:15px;   
   background-color :#F1F1F1;
}
.welcomeHeader {  
	background-color: #1D6F20;
	border: 2px solid #105213;
	text-align: left;
	color:White;
	padding: 5px;
	font: 1.25em/1 Arial, Helvetica, sans-serif;
	background: url('../../Images/bg_siteintro.png') #24651E no-repeat right bottom;
}
.logoutPanel {
   margin-top:30px; 
   text-align:center;
}
.homeLeftPanelContent {
	margin-top:10px;
	text-align:center;
}
.homeLeftContent {
	padding-left:10px;
	padding-top:10px;
	font:1.2em/1.35em Arial, Helvetica, sans-serif;
}
.ViewingPupilScriptContent {
	padding-top:15px;
	padding-bottom:15px;		
}
.ViewingPupilScriptContent span {
	float:left;
	clear:both;
	width:100%;
	padding-bottom:15px;
}
.ViewingPupilScriptContent a {   
	text-decoration:underline;
	margin-bottom:15px;
}
.SearchInstructionsContent {
	float:left;
	clear:both;
	padding-top:10px;
	padding-bottom:35px;
	width:100%;	
}
.ReviewInstructionsContent {
	float:left;
	clear:both;
	padding-top:10px;
	padding-bottom:20px;
	width:100%;
}
.ReviewInstructionsContent span {
    float:left;
	clear:both;
	padding-top:10px;
	width:100%;
}
.ReviewDatesContent {
	float:left;
	clear:both;
	padding-top:10px;
	width:100%;	
}
.ReviewDatesContent h2 {
    float:left;
	clear:both;
	padding-top:10px;
	width:100%;
}
.ReviewDatesContent div {
    float:left;
	clear:both;
	padding-top:10px;
	width:100%;
}
.ReviewDatesContent table {
    border-width: 1px 0px 0px 1px; 
    border-style: solid none none solid; 
    border-color: rgb(229, 229, 229) currentColor currentColor rgb(229, 229, 229);     
    width: 100%; 
    margin-bottom: 15px; 
    font-size-adjust: none; 
    font-stretch: normal;
}
.ReviewDatesContent table th {      
    font-size: .85em;
    background: rgb(229, 229, 229);
    padding: 7px 6px;
    vertical-align: bottom;
    border-right-color: rgb(255, 255, 255);
    border-right-width: 1px;
    border-right-style: solid;
    text-align:left;
}
.ReviewDatesContent .last-child {
	border-right-color: currentColor; 
	border-right-width: 0px; 
	border-right-style: none;
}
.ReviewDatesContent td {
    font-size:.85em;
	padding: 7px 6px; 
	vertical-align: top; 
	border-right-color: rgb(229, 229, 229); 
	border-bottom-color: rgb(229, 229, 229); 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-right-style: solid; 
	border-bottom-style: solid;
}
ul.HomeContent {
	list-style-type:decimal;
	padding-left:20px;    
}
.masterPageHeader {
	padding: 5px;
	text-align: center;
	font-family: 'comic Sans MS';
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
}
.masterPageContent {
	clear: both;
	width: 70%;	
	margin: 30px auto;
	padding: 20px 20px 30px;
	min-height: 300px;
	border: 4px solid #ededed;
	border-radius: 5px;
}
.serachBlock {
	height: 25px;
	background-color: #CCCCCC;
	border: 2px solid black;
	margin-bottom: 3px;
}
.searchUsernameHeader {
	height: 25px;
	background-color: Gray;
	border: 2px solid black;
	font-weight:bold;
	padding-top:3px;
}
.searchUsernameHeaderLeft {
	float: left;
	padding-left:3px
}
.searchUsernameHeaderRight {
	float: right;
	padding-right:5px;
}
.serachCriteria {
	clear:both;
	display:inline;
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;
}
.serachCriteriaLeft {
	float:left;
	display:inline;
	margin-left:20px;		
	margin-right:50px;
}
.serachCriteriaMiddle {
	text-align:center;
	display:inline;		
	margin-right:15px;
}
.serachCriteriaRight {
	display:inline;		
}
.searchPupilActionButton {	
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;
}
.lblSearchData {
	clear:both;
	padding-left:20px;
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;
}
.searchResult {
    clear:both;
   margin-top:5px;
   padding-left:15px;
   font: 0.95em/1.2em Arial,Helvetica,sans-serif;
   margin-right:15px;
}
a.SearchResultPupilNameNoLink, a:hover.SearchResultPupilNameNoLink {
	text-decoration:none;
	color:#666666;
}

/************  View Script Page **************************/
.ViewScriptActionButtonsPanel {
	clear:both;
	padding:10px 0 10px 10px;
}
.ViewScriptActionButton {
	display:inline;
	margin-right:8px;
	margin-left:8px;
	margin-top:10px;
	width:10%;
	font: 0.85em Arial,Helvetica,sans-serif;	
}
.ViewPupilSciptContent {
	clear:both;
	padding:10px 0 10px 15px;
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;	
}
.ViewScriptDetailsPanel {
	border: 2px solid #000000;
	bottom: 0px;
	width:14%;
	padding:5px;
	height:450px;
	display:inline;
	float:left;
	margin-right:10px;  
	overflow:auto;
	overflow-x:hidden;
}
.ViewScriptDetailsPanel h3 {
    text-decoration:underline;
	margin-bottom:15px;		
}
.ViewScriptDetailsPanel h2 {
	text-decoration:underline;
	margin-bottom:15px;	
}
.ViewScriptDetailsItemHeader {
	clear:both;
	float:left;
	margin-bottom:15px;
	width:100%;	
}
.ViewScriptDetailsItemHeader h3 {
    text-decoration:none;
	font-size:1.0em;
	width:150px;
	word-wrap:break-word;
}
.ViewScriptDetailsItemHeader span {
	clear:both;
	float:left;
	width:150px;
	word-wrap:break-word;
}
.ViewScriptDetailsActionButtons {
	clear:both;
	float:left;
	bottom:0;
	margin-top:20px;
	width:100%;
}
.ViewScriptDetailsActionButtons input {
	margin-bottom:10px;
	float:left;
	clear:both;
	width:70%;
	text-align:center;
	font: 0.95em Arial,Helvetica,sans-serif;
}
.ViewScriptPagerPanel {
	border: 2px solid #000000;
	bottom: 0px;
	width:10%;
	padding:5px;
	height:450px;
	display:inline;
	float:left;
	text-align:center;
	margin-right:10px; 
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;	
	overflow:auto;
	overflow-x:hidden;
}
.ViewScriptPagerPanel h3 {
	text-decoration:underline;
	margin-bottom:15px;
}
.thumbGrid {
	border-width:1px;
	border-style:none;
	border-collapse:collapse;
	width:100%;    
}
.thumbGrid td {
	border-style:none;
}
.thumbText {
	bottom: 50px;
	display: inline-block;
	padding-right: 0;
	padding-top: 0;
	position: absolute;
	font-weight:bold;
	font-size:20px;  
	right:0px;
	width:100%;
	text-align:center;	
}
.thumbSelected {
    border: 1px solid #555;
    cursor: auto;
    height: 30px;
    width: 70%;
    margin: 0 15px 10px 15px;
    padding-top: 6px;
    background-color: rgb(153, 153, 153);
}
.thumb {
    border: 1px solid #555;
    cursor: hand;
    height: 30px;
    width: 70%;
    margin: 0 15px 10px 15px;
    padding-top: 6px;
    background: rgb(229, 229, 229);
}
.thumb label {
	text-align:center;
}
.thumbSelected label {
	text-align:center;
}
.viewScriptMarkPanel {
	border: 2px solid #000000;
	bottom: 0px;
	width:17%;
	padding:5px;
	height:450px;
	display:inline;
	float:left;
	text-align:center;
	margin-right:10px; 
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;
	overflow:auto;
	overflow-x:hidden;
}
.viewScriptMarkPanel h3 {
	text-decoration:underline;
	margin-bottom:15px;
}
/************  View Script Page **************************/

/*----------------------Review Page styles----------------------------------*/
.ReviewApplicationMain {
	width:650px;	
}
.commentsTableAllign {
	float:left;
}
#lblPipilNameLabel {
	padding:0px 0px 0px 40px;
}
.tdAllignRight {
	float:right;
	padding:0px 10px 0px 20px
}
.commentsPanel {
	width:600px;
	padding:0px 50px 10px 40px;
}
.commentsTextAlign {
	width:500px;
	height:100px;
	padding:10px 0px 10px 0px;
	font: 0.95em Arial,Helvetica,sans-serif;
}
.commentsTextAlignDisabled {
    width: 500px;
    height: 100px;
    padding: 10px 0px 10px 0px;
    font: 0.95em Arial,Helvetica,sans-serif;
    background-color: #C0C0C0;
}
.reviewPopup {	
	float:left;
}
div p {    
	padding-left:40px;
	margin-top:5px;
}
.setReviewActionButtons {
	padding: 0px 20px 0px 20px;
	float:left;		
}
.ReviewControlMain {
	width:650px;
	padding-top:20px;
	padding-bottom:20px;
}
.ReviewBanner {
	width:800px;
	height:25px;
	float:left;
	color:White;	
	background-color:#008000;	
	font: 0.95em bold Arial,Helvetica,sans-serif;
	padding: 5px 5px 0px 5px;
	margin-bottom:10px;
}
.ReviewActionMessage {
	padding-left:40px;
	padding-top:15px;	
	padding-bottom:5px;
	font: 0.95em Arial,Helvetica,sans-serif;
}
.reviewActionButtonsAlign {
	width:500px;
	float:right;
	clear:both;
	padding-bottom:20px;	
}
.reviewActionButtonFont {
	font: 0.85em/1.2em Arial,Helvetica,sans-serif;
}
.reviewCommentNoteAlign {
	padding-left:35px;
	text-align:justify;
	word-wrap:break-word;
}
.alignConfirmButton {
	float:left;
	clear:both;
	padding:0px 0px 15px 300px;
}
.reviewBackground {
	background-color:#FFFFFF;
	font:0.95em Arial, Helvetica, sans-serif;		
	overflow-x:hidden;
}
.reviewPupilName {
	padding:10px 0px 10px 40px;
	font:bold 0.95em Arial, Helvetica, sans-serif;	
}
.reviewErrorHeader {
	width:650px;
	height:50px;
	background-color:#008000;	
}
.reviewErrorHeaderMessage {
	color:White;
	font: 2em bold Arial, Helvetica, sans-serif;  
	padding: 0px 0px 20px 20px;
}
.reviewErrorMessageContainer {
	padding-top:30px;
	height:100%;	
}
.reviewErrorMessage {	
	color:Red;
	font : 1.25 bold Arial, Helvetica, sans-serif; 
	padding:0px 0px 0px 20px;
	text-align:justify
}
.reviewError {
	font: 3em bold Arial, Helvetica, sans-serif;  
	color:#CB2F2F;
	padding:5px 0px 10px 5px;
}

/*----------------------End Review Page styles----------------------------------*/
.boldDark {
	color: #555;
	font-weight: bold;
}
.darkCombo {
	color: White;
	background-color: #555;
	font-weight: bold;
}
.marksGrid {
	border-width: 1px 0px 0px 1px; 
    border-style: solid none none solid; 
    border-color: rgb(229, 229, 229) currentColor currentColor rgb(229, 229, 229);     
    font: 0.75em/1.25 solid Arial, Helvetica, sans-serif;     
    margin-bottom: 15px; 
    font-size-adjust: none; 
    font-stretch: normal;
	width:95%; 
	margin:5px;
	border-collapse:collapse;
}
.marksGrid thead tr, .marksGrid tfoot tr {   
    font: bold 1.2em  Arial, Helvetica, sans-serif; 
	background: rgb(229, 229, 229);
    padding: 7px 0px;
    vertical-align: bottom;  
    border: 1px solid rgb(229, 229, 229); 
}
.marksGrid thead td, .marksGrid tfoot td {
    padding: 4px 0px 4px 0px; 
    border-left-color: rgb(255, 255, 255);
    border-left-width: 1px;
    border-left-style: solid;
}
.marksGrid thead td:first-child, .marksGrid tfoot tr:first-child {
    border-left-color: currentcolor;
    border-left-width: 0px;
    border-left-style: none;
}
.marksGrid tbody tr {
	padding: 3px 0px 3px 0px;
}
.marksGrid tbody td {    
	font: 1.2em Arial,Helvetica,sans-serif;
	padding: 4px 0px 4px 0px; 
	text-align:center;
	vertical-align: top; 
	border-right-color: rgb(229, 229, 229); 
	border-bottom-color: rgb(229, 229, 229); 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-right-style: solid; 
	border-bottom-style: solid;
}
.marksGrid tbody tr.selected {
	background-color: rgb(153, 153, 153);	
	cursor: auto;
}
.marksGrid tbody tr.selected td {	 
    border: 1px solid rgb(153, 153, 153); 
}
.marksGrid tbody tr.selectable:hover {
    background-color: rgb(153, 153, 153);
    cursor: hand;
}
.marksGrid tbody tr.selectable:hover td {
    border: 1px solid rgb(153, 153, 153); 
}
.marksGrid tbody tr.additionalMarkHighlight {
    background-color: #D2D2D2;
}
.hidden { 
	visibility: collapse; /* standard */
	display: none\9; /* IE 8 and below */
	*display: none; /* IE 7 and below */
}
.viewScriptImagePanel {
	width:50%;
	padding:0;
	height:70%;
	display:inline;
	float:left;
	text-align:center;
	margin-right:10px; 
}
.viewScriptImagePanel span {
    width:100%;
    float:left;
    color:Red;
    text-align:justify;
}
.bordered {
	border-style: solid;
	border-width: thin;
	border-color: #555;
}
.viewScriptReviewPanel {
	width:13%;
	padding:0;
	height:70%;
	display:inline;
	float:left;
	position:relative;
}
.viewScriptReviewPanel h3 {
	margin-bottom:10px;
}
.ReviewTypes {
	width:100%;
	clear:both;
	float:left;
	padding-left:10px;
}

/************  View Script Page **************************/

/************  Print Script Page **************************/

.mainPrintPanel {
	width:100%;
	padding-top:20px;
}
.printSummaryPanel {	   
    width:80%;
	border: silver solid 1px;
	clear:both;
	float:left;
	margin-left:15px;
	margin-right:15px;
}
.printSummaryPanelContent {
    clear:both;
    float:left;   
    font: 0.95em/1.2em Arial,Helvetica,sans-serif;
}
.printSummaryPanelRow {
   width:100%;
   clear:both;
   float:left;
   background-color: #EEEEEE;
}
.printSummaryPanelAlternateRow {
   width:100%;
   clear:both;
   float:left;
   background-color: #FFFFFF;
}
.printSummaryPanelContentLeft {
	width:35%;
	display:inline;
	float:left;
	font-weight:bold;
	border-right:1px solid silver;
    padding:5px 5px 5px 5px;	
}
.printSummaryPanelContentRight {
	width:60%;	
	display:inline;
	float:left;
	text-align:left;
    padding:5px 5px 5px 5px;	    
}
.printSummaryPanelContentRight span {
    word-wrap:break-word;
}
.printMarksPanel {
	width:90%;
	clear:both;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	pagebreak-after: always;
}
.printMarksPanel table {
    border: silver solid 1px;
}
.printMarksPanel tr {    
    padding-left:15px;
}
.printMarksPanel th {   
    border:none;
    border-right:1px solid silver;    
    padding:5px 15px 5px 15px;
    text-align:left;
    min-width:1%;
}
.printMarksPanel td {   
    border:none;
    border-right:1px solid silver;    
    padding:5px 15px 5px 15px;
}
.printMarksPanelHeader {
	background-color: #CCCCCC;
}
.printMarksPanelrow {
	background-color: #EEEEEE;
}
.printMarksPanelAlternateRow {
	background-color: #FFFFFF;
}
.printImagesPanel {
    width:90%;
	clear:both;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
}
.printImageItems {
    clear:both;
    padding-top:5px;
    padding-bottom:5px;
}
.printImageItems img {   
    border:1px solid silver; 
}
.printImagePagelabel {    
    padding-top:3px;
    padding-bottom:5px;
    font-weight:bold;
    text-align:center;
}
/************  Print Script Page **************************/

/************  Print Script Page **************************/

.termsAndConditionsContent {
	clear:both;
	float:left;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:15px;
	font: 0.95em/1.2em Arial,Helvetica,sans-serif;	
}
.termsAndConditionsbuttons {
	clear:both;
	float:left;
	text-align:center;
	padding-left:15px;
}
.termsAndConditionsbuttons input {  
	width:120px;
	text-align:center;
	margin-right:15px;	
	font: 0.85em/1.2em Arial,Helvetica,sans-serif;	
}
/************  Print Script Page **************************/


.divChangeEmailAddressInputArea input,
.masterPageContent input {
    margin: 0 20px 0 0;    
}