@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

@font-face {
  font-family: 'fontello';
  src: url('/qmresources/includes/fonts/fontello.eot?75585571');
  src: url('/qmresources/includes/fonts/fontello.eot?75585571#iefix') format('embedded-opentype'),
       url('/qmresources/includes/fonts/fontello.woff2?75585571') format('woff2'),
       url('/qmresources/includes/fonts/fontello.woff?75585571') format('woff'),
       url('/qmresources/includes/fonts/fontello.ttf?75585571') format('truetype'),
       url('/qmresources/includes/fonts/fontello.svg?75585571#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*---------Begin Normalize for cross-browser consistency------------------*/
body {
  margin: 0;
}


article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,canvas,progress,video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}


img {
  border: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 5px;
  vertical-align:top;
}

/*---------End Normalize for cross-browser consistency-------------------*/


html,body,header,main,footer,p,td, ol li, ul li{
	font-family:'Lato', sans-serif;
	font-weight:400;
	letter-spacing: .5px;
}

h1,h2,h3,h4,h5,h6,strong,b{
	font-weight:700;
}

.sectionHead
{
	font-family:'Lato', sans-serif;
	font-size : 22px;
    font-weight : normal;
	color: #333;
} 

.sectionSubHead
{
	font-family:'Lato', sans-serif;
	font-size : 15px;
    font-weight : normal;
	color: #333;
}

.peerList
{
	font-family:'Lato', sans-serif;
	font-size : 20px;
    font-weight : normal;
	color: #333;
}

.error_mes {
	display: none;
	padding-bottom: 10px; 
	color: #C41E20;
}

 .subHead
{
	color: #CC3333;
	font-weight: 700;
	font-size: 18px;
}

.boldRed
{
	color: #CC3333;
	font-weight: 700;
}

.rubricResponse
{
	color:#900;
	font-weight: normal;
}

a{
	color:#3333ff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a.actionItem{
	line-height:22px;
}

body{
	margin:0;
	padding:0;
	background-color:#d9d9d9;
}

header{
	height:144px;
	min-width:955px;
	max-width:1125px;
	font-size:36px;
	font-family:'Lato', sans-serif;
	color:#FFF;
	background-color:#1f419a;
	margin:0 auto;
	border:0;
}

header #topBar1{
	width:100%;
	height:22px;
	position:relative;
	background-color:#d9d9d9;
}

header #topBar2 {
	width:100%;
	height:112px;
	background-color:#1f419a;
	position:relative;
}

header #topBar3 {
	width:100%;
	height:10px;
	background-color:#ffe57a;
	position:relative;
}

header #topBar1 #logoBox{
	background-image:url(/qmresources/images/qm_logo.png);
	width:248px;
	height:183px;
	padding:0;
	margin:0;
	z-index:5;
	position:relative;
}

header #topBar1 #logoBox a{
	display:block; 
	width:80%; 
	margin:0 auto; 
	height:170px;
}

header #topBar1 #logoBoxReport{
	background-image:url(/qmresources/images/qm_logo.png);
	width:248px;
	height:183px;
	padding:0;
	margin:0;
	z-index:5;
	position:relative;
}

header #topBar1 #logoBoxReport a{
	display:block; 
	width:80%; 
	margin:0 auto; 
	height:170px;
}

header #topBar1 #programs{
	height:22px;
	width:300px;
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	top:0;
	left:290px;
}

header #topBar1 #programs #programList{
	height:22px;
	width:955px;
	margin:0;
	padding:0;
	border:0;
	position:relative;
}

header #topBar1 #programs #programList a{
	height:22px;
	width:150px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}

header #topBar1 #programs #programList a.activeProgram{
	color:#ffe57a;
	background-color:#1f419a;
}

header #topBar1 #programs #programList a:hover{
	color:#ffe57a;
	background-color:#1f419a;
}

header #topBar1 #rightArrow{
	height:22px;
	width:30px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	border:0;
	display:block;
	position:absolute;
	text-decoration:none;
	top:0;
	left:603px;
}

header #topBar1 #leftArrow{
	height:22px;
	width:30px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	border:0;
	display:block;
	position:absolute;
	text-decoration:none;
	top:0;
	left:270px;
}

header #topBar2 #iconMenu{
	position:absolute;
	border:0;
	width:72%;
	margin:0;
	padding:0;
	top:0;
	left:248px;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size:36px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-prms:before{ content: '\e801'; } /* '' */
.icon-MyAccount:before{ content: '\e802'; } /* '' */
.icon-crms:before{ content: '\e806'; } /* '' */
.icon-mycr:before{ content: '\e807'; } /* '' */
.icon-qmdata:before{ content: '\e808'; } /* '' */
.icon-activity:before{ content: '\e809'; } /* '' */
.icon-myqm:before{ content: '\e80a'; } /* '' */
.icon-classroom:before { content: '\e80b'; } /* '' */

.iconText{
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	}

header #topBar2 #iconMenu a.iconLink{
	display:block;
	color:#FFF;
	font-size:16px;
	float:left;
	margin:31px 3%;
	border:0;
	text-decoration:none;
	position:relative;
	text-align:center;
}
header #topBar2 #iconMenu a.iconLink:hover{
	color:#ffe57a;
}

header #topBar2 #iconMenu a.iconLinkActive{
	display:block;
	color:#ffe57a;
	font-size:18px;
	float:left;
	margin:31px 3%;
	border:0;
	text-decoration:none;
	position:relative;
	text-align:center;
}
header #topBar2 #iconMenu a.iconLinkActive:hover{
	color:#ffe57a;
}


header #topBar1 #logoutMenu{
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	right:0;
}

header #topBar1 #logoutMenu a{
	display:block;
	height:22px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	float:left;
	border:0;
	padding:0 10px;
	text-decoration:none;
}

header #topBar1 #logoutMenu a:hover{
	color:#ffe57a;
	background-color:#1f419a;
}
header #topBar1 #logoutMenu form{
	display:inline;
	margin:0;
	padding:0;
	background-color: inherit;
}

header #topBar1 #logoutMenu form input[type="submit"]{
	display:block;
	font-family:'Lato', sans-serif;
	height:22px;
	color:#333;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	float:left;
	border:0;
	padding:0 10px;
	text-decoration:none;
	background-color: inherit;
    box-shadow: none;
    text-shadow: none;
}

header #topBar1 #logoutMenu form input[type="submit"]:hover{
	color:#ffe57a;
	background-color:#1f419a;
}



main{
	position:relative;
	max-width:1125px;
	min-width:955px;	
	margin:0 auto;
	padding:0;
	background-color:#fff;
	display:block;
}

main.wide{
	max-width:1071px;
	min-width:901px;	
	margin:0px auto;
	padding:40px 20px 20px 34px;
	background-color:#fff;
}

nav{
	position:relative;
	width:21%;
	padding:0;
	margin: 27px 0;
	float:left;
}

.welcome{
	text-align:center;
	padding:0;
	margin:20px 0 0 0;
}

#navBox{
	width:179px;
	height:28px;
	background-color:#1f419a;
	padding:3px;
	margin:10px 0 0 31px;
 	border-radius:5px;
}

#navBox [class^="appMenuTitle-"]:before{
	font-family: "fontello";
  	font-style: normal;
  	font-weight: normal;
  	font-size:16px;
	line-height:28px;
	color:#ffe57a;
  	speak: none;
  	display: inline-block;
  	text-decoration: inherit;
 	font-variant: normal;
  	text-transform: none;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	margin-right:5px;
}
#navBox [class^="appMenuTitle-"]{
	float:left;
	margin-left:5px;
	color:#ffe57a;
	font-size:14px;
	font-weight:bold;
}

#navBox span.appMenuTitle-qmdata:before{
	content: '\e808';
}

#navBox span.appMenuTitle-myqm:before{
	content: '\e80a';
}

#navBox span.appMenuTitle-crms:before{
	content: '\e806';
}

#navBox span.appMenuTitle-mycr:before{
	content: '\e807';
}

#navBox span.appMenuTitle-prms:before{
	content: '\e801';
}


#navBox span.menuIcon:before{
	font-family: "fontello";
  	font-style: normal;
  	font-weight: normal;
  	font-size:16px;
	line-height:28px;
	color:#ffe57a;
  	speak: none;
  	display: inline-block;
  	text-decoration: inherit;
 	font-variant: normal;
  	text-transform: none;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
 	content: '\e80c';
}
#navBox span.menuIcon{
	float:right;
	margin-right:5px;
	cursor:pointer;
}

#mainMenu{
	width:80%;
	margin:7px 0 0 32px;
	padding:0;
	overflow: hidden;
}

#mainMenu h3:before, #mainMenu h3.open:before{
	font-family: "fontello";
  	font-style: normal;
  	font-weight: normal;
  	font-size:16px;
	line-height:16px;
	margin-right:4px;
  	speak: none;
  	display: inline-block;
  	text-decoration: inherit;
 	font-variant: normal;
  	text-transform: none;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

#mainMenu h3:before{
	color:#00204d;
	content: '\e80d';
}

#mainMenu h3.open:before{
	color:#636d7b;
 	content: '\e80e';
}

#mainMenu h3, #mainMenu h3.open{
	font-size:16px;
	padding:0;
	margin:10px 0 0 0;
	cursor:pointer;
}
#mainMenu h3{
	color:#20419b;
}

#mainMenu h3.open{
	color:#636d7b;
}

#mainMenu div{
	margin-left:15px;
	display:none;
}

#mainMenu div a{
	display:block;
	font-size:14px;
	margin:1px 0;
	padding:1px 0;
	text-decoration:none;
	color:#00204d;
	font-weight:bold;
	
}
#mainMenu div a:hover{
	text-decoration:underline;
}

div.logout{
	margin:15px 0 0 31px;
}



article{
	float:right;
	width:75%;
	padding:0 10px 0 20px;
	margin: 27px 0;
}

footer{
	height:50px;
	min-width:955px;
	max-width:1125px;
	text-align:center;
	line-height:50px;
	font-size:14px;
	font-family:'Lato', sans-serif;
	color:#FFF;
	background-color:#033a7d;
	margin:0 auto;
	border:0;
}

/* Ticketing */
tr.client td {
	border: 1px solid #054B81;
	color: #054B81;
	padding: 10px 15px 10px 15px;
}

tr.staff td {	
	border: 1px solid #D0222B;
	color: #D0222B;
	padding: 10px 15px 10px 15px;
}

/*Annotation POPUP*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

/* For the pagination stuff */
.Pagination {
    clear:both; 
    margin-top:10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.PaginationItem {
	float:left;
    font-weight:bold;
    margin:5px;
    padding:5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px black solid;
}
.PaginationItem.Active {
    border: 1px #E6E6FA solid;
}
.PaginationItem.Active:hover {
	background-color: #E6E6FA;
}
.PaginationItem.Inactive {
	border: none;
}


/*Help Message Popup / Report Help Popup*/
.helpIcon {
  background-image:url(images/helpQuestionMark.png);
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  cursor: pointer;
  display: inline-block;
  margin:0;
  padding:0;
  position:relative;
  top:4px;
  left:4px;
  transition: all 0.3s ease-out;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.helpPopup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 40%;
  position: relative;
  transition: all 5s ease-in-out;
}

.helpPopup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.helpPopup .close {
	padding:0;
	margin:0;
  position: absolute;
  width:29px;
  height:29px;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #092f5e;
  border-radius: 50%;
  text-align:center;
  border:#092f5e solid 1px;
}
.helpPopup .close:hover {
  color: #cc0033;
  border-color:#cc0033;
}
.helpPopup .content {
  max-height: 30%;
  overflow: auto;
}

/*End Help Message Popup / Report Help Popup*/

/*QM Message Styles*/
[class^="qm-message-icon-"]:before, [class*=" qm-message-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.qm-message-icon-success:before { 
	content: '\e800';
	font-size:32px;
	color:#317331;
} /* '?' */
.qm-message-icon-success {
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#317331;
	} /* '?' */	
.qm-message-success{
	font-family:'Lato', sans-serif;
	border:1px solid #317331; 
	color:#222;
	padding:15px 15px;
	margin:5px 0;
	width:80%;
	font-size:16px;
	line-height:32px;
	background-color:#cbfab8;
}
.qm-message-icon-info:before { 
	content: '\e805';
	font-size:24px;
	color:#3b3b39;
	} /* '?' */
.qm-message-icon-info {
	font-family:'Lato', sans-serif;
	font-size:16px;
	color:#3b3b39;
	} /* '?' */	
.qm-message-info{
	font-family:'Lato', sans-serif;
	border:1px solid #b7c2e0; 
	color:#222;
	padding:15px 15px;
	margin:5px 0;
	width:80%;
	font-size:16px;
	line-height:32px;
	background-color:#b0cffe;
 	border-radius: 10px;
}
.qm-message-icon-error:before { 
	content: '\e804'; 
	font-size:32px;
	color:#c70b46;
	} /* '?' */
.qm-message-icon-error {
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#c70b46;
	} /* '?' */
.qm-message-error{
	font-family:'Lato', sans-serif;
	border:1px solid #c70b46; 
	color:#222;
	padding:15px 15px;
	margin:5px 0;
	width:80%;
	font-size:16px;
	line-height:32px;
	background-color:#fab8b8;
}
.qm-message-icon-note:before { 
	content: '\e803'; 
	font-size:32px;
	color:#3b3b39;
	} /* '?' */
.qm-message-icon-note { 
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#3b3b39;
	} /* '?' */
.qm-message-note{
	font-family:'Lato', sans-serif;
	border:1px solid #caad56; 
	color:#222;
	padding:15px 15px;
	margin:5px 0;
	width:80%;
	font-size:16px;
	line-height:32px;
	background-color:#ffde7b;
}


/*End QM Message Styles*/

.viewAllReport{
	font-family: "fontello";
	font-size:24px;
	float:right;
}

.viewAllReport span.viewAllText{
	font-family:'Lato', sans-serif;
	font-size:24px;
}
.viewAllReport:before {
	 content: '\e814'; 
	 color:#CCC;
	 } 
.viewAllHistory{
	font-family: "fontello";
	float:right;
}
.viewAllReport td.viewAllText{
	font-size:24px;
}

.viewAllHistory:before {
	 content: '\e814'; 
	 color:#1F2484;
	 } 

/*Table Styles*/
table.expandMax{
	width:100%;
}

table.dspTable {
		overflow:hidden;
		border-spacing: 0px;
    	border-top: 1px solid #d3d3d3;
    	border-right: 1px solid #d3d3d3;
		border-collapse:separate;
		background:#fefefe;
		margin:5% 0 0;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		border-spacing: 0;  /*Replace for table cellspacing*/
	}
	
table.dspTable tr th, table.dspTable tr td {padding:15px; text-align:center; vertical-align:middle;}

table.dspTable tr th{
	color:#20419b;
}
	
	table.dspTable tr th, table.dspTable tr td {
		border-left: 1px solid #e0e0e0;
    	border-bottom: 1px solid #e0e0e0;
	}
	
	table.dspTable tr td.breakWords,table.dspTable tr th.breakWords {
		word-wrap: break-word;
  		overflow-wrap: break-word;
		 -ms-word-break: break-all;
  		 word-break: break-all;
  		 word-break: break-word;
	}
	
	table.dspTable tr.odd-row td, table.dspTable tr.odd-row th{background:#f6f6f6;}
	
	table.dspTable tr th, table.dspTable tr td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}
	
	table.dspTable tr.odd-row th, table.dspTable tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	table.research{
		font-size:12px;
	}
	table.research th{
		font-size:14px;
		text-align:center;
	}
	
	table.condense tr th, table.condense tr td{
		font-size:12px !important;
		padding:6px !important;
	}
	
	table.evidenceDisplay{
		margin-left:150px;
		margin-top:10px;
	}
	table tr td.evidence{
		width:150px;
		height:150px;
		position:relative;
  		padding-top:10px;
    	padding-bottom:20px;
	}
	    a.dataLink:hover{
       text-decoration:none;
      }
      
	span.data-edit, span.data-view{
		display:block;
		height:16px;
		bottom:4px;
	    left: 0;
	    right: 0;
		margin: 10px auto;
		position:absolute;
		border-radius:0;
		border-bottom-left-radius:15px;
		padding-left:3px;
		color:#1f419a;
		font-size:11px;
		font-weight:700;
	}
    
    span.data-edit:before, span.data-view:before{
      font-family: "fontello";
	  font-style: normal;
	  font-weight: normal; 
   	  font-size:20px;
      margin-right:5px;
      content: '\E828'; }
      
     a.dataLink span.data-edit:hover,a.dataLink span.data-view:hover,a.dataLink span.data-add:hover{
       color:#3333ff;
      }
      
      span.data-add{
		display:block;
		height:18px;
		bottom:4px;
	    left: 0;
	    right: 0;
		margin: 10px auto;
		position:absolute;
		border-radius:0;
		border-bottom-left-radius:15px;
		padding-left:3px;
		color:#ccc;
		font-size:11px;
		font-weight:700;
	}
    
    span.data-add:before{
      font-family: "fontello";
	  font-style: normal;
	  font-weight: normal; 
   	  font-size:20px;
      margin-right:5px;
      content: '\E828'; }
	table tr th.narrative{
		font-weight:normal;
		text-align:left;
		position:relative;
	}
	div.criteriaRow{
		width:100%;
		position:relative;
	}
	div.criteriaRow div.criterion{
		background-color:#ffe57a;
		color:#1f419a;
		font-size:12px;
		font-weight: bold;
		height:56px;
		width:86px;
		padding:7px 5px 0px 5px;
		text-transform:uppercase;
		border-radius:10px;
		text-align:center;
		float:left;
	}
	
	[class^="criterionIcon-"]:before, [class*=" criterionIcon-"]:before {
	  font-family: "fontello";
	  font-style: normal;
	  font-weight: normal;
	  font-size:34px;
	  speak: none;
	  display: block;
	  text-decoration: inherit;
	  font-variant: normal;
	  text-transform: none;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  line-height:34px; 	
	  color:#1f419a;
	}	

	[class^="criterionIcona-"]:after, [class*=" criterionIcona-"]:after {
	  font-family: "fontello";
	  font-style: normal;
	  font-weight: normal;
	  font-size:24px;
	  speak: none;
	  display: block;
	  text-decoration: inherit;
	  font-variant: normal;
	  text-transform: none;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  line-height:24px;
	  color:#1f419a;
	  white-space:nowrap;
	}	
	[class^="multiSelectIcon-"]:before, [class*=" multiSelectIcon-"]:before {
	  font-family: "fontello";
	  font-style: normal;
	  font-weight: normal;
	  font-size:12px;
	  speak: none;
	  display: block;
	  text-decoration: inherit;
	  font-variant: normal;
	  text-transform: none;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  line-height:12px;
	  color:#000000;
	  white-space:nowrap;
	}
	
	.criterionIcon-grid:before { content: '\e81c'; }
	.criterionIcon-group:before { content: '\e81d'; }
	.criterionIcon-puzzle:before { content: '\e81e'; } 
	.criterionIcon-adult:before { content: '\e81f'; } 
	.criterionIcon-lifebuoy:before { content: '\e820'; } 
	.criterionIcon-wrench:before { content: '\e821'; } 
	.criterionIcon-book:before { content: '\e822'; } 
	.criterionIcon-thumbs-up:before { content: '\e823'; } 
	.criterionIcon-clock:before { content: '\e824'; } 
	.criterionIcon-award:before { content: '\e825'; } 
	.criterionIcona-award:after { content: '\e825'; } 
    .criterionIcon-chartline:before { content: '\e81a'; } 
    .criterionIcon-check:before { content: '\e800'; }
    .criterionIcon-chartarea:before { content: '\e819'; } 
	
	.multiSelectIcon-search:before { content: '\e814'; } 
	.multiSelectIcon-cancel:before { content: '\e804'; } 

    
	
	div.criteriaRow h2.criteriaTitle{
		font-size:18px;
		font-weight:normal;
		color: #1f419a;
		margin-top:35px;
		margin-left:10px;
		float:left;
		width:80%;
		border:0;
		border-bottom: 1px #1f419a solid;
	}
	span.evidenceShow{
		display:block;
		height:16px;
		width:120px;
		background-color:#1f419a;
		font-size:12px;
		font-weight:700;
		float:right;
		border-bottom-left-radius:12px;
		border-bottom-right-radius:12px;
		color:#FFF;
		text-align:center;
		margin-top:-16px;
		margin-right:24px;
		cursor:pointer;
	}
	
	span.evidenceShow span.hide{
		display:none;
		}
	
	span.blueButton{
		display:block;
		height:16px;
		background-color:#1f419a;
		font-size:12px;
		font-weight:700;
		border-radius:12px;
		color:#FFF;
		text-align:center;
		float:left;
		padding-left:10px;
		padding-right:10px;
		margin-right:12px;
	}
	
     a.evidenceLink:hover{
       text-decoration:none;
      }
      
       a.evidenceLink span.addEvidence:hover{
       color:#3333ff;
      }
    
	span.addEvidence{
		display:block;
		font-size:18px;
		font-weight:700;
		color:#999;
		text-align:center;
	}
    
     span.addEvidence:before{
      font-family: "fontello";
	  font-style: normal;
	  font-weight: normal; 
   	  font-size: 32px;
      margin-right:5px;
      content: '\E826'; }

	span.editEvidence{
		display:block; 
		top:0; 
		right:0; 
		position:absolute;
		display:block;
		height:14px;
		width:60px;
		background-color:#CCC;
		font-size:10px;
		font-weight:700;
		float:right;
		border-bottom-left-radius:12px;
		color:#FFF;
		text-align:center;
		margin-top:0px;
		margin-right:0px;
	}
	span.editEvidence:hover{
		background-color:#999;
	}
	
	span.evidenceTitle{
		display:block;
		font-size:14px;
		font-weight:normal;
		text-align:center;
		color:#4f5051;
	}
	span.evidenceDate{
		display:block;
		font-size:10px;
		margin-bottom: 10px;
		margin-top: 2px;
		font-weight:normal;
		text-align:center;
		color:#4f5051;
	}
	
	[class^="docIcons-"]:before, [class*=" docIcons-"]:before {
	  font-family: "fontello";
	  font-style: normal;
	  font-weight: normal;
	  font-size:68px;
	  speak: none;
	  display: inline-block;
	  text-decoration: inherit;
	  font-variant: normal;
	  text-transform: none;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  line-height:68px;
	  margin-bottom:10px;
	}
	
	.docIcons-pdf:before{ 
		content: '\e815'; 
		color:#b91a04;
		}
	.docIcons-powerPoint:before{ 
		content: '\e817'; 
		color:#e77f10;
		}
	.docIcons-word:before{ 
		content: '\e816'; 
		color:#1f419a;
		}
	.docIcons-doc:before{ 
		content: '\e81b'; 
		color:#5d5b6b;
		}
	.docIcons-image:before{ 
		content: '\e80f'; 
		color:#5d5b6b;
		}
	.docIcons-excel:before { 
		content: '\e818'; 
		color:#2c8134;
		}
		
	.programReviewProgressBar{
		/* Reset the default appearance */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
  
		/* Get rid of default border in Firefox. */
		border: none;
	  
		 /* Dimensions */
		width: 250px;
		height: 20px;
		background-color: #eee;
		border-radius: 2px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
		float:right;
		animation: animate-stripes 5s linear infinite;
		position:relative;
	}
	
	progress[value] {
		color:#0064b4; /*Style for IE */
	}
	
	/*Style for Safari / Chrome*/
	progress[value]::-webkit-progress-bar {
		background-color: #eee;
		border-radius: 2px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18) inset;
	}
	/*Style for Safari / Chrome*/
	progress[value]::-webkit-progress-value{
		background:#0064b4;
	}
	
	/*Style for FireFox */
	progress::-moz-progress-bar {
	  background-color: #0064b4;
	}
	/*Style for IE */
	progress::-ms-fill {
		border: none;
	}

	span.progressValue{
	  display:block;
	  float:right;
	  font-size:14px;
	  color:#666;
}
	span.progressStep{
	  display:block;
	  float:right;
	  font-size:11px;
	  margin-top:3px;
	  color:#8b8989;
}

div.qmMessageBox [class^="icon-"]before, div.qmMessageBox [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
div.qmMessageBox span.icon-success:before { 
	content: '\e800';
	font-size:36px;
	color:#72a664;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
} 

div.qmMessageBox span.icon-error:before { 
	content: '\e804'; 
	font-size:36px;
	color:#E74C3C;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
	} 

div.qmMessageBox{
	padding:15px 10px;
	border:1px solid #eee;
	border-top:0;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0px 2px 7px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 7px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 7px -5px rgba(0,0,0,0.75);
}
div.qmMessageBox p{
	font-weight:bold;
	color:#333;
}

div.qmMessage-error {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #E74C3C;
   color:#E74C3C;
   font-size:24px;
   font-weight:bold;
   line-height: 0.1em;
   margin: 10px 0 12px;
} 

div.qmMessage-error span.message { 
    background:#fff;
    padding:0 10px;
	color:#E74C3C;
}

div.qmMessage-success {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #72a664;
   color:#360;
   font-size:24px;
   font-weight:bold;
   line-height: 0.1em;
   margin: 10px 0 20px;
} 

div.qmMessage-success span.message { 
    background:#fff;
    padding:0 10px;
	color:#408e2a;
}
	
	@media 
	only screen and (max-width: 1020px)  {
		table.dspTable tr th, table.dspTable tr td {
			padding:8px;
		}
		
		}