/* BODY STYLES */
body {
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-color: #ffffff;
	Font-family: Helvetica, Arial, sans-serif;
	Font-size: 12px;
	color: #585858;
}



h1 {
	font-size: 23px;
	color: #6701ae;

}
h2 {
	font-size: 17px;
	color: #3e3e3e;
	margin: 0.6em 0 0.8em;
	font-weight: bold;
	float: left;
	width: 100%;
}
	h2 span {
		float: left
	}
	h2 img {
		float: right;
		cursor: pointer;
	}
h3 {
	font-size: 17px;
	color: #6701ae;
	margin: 0.75em 0;
}

p {
	margin: 1.3em 0;
}

a {
	text-decoration: none;
	color: #6701AE;
}
	a:hover {
		text-decoration: underline;
	}

em {
	font-style: italic;
}

ul li {
	margin-left: 15px;
	list-style-type: disc;
	margin:  1.3em 40px;
}
	ul li a {
		text-decoration: none;
		color: #6701AE;
	}
		ul li a:hover {
			text-decoration: underline;
		}

#container {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
	
/* HEADER STYLES */
#container #header {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	height: 141px;
}
	#container #header .logout {
		width: 941px;
		text-align: right;
		float: left;
		height: 38px;
		padding-top: 4px;
		padding-right: 4px;
	}
	.logo {
		float: left;
		width: 500px;
    height:80px;
  	background-repeat:no-repeat;
	}
	#container #header .extranet {
		float: left;
		width: 441px;
		text-align: right;
		padding-right: 4px;
    height:80px;
  	background-repeat:no-repeat;
   	background-position:right top;
	}

/* NAV STYLES */
#container #nav {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/mnu_bg.jpg);
	background-repeat: repeat-x;
	height: 43px;
	margin-bottom: 6px;
}
	#container #nav .lhs {
		width: 13px;
		float: left;
	}
	#container #nav .links {
		width: 919px;
		float: left;
	}
		#container #nav .links .mnu-sep {
			float: left;
			margin-left: 4px;
			margin-right: 4px;
			padding-top: 4px;
		}
		#container #nav .links p {
			height: 38px;
			font-size: 12px;
			width: auto;
			float: left;
			padding-top: 5px;
			margin-right: 6px;
			position: relative;
			margin-top: 0;
		}
		#container #nav .links p:hover {
			background-image: url(../images/mnu_arrow.jpg);
			background-repeat: no-repeat;
			background-position: center bottom;
		}
			#container #nav .links p img {
				float: left;
				margin-right: 2px;
			}
			#container #nav .links p a {
				text-decoration: none;
				color: #3D3D3D;
				padding-top: 5px;
				padding-bottom: 5px;
				position: relative;
				float: left;
			}
				#container #nav .links p a:hover {
					text-decoration: underline;	
				}
			
	#container #nav .rhs {
		width: 13px;
		float: left;
	}
	
/* OUTER / INNER STYLES */
#container #outer {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	
}
	#container #outer .top {
		width: 945px;
		float: left;
		height: 9px;
	}
	#container #outer .bottom {
		width: 945px;
		float: left;
		height: 24px;
	}
	#container #outer .mid {
		width: 923px;
		float: left;
		background-image: url(../images/outer_bg2.png);
		background-repeat: repeat-y;
		padding: 0px 10px 0px 12px;
     min-height:400px;
	}
		#container #outer .mid .content {
			background-color: #ffffff;
			padding: 18px 33px 18px 33px;
			width: 856px;
			float: left;
      min-height:434px;

		}
			#container #outer .mid .content .editable {
				float: left;
				width: 856px;
				padding-bottom: 20px;
			}
			#container #outer .mid .content .editable .edit_line_button {
				float: left;
				width: 856px;
				text-align: left;
			}
			#container #outer .mid .content .editable .pageContent {
				width: 675px;
    		padding-right:181px;
				float: left;
			}
				#container #outer .mid .content .editable .pageContent textarea {
					border: solid 1px #dcdddf;
					padding: 5px;
					margin-bottom: 5px;
					Font-family: Helvetica, Arial, sans-serif;
					Font-size: 12px;
					color: #585858;
					
				}
		
		#container #outer .mid .crumbs, #container #outer .mid .crumbs2, #container #outer .mid .last-login {
			background-color: #ffffff;
			margin: 0;
			padding: 14px 18px 0px 18px;
			
		}
		#container #outer .mid .crumbs2 {
			width: 690px;
			float: left;
		}
		#container #outer .mid .last-login {
			width: 161px;
			float:right;
			font-weight: bold;
		}
			#container #outer .mid .crumbs a, #container #outer .mid .crumbs2 a {
				text-decoration: none;
				color: #585858;
			}
				#container #outer .mid .crumbs a:hover, #container #outer .mid .crumbs2 a:hover {
					text-decoration: underline;
				}
		
	#container #outer .login {
		width: 896px;
		float: left;
		padding-top: 25px;
		padding-bottom: 25px !important;
	}
		
	#container #outer .login #loginbox {
		width: 550px;
		margin-left: auto;
		margin-right: auto;
	}
		#container #outer .login #loginbox .logtop {
			width: 550px;
			float: left;
			height: 14px;
		}
		#container #outer .login #loginbox .logbottom {
			width: 550px;
			float: left;
			height: 27px;
		}
		#container #outer .login #loginbox .logmid {
			width: 522px;
			float: left;
			background-image: url(../../images/login_bg.png);
			background-repeat: repeat-y;
			padding: 25px 25px 10px 50px;
		}
			
			#container #outer .login #loginbox .logmid p.instructions {
				color: #6701ae;
			}
			#container #outer .login #loginbox .logmid p.logError {
				color: #ff0000;
				font-weight: bold;
			}
			#container #outer .login #loginbox .logmid p.password {
				padding-bottom: 10px;
				text-align: right;
				width: 356px;
			}
				#container #outer .login #loginbox .logmid p.password a {
					text-decoration: none;	
					color: #6701ae;
				}
					#container #outer .login #loginbox .logmid p.password a:hover {
						text-decoration: underline;
					}
			
			#container #outer .login #loginbox .logmid p label {
				width: 85px;
				float: left;
				padding-top: 7px;
			}
				#container #outer .login #loginbox .logmid p input {
					border: solid 1px #dcdddf;
					width: 261px;
					padding: 5px;
				}
				
			#container #outer .login #loginbox .logmid p.button {
				width: 500px;
				text-align: right;
			}
				#container #outer .login #loginbox .logmid p.button input {
					width: auto;
					padding: 0px;
					border: none;
				}
	
/* FOOTER STYLES */
#footer {
	width: 100%;
	float: left;
	background-color: #6701AE;
	height: 130px;
	color: #ffffff;
}
	#footer .container {
		width: 945px;
		margin-left: auto;
		margin-right: auto;
	}
		#footer .container .top {
   		padding-top:12px;
			width: 945px;
			float: left;
			height: 95px;
		}
			#footer .container .top p.logo, #footer .container .bottom p.copyright {
				float: left;
			}
			#footer .container .top p.telno {
				padding-top: 20px;
				padding-right: 10px;
				float: right;
			}
				#footer .container .top p.telno a {
					color: #ffffff;
					text-decoration: none;
				}
					#footer .container .top p.telno a:hover {
						text-decoration: underline;
					}
		
		#footer .container .bottom {
			width: 945px;
			float: left;
			height: 35px;
		}
			#footer .container .bottom a {
				color: #ffffff;
				text-decoration: none;
			}
				#footer .container .bottom a:hover {
					text-decoration: underline;
				}
				#footer .container .bottom p.copyright {
					padding-left: 10px;
					margin-top: 0px;
					font-size: 11px;
				}
				#footer .container .bottom p.links {
					float: right;
					padding-right: 10px;
					margin-top: 0px;
					font-size: 11px;
				}
				
.blank-spacer {
	height: 350px;
}

#editButton,#editButton2,#editButton3,#editButton4,#editButton5,#editButton6 {
	cursor: pointer;
}

/* INNER BOX STYLES */
.inner {
	width: 650px;
	float: left;
 clear:left;
}
	.inner .innerTop {
		width: 650px;
		float: left;
		height: 17px;
	}
	 .inner .innerBottom {
		width: 650px;
		float: left;
		height: 27px;
	}
	.inner .innerMid {
		background-image: url(../images/inner_bg.jpg);
		background-repeat: repeat-y;
		width: 608px;
		float: left;
		padding: 0px 15px 0px 27px;
	}
		/* INNER BOX PANELS */
		.inner .innerMid .panelAnnounce, .inner .innerMid .panelForum {
			padding: 10px 20px 0px 35px;
			width: 240px;
			float: left;
		}
		.inner .innerMid .panelForum .latestPost {
			border-bottom: solid 1px #cccccc;
		}
			.inner .innerMid .panelForum .latestPost a {
				color: #6802AE;
				text-decoration: none;
				font-weight: bold;
			}
				.inner .innerMid .panelForum .latestPost a:hover {
					text-decoration: underline;
				}
		.inner .innerMid .forum {
			padding: 10px 20px 15px 35px;
			width: 540px;
			float: left;
		}
		.inner .innerMid .panelAnnounce {
			margin-right: 10px;
			background-image: url(../images/icons/icon_announcement.gif);
			background-repeat: no-repeat;
			background-position: 0px 5px;
		}
			.inner .innerMid .panelAnnounce h3, .inner .innerMid .panelForum h3, .inner .innerMid .forum h3 {
				margin-top: 0px;
			}
		
		.inner .innerMid .panelForum, .inner .innerMid .forum {
			background-image: url(../images/icons/icon_forum.gif);
			background-repeat: no-repeat;
			background-position: 0px 5px;
		}
		
		.inner .innerMid .forum .thread {
			padding-top: 10px;
			border-bottom: solid 1px #cccccc;
		}
			.inner .innerMid .forum .thread a {
				color: #6802AE;
				text-decoration: none;
				font-weight: bold;
			}
				.inner .innerMid .forum .thread a:hover {
					text-decoration: underline;
				}
				
			.inner .innerMid .forum .threadReply {
				width: 490px;
				margin-left: 50px;
				border-bottom: solid 1px #cccccc;
			}
				.inner .innerMid .forum .threadReply p.info {
					font-size: 11px;
				}
				.inner .innerMid .forum .threadReply p {
					margin: 0.5em;
				}
				
			.inner .innerMid .forum p textarea {
				width: 340px;
				border: solid 1px #bec0c2;
				padding: 5px;
			}
			
			.inner .innerMid .forum p.toolbar {
				text-align: right;
			}
				.inner .innerMid .forum p.toolbar img {
					cursor: pointer;
				}
			
		.newPost {
			padding-top: 20px;
			padding-bottom: 20px;
			float: left;
		}
		
.tabAdd {
	width: 856px;
	float: left;
	height: 27px;
}
.tabAdd.just1Button {
 	width: 90px;
}

.pager {
	width: 854px;
	float:  left;
	text-align: center;
	position: static !important;
	margin-top: 5px;
}
	.pager form {
		float: left;
	}
	.pager span {
		padding: 3px 10px 0px 10px !important;
		float: left;
		margin-right: 14px;
	}
	.pager img {
		cursor: pointer;
		
		margin-right: 14px;
		float: left;
	}

	
}
.listtable th {
	text-align: left;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	height: 37px;
	color: #ffffff;
	padding-left: 10px;
	border-bottom: solid 1px #949494;
	border-right: solid 1px #DCDDDF;
}
	.listtable td {
		background-color: #E8E5DE;
		background-image: url(../images/row_bg.gif);
		background-repeat: repeat-x;
		padding: 5px 10px 5px 10px;
		border-bottom: solid 1px #949494;
		border-right: solid 1px #DCDDDF;
		color: #393939;
	}
		.listtable td.actions {
			text-align: center;
			width: 100px;
		}
		.listtable th.date, .listtable td.date {
			text-align: center;
			width: 100px;
		}

/* POPUP BUBBLE STYLES */
.bubble {
	height: 122px;
	width: 500px;
	position: absolute;
	left: -25000px;
}
	.bubble .bLHS {
		width: 16px;
		height: 122px;
		float: left;
	}
	.bubble .bRHS {
		width: 10px;
		height: 122px;
		float: left;
	}
	.bubble .bMid {
		background-image: url(../images/bubble_mid.png);
		background-repeat: no-repeat;
		height: 92px;
		float: left;
		width: 203px;
		padding: 20px 0px 10px 0px;
	}
		.bubble .bMid img {
			float: left;
			margin-right: 7px;
		}

/* DELETE DIALOG STYLES */
.deleteDialog, .resetDialog {
	width: 276px;
	height: 98px;
	position: absolute;
	background-repeat: no-repeat;
	padding: 25px 10px 10px 10px;
	left: -25000px;
}
.deleteDialog {
	background-image: url(../images/bubble_delete.png);
}
.resetDialog {
	background-image: url(../images/bubble_reset.png);
}
	.deleteDialog img, .resetDialog img {
		float: left;
		margin-right: 7px;
	}
	.deleteDialog .highlight, .resetDialog .highlight {
		color: #ff0000;
		font-weight: bold;
	}
	.deleteDialog p, .resetDialog p {
		margin-bottom: 0 !important;
		margin-top: 10px !important;
		float: left;
		width: 183px;
		padding-right: 0px !important;
		margin-right: 0px !important;
	}
	.deleteDialog p img, .resetDialog p img {
		float: left;
		cursor: pointer;
	}
	
/* ADD AREA STYLES */
.addArea {
	width: 803px;
	float: left;
	padding: 10px 25px 10px 25px;
	border: solid 1px #CBCBCB;
	background-color: #f4f4f4;
}
	.addArea p {
		float: left;
		margin: 0.7em 0;
		width: 600px;

	}
	.addArea p.upload {
		margin: 0;
		padding-bottom: 10px;
	}
		.addArea p.upload img, #upload {
			float: left;
		}
			.addArea p.upload span, .progress {
				display: none;
			}
			.addArea p.upload span img{
				padding-top: 7px;
				padding-left: 5px;
			}

	.addArea .leftCol p, .addArea .rightCol p {
		width: 385px;
		float: left;
	}
	.addArea p label, .inner .innerMid .forum p label {
		width: 127px !important;
		float: left;
		padding-top: 2px;	
    min-height:25px;
	}
	.addArea p span.noinput {
		margin-top: 5px;
		float: left;
	}
	
	.addArea p #spec_type {
		width: auto;
		border: none;
	}
	
	.addArea p input, .addArea p textarea, .addArea p select, 
	.inner .innerMid .forum p input, .inner .innerMid .forum p textarea, .inner .innerMid .forum p select {
		width: 300px;
		border: solid 1px #bec0c2;
		padding: 5px;
	}
	.addArea .leftCol p input, .addArea .leftCol  p textarea, .addArea .leftCol  p select,
	.addArea .rightCol p input, .addArea .rightCol  p textarea, .addArea .rightCol  p select {
		width: 240px;
		border: solid 1px #bec0c2;
		padding: 5px;
		font-family: helvetica, arial;
		font-size: 12px;
	}
	.addArea p input.button, .inner .innerMid .forum p input.button {
		width: auto;
		padding: 0px;
		border: none;
		cursor: pointer;
	}
	.addArea p img {
		cursor: pointer;
	}
	
	.addArea .leftCol {
		width: 390px;
		float: left;
	}
	
	.addArea .rightCol {
		float: left;
		border-left: solid 1px #cccccc;
		margin-left: 10px;
		padding-left: 10px;
		width: 390px;
	}
		.addArea .rightCol p, .addArea .leftCol p {
			margin: 0.3em;
		}

	.addArea .elements {
		margin-top: 10px;
		float: left;
	}
	.addArea .element {
		border-top:  solid 1px #cccccc;
		padding: 10px 0px 10px 0px;
		float: left;
	}
	.documents {
		margin-left: 127px;
		float: left;
		width: 510px;
		border: solid 1px #cccccc;
		background-color: #ffffff;
		padding: 10px;
	}
		.documents .document {
			border-bottom: dotted 1px #cccccc;
			padding: 5px;
			float: left;
			display: block;
			width: 500px;
		}
			.documents .document p {
				float: left;
				margin: 0;
				width: auto;
			}
      .documents .document p A {
				color:#585858;
    cursor:text;
			}
      .documents .document p A:hover {
       text-decoration:none;
			}
			.documents .document img {
				float: right;
				width: 16px;
				margin-left: 10px;
			}
	
table td {
	vertical-align: top;
}

.photoLink {
	padding-left: 127px;
	padding-top: 5px;
}

.ui-datepicker-trigger {
	padding-left: 5px;
}

#candidatePhoto {
	float: right;
	width: 121px;
	height: 100px;
	background-repeat: no-repeat;
}

#progressBar {
	width: 548px;
	margin-left: auto;
	margin-right: auto;
	
}
	#progressBar .start {
		float: left;
		width: 57px;
		margin-right: 10px;
		height: 44px;
	}
	#progressBar .end {
		float: left;
		width: 73px;
		margin-left: 5px;
	}

	#progressBar .units {
		float: left;
		width: 332px;
		display: block;
	}
	
.progress-legend {
	padding-top: 20px;
	float: left;
	width: 500px;
}
	
.unit-complete {
	float: left;
	margin-right: 5px;
	height: 44px;
	margin-bottom: 5px;
}
	.unit-complete .unit-lhs {
		width: 8px;
		height: 44px;
		float: left;
	}
	.unit-complete .unit-rhs {
		width: 8px;
		height: 44px;
		float: left;
	}
	.unit-complete .unit-title {
    background-image: url(../images/unit_green_bg.jpg) !important;
    background-repeat: repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    height: 29px;
    float: left;
    color: #ffffff;
    font-weight: bold;
    min-width:52px;
    text-align:center;
	}

	
.unit-todo {
	float: left;
	margin-right: 5px;
	height: 44px;
	margin-bottom: 5px;
}
	.unit-todo .unit-lhs {
		width: 8px;
		height: 44px;
		float: left;
	}
	.unit-todo .unit-rhs {
		width: 8px;
		height: 44px;
		float: left;
	}
	.unit-todo .unit-title {
    background-image: url(../images/unit_prpl_bg.jpg) !important;
    background-repeat: repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    height: 29px;
    float: left;
    color: #ffffff;
    font-weight: bold;
    min-width:52px;
    text-align:center;
	}
	
.courseAssigned {
	float: left;
	width: 856px;
}
	.courseAssigned .user {
		margin-right: 35px;
		float: left;
		width: 370px;
	}
		.courseAssigned .user img {
			float: left;
			cursor: pointer;
		}
		.courseAssigned .user span {
			padding-top: 8px;
			float: left;
   display:block;
   clear:left;
 /*  min-width:200px;*/
		}
		.courseAssigned .user p {
			padding-left: 5px;
		}
			.courseAssigned .user p span {
				padding-top: 0px;
			}
		.highlightPurple {
			color: #5A0396;
		}

.vCard {
	width: 350px;
	height: 138px;
	background-image: url(../images/vcard2.png);
	background-repeat: no-repeat;
	padding: 25px;
	position: absolute;
 display:none;
}
#noteViewerButtons A {
	width: 120px;
	height: 40px;
	background-image: url(../images/buttons/btn_view_notes.jpg);
	background-repeat: no-repeat;
margin-left:310px;
 display:block;
 text-indent:-10000px;
}
#noteViewerButtons{
 height:62px;
 clear:left;
 width:400px;
 float:left;
}




	.vCard .photo {
		border: solid 1px #cccccc;
		width: 89px;
		margin-right: 10px;
		float: left;
	}
	.vCard .info {
		float: left;
		width: 249px;
	}
		.vCard .info p {
			margin-top: 0;
		}
		
		.vCard .info p.close {
			padding-top: 10px;
			text-align: right;
		}
			.vCard .info p.close img {
				cursor: pointer;
			}
			
.content p label {
	width: 75px ;
	float: left;
}

a.link {
	background-image: url(../images/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 10px !important;
	color: #5A0396;
	text-decoration: none;
}
	a.link:hover {
		text-decoration: underline;	
	}
	
.noteViewer {
	display: none;
	position: absolute;
	width: 450px;
	border: solid 5px #cccccc;
	background-color: #ffffff;
}
	.noteViewer .titlebar {
		color: #ffffff;
		font-weight: bold;
		padding: 5px;
		background-color: #6701AE;
		float: left;
		width: 440px;
	}
		.noteViewer .titlebar p.title {
			float: left;
			width: 400px;
			margin: 0;
		}
		.noteViewer .titlebar p.close {
			width: 40px;
			float: left;
			text-align: right;
			margin: 0;
		}
	.noteViewer .note {
		width: 410px;
		float: left;
		padding: 10px 20px 0px 20px;
	}
  TABLE#reportout THEAD tr{height:26px}
  TABLE#reportout THEAD tr th{background:#ccc;color:#000;height:26px}
  
  .noteViewer .note dl{
   padding-top:6px;
  }
  .noteViewer .note dl.w300 {
   float:left;
   width:300px;
  }
  .noteViewer .note dl.w110 {
   float:left;
   width:110px;
   }

.line{
    background-image: url(../images/line.gif);
    background-position:26px top; 
  }
  .noteViewer .note .w110 dd,.noteViewer .note .w110 dt {
   padding-left:30px;
   width:80px;
  }
    .noteViewer .note dt{color:#666; }
    .noteViewer .note dd{
     color:#000;
   margin-bottom:16px;
  }
  
		.noteViewer .note #msg {
			display: none;
		}

		.noteViewer .note p.theNote {
			height: 150px;
			overflow: auto;
			border: solid 1px #cccccc;
			padding: 5px;
		}
		.noteViewer .note p.tools {
			text-align: right;
   		line-height:35px;
      border: solid 2px #ffffff;
		}
			.noteViewer .note p.tools img {
				cursor: pointer;
			}
  .noteViewer .note p.msgSuccess {
    padding: 5px 10px;
    border: solid 2px #6701ae;
    text-align: center;
    color: #6701ae;
    background-color: #cea4ec;
  }	
	.noteViewer .status {
		border-top: solid 1px #cccccc;
		background-color: #F4F0F4;
		color: #333333;
		padding: 5px;
		float: left;
		width: 440px;
		font-size: 11px;
  height:14px;
	}
	
.recordViewer {
	display: none;
	position: absolute;
	width: 900px;
	height: 615px;
	border: solid 5px #cccccc;
	background-color: #ffffff;
}
	.recordViewer .titlebar {
		color: #ffffff;
		font-weight: bold;
		padding: 5px;
		background-color: #6701AE;
		float: left;
		width: 890px;
	}
		.recordViewer .titlebar p.title {
			float: left;
			width: 850px;
			margin: 0;
		}
		.recordViewer .titlebar p.close {
			width: 40px;
			float: left;
			text-align: right;
			margin: 0;
		}
		
	.recordViewer .record {
		width: 850px;
		height: 539px;
		float: left;
		padding: 10px 25px 0px 25px;
	}
		.recordViewer .record #msg {
			display: none;
		}
		.recordViewer .record p.theNote {
			height: 150px;
			overflow: auto;
			border: solid 1px #cccccc;
			padding: 5px;
		}
		.recordViewer .record p.tools {
			text-align: right;
			width: 830px;
			float: left;
		}
			.recordViewer .record p.tools img {
				cursor: pointer;
			}
			
		.recordViewer .record .recordContent {
			width: 850px;
			overflow: auto;
			height: 450px;
		}
		
		.recordViewer .record .recordContent .items td{
			padding: 5px;
			line-height: 20px;
		}
		.recordViewer .record .recordContent .elements td {
			/*padding: 6px;*/	
		} 
		
			.recordViewer .record .recordContent .items {
				width: 260px;
				float: left;
			}
				.recordViewer .record .recordContent .items .itemHeader, .recordViewer .record .recordContent .elements .itemHeader {
					border-bottom: solid 1px #333333;
				}
				.recordViewer .record .recordContent .items .itemRow {
					border-bottom: solid 1px #333333;
					border-right: solid 1px #333333;
					line-height: 20px;
     height:22px;
				}
				.recordViewer .record .recordContent .elements .itemRow {
					border-bottom: solid 1px #333333;
					border-right: solid 1px #333333;
					padding: 5px 8px 0px 8px !important;
				}
				.recordViewer .record .recordContent .items .itemRow img {
					cursor: pointer;
				}
				.recordViewer .record .recordContent .items .itemRow a {
					color: #393939;
					text-decoration: none;
				}
#recordContentNew  #spac{height:31px;}
#recordContentNew  .itemHeader{height:20px;}
#recordContentNew  #itemHeader{height:36px;}
#recordContentNew  .itemRow{height:40px;min-width:40px;padding:4px;}
#recordContentNew  .itemRow input{margin:3px;}
       
					.recordViewer .record .recordContent .items .itemRow a:hover {
						text-decoration: underline;
					}
				.recordViewer .record .recordContent .elements .itemRow input {
					padding: 0pt;
					margin: 0px !important;
				}
			.recordViewer .record .recordContent .elements {
				width: 570px; 
				float: left;
				overflow: auto;
				height: 450px;
			}
		
	.recordViewer .status {
		border-top: solid 1px #cccccc;
		background-color: #F4F0F4;
		color: #333333;
		padding: 5px;
		float: left;
		width: 890px;
		font-size: 11px;
		height: 15px;
	}
.mp3 {
	float: left;
}
.recItem {
	float: left;
}

#errMsg, #errMsg2 , #errMsg3{
	padding: 5px 0px;
	border: solid 2px #ff0000;
	text-align: center;
	color: #ff0000;
	background-color: #FFF2EF;
	width: 770px;
 clear:left;
}
#errMsg3{padding:10px 20px;text-align:left; width:auto}
.player {
	width: 50px;
}

.filter {
	float: right;
}
	.filter input {
		font-family: helvetica, arial;
		font-size: 12px;
		border: solid 1px #999999;
	}
	.filter #filter-box {
		padding: 3px;
	}
	.filter #filter-clear-button {
		padding: 2px;
		border: none;
		display: none;
	}
	
.save-back {
	width: 890px;
	float: left;
	text-align: right;
	padding-top: 10px;
}
	.save-back img {
		border: none;
	}

.ui-datepicker-cover { 
	display:none;
}

#virtScroll {
    border: solid 1px #ffffff;
    overflow: scroll !important;
    overflow-y: hidden !important;
}

#cert_date,#ev_date,#ev_date_from,#ev_date_to,#iv_date_from,#iv_date_to,#reg_date,#planned_iv_date,#iv_date,#reg_date_from,#reg_date_to,#roa_date,#roa_date_from,#roa_date_to,#u_cert_date,#u_ev_date,#u_iv_date,#u_planned_iv_date,#u_reg_date,#u_roa_date,#with_notes_from,#with_notes_to,#without_notes_from,#without_notes_to,#start_date,#end_date,#start_date2,#end_date2
{
 	width:80px;
}

.ui-datepicker-trigger{
 border:none;
 background-color:transparent;
 height:21px;
 margin-bottom:-5px;
 *margin-bottom:0;
}
.ui-datepicker-trigger IMG{}
#reportsForm P{margin:0.5em 0;}
#reportsForm  LABEL{padding-top:8px;}

#filterH2{
 color:#666;
 font-size:22px;
 font-weight:normal;
  margin-bottom:0.4em;
}
.dd{
 color:#666;
}
#mysubmit{
 width:120px;
 cursor:pointer;

}
.cell{
max-width: 114px; float: left; height: 20px;
}

.tableelements{
 float:left;border-collapse:collapse
}
#contact_time_hh,#contact_time_mm,#contact_non_time_hh,#contact_non_time_mm{width:auto;}
#start_date,#end_date,#start_date2,#end_date2{width:150px;}
.h1under{font-size:11px;color:#585858;
margin-top:3px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;}
#overview{display:none;margin-bottom:6px;}
#help{float:left;clear:left;margin-bottom:10px;margin-top:10px;width: 856px;}
#helptop{font-size:11px;margin-bottom:10px;}
#helpbot{font-size:11px;display:none;}

#helptop, #helpbot {font:normal 13px/18px Arial, Helvetica, sans-serif; color:#6701AE; background: url('../images/arrow-g1.gif') no-repeat left 5px; padding-left:12px;clear:left}

.newSearch{
 padding-top:7px;
 height:36px;
	width: 90px;
 float:right;font:normal 13px/18px Arial, Helvetica, sans-serif; color:#6701AE; background: url('../images/arrow-back.gif') no-repeat left 13px; padding-left:12px;}

#formSubmit,#formReset{
 width:140px;height:30px;border:none;
 background: url('../images/buttons/btn_show_results.png') no-repeat left 0px;
 padding:0;
 margin:0;
 
}
#formReset{
 background: url('../images/buttons/btn_show_results.png') no-repeat left -30px;
 
}


.exportP A {
	width: 142px;
	height: 33px;
	background-image: url(../images/buttons/btn_export-as-csv.png);
	background-repeat: no-repeat;
 display:block;
 text-indent:-10000px;
}
.exportP{
 height:43px;
	width: 142px;
 float:right;
}
.candidaterecordslink {
clear:left;
margin-top:-10px;
 font:normal 13px/18px Arial, Helvetica, sans-serif; color:#6701AE; 
background: url('../images/arrow-g1.gif') no-repeat left 5px; padding-left:12px;}


#helptop a:hover, #helpbot:hover a  {color:#000;}

.elementHeader{white-space:nowrap;height:16px !important;}
.elementNumber{white-space:nowrap;height:21px !important;}
.elementNumber TD{
 text-align:center;
 vertical-align:middle
}
#mylist{
 clear:left;
 margin-top:-20px;
}
#mylist LI{
 list-style:none;
}

#logo_top_left_id,#logo_top_right_id,#logo_bot_left_id{
  float:left;
  clear:left;
  width:310px;
  height:80px;
  background-color:#FFF;
  background-repeat:no-repeat;
  background-position:left center;
  border:1px solid #ccc;
  margin-bottom:5px;
}
#logo_top_left,#logo_top_right,#logo_bot_left{
 clear:left;
 float:left;
 width:250px;
}
#logo_top_right_id{
 background-position:right center;
}
#settingsform P{
  float:left;
 clear:left;
}
#settingsform LABEL{}

#settingsform .progresscontainier{
     float:left;height:17px;width:140px;

}
#settingsform .progress{
  float:left;
  clear:left;
  width:140px;
  height:14px;
  margin-bottom:3px;
 display:none;
 }
#settingsform .progress img{
padding-top:0;
padding-left: 5px;
display:block;
}

.div{
   float:left;
  clear:left;
  width:420px;
  height:180px;
  
}
#settingsform .div LABEL{
 width:310px;
 float:left;
 height:16px;
}
#settingsform .div LABEL SMALL{
 float:right;
}
#settingsform .div IMG{
margin-top:0px;
margin-left:8px;
float:left;
}
#advance{display:none;}
.open-in-new-window{
  padding-right:19px;
  background-image: url(../images/icons/open-new-window.gif);
  background-repeat:no-repeat;
  background-position:right center;
}