html, body {
	height: 98%;
	font-family: arial, sans-serif;
}
#pcng_container{

	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto;
}

#toolbar_top{
	width: 100%; 
	padding-bottom:3px; 
	margin-bottom: 1px; 
	position: relative;
}

#toolbar_separater{
	margin-top: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCFFFF;
}

#toolbar_top A{
	margin-left: 3px;
	margin-right: 3px;
}

#vertical_body{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
}

#headerDiv{
	width: 100%;
}

#bodyDiv{
	width: 100%;
	height: auto;
}

#mainBodyWrapper {
	background-color: white;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 40px;
}

.withBorder{
	padding-bottom: 20px;
	border: 1px;
	border-style: solid;
	border-color: activeborder;
}

#leftDiv {
	width: 130px;
	min-width: 130px;
	top: 20px;
	left:0px;
	position: fixed;
}

#rightDiv{
	width: 4%;
	top: 0px;
	right:8px;
	position: fixed;
	background-color: transparent; 
	margin-top: 4px;
	margin-right: 1px;
}

#rightContainer{
	margin-left: 1px;
	padding-left:1px;
}

.blackBorder{
	border-width: 1px; 
	border-color: black; 
	border-style: solid; 
	background-color: white;
}

#mainBodyDiv {
	width: 100%;
	margin-left: 5px;
}

.bodyContentTable{
	width: 100%;
	padding-bottom: 8px;
	border: 1px;
	border-style: outset;
	border-color: black;
	clear: both;
}


#footerDiv {
	width: 90%;
	margin-left: 5%;
	padding-bottom: 5px;
	position: static;
	bottom: 0;
	font-size: x-small;
}

#footerDiv a{
	font-size: x-small;
}

.function_block_outset{
	border-style: solid;
	border-width: 1px;
	border-color: inactiveborder;
	padding: 1px;
	margin-bottom: 10px;
}
.function_block{
	background-color: infobackground;
	border-style: solid;
	border-width: 5px;
	border-color: transparent;
	padding: 5px;
}

.signin_div{
	margin-bottom: 30px;
}



#generalMessagesDiv {
	font-style: italic;	
	background-color: white;
	color: #C41E3A;
	font-size: medium;
	position: fixed;
	bottom: 5px;
	right: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: solid;
	border-color: activeborder;
	border-width: 1px;
}

div {
	background: transparent;
}

.mandatory_data{
	background-color: #E4F2F7;
}

.readOnlyInput {
/*	color: #C0C0C0;*/
	border-color: #C0C0C0;
	border-width: 0px;
}

.pageTitle {
	font-weight: bolder;
	font-style: normal;
	font-size: medium;
}

.pageTitle_separated{
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

.pageTitleLeft {
	float:left;

}

.pageTitleRight {
	
	margin-top: 40px;
}



tr.pageTitle>TD {
	font-weight: bolder;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-style: normal;
	font-size: medium;
}

.sectionTitle {
	font-weight: bold;
	margin-left: 40px;
	padding-top: 8px;
	padding-bottom: 3px;
	
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

tr.sectionTitle>TD {
	font-weight: bold;
	margin-left: 40px;
	padding-top: 8px;
	padding-bottom: 3px;
	
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

.subSectionTitle {
	font-weight: bold;
	margin-left: 40px;
	padding-top: 8px;
	padding-bottom: 3px;
	font-style: italic;
}

.tableTitle {
	font-weight: bold;
	padding-left: 40px;
	padding-bottom: 20px;
	padding-top: 5px;
	
	text-align: center;
}

tr.tableTitle TD {
	font-weight: bold;
	margin-left: 40px;
}

.displayBlock{
	border: 1px dotted gray;
	margin-top: 10px;
}

.displayBlockTitle{
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separator {
	padding-top: 8px;
	padding-bottom: 8px;
	
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

.inputTitleCell {
	width: 20%;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	 
}

.inputCell {
	width: 80%;
}


.auto-suggestion{
	position:absolute;
	background-color: black;
	padding: 1px;
}

.waitingWindow{
	position:absolute;
	bottom: 0;
	right: 0;
	height: 1.3em;
	background-color: #800000;
	font-weight: bold;
	color: white;
	display: none;
	padding: 5px;
}

.formButtonDiv{
}

.formButton{
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

.errorBlock {
	color: red;
	font-weight: bold;
}

.errorMessages{
	color: red; 
	font: bold; 
	font-size: medium;
}

.transcriptionPanel{
	display: block;
}

.transcriptionShortDisplay{
	cursor: pointer;
}

.transcriptionPanel div {
	display: block;
}
.transcriptionPanel div A:hover {
	COLOR: #000000; 
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #cccccc;
	cursor: pointer;
}


.transcriptionPanel div div {
	display: inline;
}

.transcriptionUnit{
	text-decoration: none;
	margin-top: 1px;
	margin-bottom: 1px;
}
.transcriptionUnit:hover{
	text-decoration: underline;
	background-color: yellow;
}

.transcriptionSpeaker1 {
	background-color: #E9E9E9;
}

.transcriptionSpeaker2 {
	background-color: inherit;
}

.transcriptionSpeaker3 {
	background-color: #E9E9E9;
}
.transcriptionSpeaker4 {
	background-color: #E9E9E9;
}
.transcriptionSpeaker5 {
	background-color: #E9E9E9;
}
.transcriptionSpeaker6 {
	background-color: #E9E9E9;
}
.transcriptionSpeaker7 {
	background-color: #E9E9E9;
}

.tableBanner{
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #E4F2F7;
}

.transcriptionSpeakerName {
	font-weight: bolder;
	font-style: italic;
	vertical-align: top;
}

.transcription_paragraph{
	padding-bottom: 5px;
	display: block;
}

.mouseHoveRow A:hover{
	background-color: #E9E9E9;
}

.normalRow{
	background-color: #E4F2F7;
	padding-bottom: 2px;
	padding-top: 5px;
}

.normalRow>TD{
	background-color: #E4F2F7;
	padding-bottom: 2px;
	padding-top: 5px;
}

.normalRow>A:hover { 
	background-color: #FFFFFF;
}

.alternateRow{
	background-color: #FFFFFF;
	padding-bottom: 2px;
	padding-top: 5px;
}

.alternateRow>TD{
	background-color: #FFFFFF;
	padding-bottom: 2px;
	padding-top: 5px;
}

.alternateRow>A:hover { 
	background-color: #E4F2F7;
}

.matchedUnit {
	background-color: yellow;
}

.recording_status_UN_READ TD{
	font-weight: bold;
}

.recording_status_UN_READ TD A{
	font-weight: bold;
}

.recording_status_READ{
}

.recording_status_READ TD{
}

.recordingRow>TD{
	border-bottom-color: inactiveborder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: inactiveborder;
	border-right-style: solid;
	border-right-width: 0px;
}

/*.flagged {
	background-image: url("/PC-NG-AA/images/flagged.gif");
	background-repeat: no-repeat;
	background-position:center;
	cursor: pointer;
}

.unflagged{
	background-repeat: no-repeat;
	background-position:center;
	cursor: pointer;
}
*/

.emptyInputBox{
	color: graytext;
}

.pcng_help_question{
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 3px;
}

.recordingIcon{
	width: 24px;
	height: 24px;
	padding-left: 2px;
	padding-right: 2px;
}

.highlightedHelpableItem{
	background-color: #E4F2F7;

	border-color: olive;
	border-left-style: ridge;
	border-right-style: ridge;
}

.helpPanel{
	background-color: #E4F2F7; 
	border-width: 2px; 
	border-color: black; 
	color: black; 
	margin-top: 2px;
}

.keypad_button{
	font-size: large;
	font-weight: bold;
}

.clickableImage{
}

.clickableImage:hover{
	border-width: 1px;
	border-style: outset;
	border-color: gray;
}

.clickableIcon{
	height: 12px;
	width: 12px;
	margin: 4px;
	border: none;
}

.clickableIcon>img{
	height: 12px;
	width: 12px;
	margin: 4px;
	border: none;
}

.clickableIcon_outset{
	vertical-align: middle;
}
.clickableIcon_Large{
	height: 24px;
	width:  24px;
	padding: 4px;
	border: none;
	vertical-align: middle;
	background-color: transparent;
}
.clickableIcon_Large img{
	height: 24px;
	width:  24px;
	margin: 4px;
	border: none;
	vertical-align: middle;
	background-color: transparent;
}
.clickableIcon_xLarge{
	height: 40px;
	width: 40px;
	margin: 4px;
	border: none;
	vertical-align: middle;
	background-color: transparent;
}

.clickableIcon_xLarge img{
	height: 40px;
	width: 40px;
	margin: 4px;
	border: none;
	vertical-align: middle;
	background-color: transparent;
}

#homePageImageOfTheDayDiv{
	width:60%; 
	float: left; 
	text-align: center;
	margin-bottom: 15px;
}

#homePageImageOfTheDay{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

#rightFuncDiv{
	width:20%; 
	float: right;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-right: 2%;
	font-size: small;
}

[disabled] { /* Text and background colour, medium red on light yellow */
	color:graytext;
	background-color:inactiveborder;
	border-color: gray;
	border-width: 1px;
	border-style: solid;
}

.InLineHelpable{
	float: left;
}
.InLineHelp{
	float: right;
	font-style: italic;
}

.feature_table{
}

.feature_tagline >TD{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-left: 5px;
	margin-right: 5px;	
}
.feature_tagline_content{
	font-weight: bold;
	font-size: medium;
}

.feature_content>TD{
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;	
}

.feature_bottom{
	text-align: center;
}

.helpItemTitle{
	font-size: medium;
	font-weight: bold;
	margin-top: 20px;
}

.importantInfo{
	color: blue; font: bold; margin-top: 10px; font-size: medium;margin-bottom: 10px;
}

#fixTranscriptionErrorDiv{
	width: 70%;
	bottom: 0px;
	text-align: center;
	position: fixed;
	background-color: #99FF99;
	margin: 2px;
	margin-bottom: 0px;
	padding: 2px;
	padding-top: 3px;
}

.inEditing{
	background-color: #99FF99;
	font-weight: bold;
}


.currentPlaying {
	text-decoration: underline;
}

.currentPlayingSentence {
	background-color: #FFFF99;
	padding-bottom: 1px;
}

.currentHiddenSpeaker {
	display: none;
}

.nexi_news_banner {
	background-color: #D0E8F1;
	font-weight: bold;
	position: absolute;
	clear: both;
	left: 3px;
	right: 3px;
	margin-bottom: 5px;
	margin-left: 5%;
	margin-right: 5%;
	
}

.portalWindow{
	margin-left: 2px;
	margin-top: 15px;
	margin-right: 2px; 
	width: 100%;
	border-color: activeborder;
	border-width: 1px;
	border-style: solid;
}


.portalTitle {
	font-weight: bold;
	padding-left: 1px;
	padding-bottom: 2px;
	padding-top: 1px;
	background-color: #E4F2F7; 
	text-align: center;
	margin-bottom: 2px;
}

.sentence_display{
	display: inline;
	margin-left: 3px;
}

.disabledLink{
	text-decoration: none;
	cursor: text;
}

.enabledLink{
	font-weight: bold;
}

.pcng_FeatureList LI{
	margin-bottom: 5px;
	color: #CC3300;
}

.pcng_FeatureList LI A{
	margin-bottom: 5px;
	color: #CC3300;
}

div#tipDiv {
    padding:4px;
    color:#000; font-size:11px; line-height:1.2;
    background-color:#E1E5F1; border:1px solid #667295; 
    width:250px; 
}

.team_div_title{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 3px;
}

.makeCallWndAction{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-right: 15px;
	text-align: center;
	width: 100%;
}

.team_div_contact{
	
}

div#tipDiv {
    padding:4px;
    color:#000; font-size:11px; line-height:1.2;
    background-color:white; 
    border:2px solid;
    border-color: #3399FF; 
}

.transcriptUnitMenuDiv{
	vertical-align: middle;
	height: 2em;
}

.transcriptUnitMenuDiv_IMG{
	width: 18;
	height: 24;
	border: none;
	padding-right: 8px;
}

.transcriptUnitMenuDiv_TXT{
	border: none;
	height: 100%;
}

.inplace_edit_txtbox{
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.transcriptionTitleLine{
	font-size: large;
	color: black;
}

.recordingDisplayRow{
	padding-left: 5px;
	border: dotted 1px transparent;
}

.function_row{
	vertical-align: bottom;
}

.play_link{
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: medium;
}

.play_link:hover{
	text-decoration: underline;
	background-color: #E3E4FA;
}

.matched_time{
	font-size: small;
}

.matched_links_row{
	margin-top: 5px;
	margin-bottom: 5px;
}

.matched_row{
	text-decoration: none;
}

.matchcount {
	font-size: large;
}

.matched {
  	font-weight: bold;
}
 
.currently_playing span{
    margin: 0;
}

.comment-icon {
	height: 14px;
	width: 16px;
	display: inline;
	border: 0 none;
	cursor: pointer;
	background: transparent url(/PC-NG-AA/images/goog-comment-icon.png) no-repeat scroll 0 0;
	background-position: -119px -87px;
	float: left;
	margin: 4px 4px 0 0;
}

.comment-icon:hover {
	background-position: -119px -72px;
}

.pcng_button{
	margin: 1px 1px;
}

.email-icon {
	background: transparent url(/PC-NG-AA/images/goog-email-icon.png) no-repeat scroll -60px 0;
	cursor: pointer;
	font-size: 0;
	height: 16px;
	width: 15px;
	display: inline;
	border: 0;
	padding: 0;
}

.save-icon {
	background: transparent url(/PC-NG-AA/images/goog-save-icon.png) no-repeat scroll -480px 50%;
	height: 20px;
	width: 16px;
	cursor: pointer;
	display: inline;
	padding: 4px 0 0 0;
	border: 0;
}

.delete-icon {
	background: transparent url(/PC-NG-AA/images/goog-save-icon.png) no-repeat scroll -784px 50%;
	height: 20px;
	width: 16px;
	cursor: pointer;
	display: inline;
	padding: 4px 0 0 0;
	border: 0;
}

.delete-icon:hover {
	background-position: -768px;
}

.star-icon {
	height: 20px;
	margin: 0px 0 0 0px;
	width: 16px;
	cursor: pointer;
	display: inline;
	border: 0;
	padding: 0;
}

.flagged {
	background: transparent url(/PC-NG-AA/images/goog-star-icon.png) no-repeat scroll -20px -20px;
}

.unflagged {
	background: transparent url(/PC-NG-AA/images/goog-star-icon.png) no-repeat scroll 0 -20px;
}

.notes_edit_link{
	text-decoration: underline;	 
} 
.notes_edit_link:hover{
	text-decoration: underline;
}

.record-title{
	font-size: medium;
	margin-top: 20px;
}


.maincolumn {
	float: center;
	
	margin-left: 12px;
	margin-right: 12px;
	
	-border-radius: 5px;
	-moz-border-radius: 5px;
}

.maincolumn-points {
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
	color: #36393D;
	font-size: medium;
	font-family: Verdana, Arial;
	text-align: left;
}

.maincolumn-points a{
	font-size: medium;
}

.highlighted_text{
	font-weight: bolder;
	font-size: medium;
}

.warning_text{
	font-weight: bolder;
	font-size: medium;
}

.strong_warning_text{
	font-weight: bolder;
	font-size: medium;
	color: red;
}

.demo_links a{
	margin-top: 12px;
	color: #36393D;
	font-size: medium;
	font-weight: bold;
	font-family: Verdana, Arial;
	text-align: left;
}

.notice{
	font-weight: bold;
	color: navy;
	margin: 10px;
}

.loginAttemp_FAILURE{
	color: red;
	font-weight: bolder;
}

.searchInputForm{
	margin-top: 22px;
}

.mouse_over_recording_row{
	border: dotted 1px grey;
}

.current_focused_recording{
	background: honeydew none repeat scroll 0 0;
	border: 1px dashed darkseagreen;
}

tr.current_focused_recording>td{
	background: honeydew none repeat scroll 0 0;
	border: 1px dashed darkseagreen;
}

.current_hightlighted_recording{
	background: none repeat scroll 0 0;
	background-color: rgb(255, 255, 0);
	border: 1px dashed darkseagreen;
}

tr.current_hightlighted_recording>td{
	background: none repeat scroll 0 0;
	background-color: rgb(255, 255, 0);
	border: 1px dashed darkseagreen;
}

.autoSpeakerId-Name{
	font-weight: bold;
	font-style: italic;
}

.autoSpeakerId-0{
	color: black;
}

.autoSpeakerId-1{
	color: blue;
}

.autoSpeakerId-2{
	color: purple;
}

.autoSpeakerId-3{
	color: green;
}

.autoSpeakerId-4{
	color: aqua;
}

.autoSpeakerId-5{
	color: black;
}