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

/*--------------------------------Universal-------------------------*/

/*---------------------------------body----------------------------*/
.wrapper
{
	left: 5%;
	min-height: 53em;
	max-width: 90%;
	padding: 1%;
	background-color: #fed;
	position: relative;
}
.CGBody /* a light grey background inside the wrapper*/
{
	position: relative;
	background-color:#BCD;
	width: 100%;
	height: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.header
{
	height: 5.625em;
	width: 98%;
	background-color: #003366;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
h1
{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 2.4em;
}
/*--------------------------------end body------------------------- */

/*--------------------------------Index Page------------------------*/
.logo
{
	position: absolute;
	left: 1em;
	top: -0.2em;
	cursor: pointer;
	z-index: 99;
}
.excellence
{
	position:absolute;
	right: 0.5em;
	top: 0.5em;
}
.headerSearchText
{
	position: absolute;
	right: 3em;
	margin-top: .5em;
	padding: 0.1em;
	text-align: left;
	font-size: 0.75em;
	width: 40%;
	height: 1.2em;
	color: #036;
	background-color: #FFF;
	border: #003366 solid 0.25px;
	border-radius: 3px;
}
/*--------------------------------menu bar on Index--------------------------*/
#menu-bar {
  width: 99%;
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 4px 6px;
  height: 1.8em;
  line-height: 100%;
  position:relative;
  z-index:3;
}
#menu-bar li {
  margin: 0px 0px 6px 0px;
  padding: 0px 6px 0px 6px;
  float: left;
  position: relative;
  list-style: none;
  cursor: pointer;
}
#menu-bar a {
  font-weight: bold;
  font-family: arial;
  font-style: normal;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 6px 20px 6px 20px;
  margin: 0;
  margin-bottom: 6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 2px 2px 3px #000000;
  cursor: pointer;
}
.noDisplay
{
	display: none;
}

#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a, #menu-bar li:hover > a {
  background: #CCCCCC;
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#menu-bar ul a:hover {
  background: #225588 !important;
  color: #FFFFFF !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
  cursor: pointer;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul {
  background: #DDDDDD;
  display: none;
  margin: 0;
  padding: 0;
  width: 128px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 0px 10px 10px;
  color:#003366 !important;
  font-size:11px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
  cursor: pointer;
}
#menu-bar ul li:first-child > a {
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
#menu-bar ul li:last-child > a {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}
/*---------------------------------end of menu------------------------------*/

/*---------------------------------main content------------------------------*/
.indexContent
{
	position: absolute;
	top: 8.5em;
	min-height: 40.6em;
	min-width: 98%;
	text-align: left;
	border-radius: 20px;
	background-color: #eeeeee;
}
.encounterHeaderButtons
{
	float: right;
	margin-top: 1em;
}

.introduction
{
	min-height: 96%;
	margin: 0.3em 0.3em 0.3em 0.3em;
	background-color: #fff;
	min-width: 98%;
	color: #000000;
}
.optionSearchText
{
	text-align: left;
	font-size: 0.8em;
	width: 95%;
	height: 1.0em;
	color: #036;
	background-color: #fff;
	padding: 0.1em;
}
/*hidden text is for jquery autocomplete */
.hiddenSearchText
{
	width: 20em;
}
.headerUserBar
{
	float: right;
	width: 85%;
	margin-top: 3em;
	margin-right: 0.6em;
	height: 2em;
}
.reviewheaderUserBar
{
	float: left;
	width: 98%;
	margin-top: 3.2em;
	padding: 0.3125em;
	background-color:#440000;
	height: 1.5em;
}
.headerRegister
{
	float: right;
	margin-right: 0.625em;
	color: #ffffff;
	font-size: 0.8em;
	padding: 0.3125em;
	display: block;
	border-radius: 5px;
	width: 4em;
	cursor: pointer;
}
.headerRegister:hover
{
	background-color:#aaaaaa;
	cursor: pointer;
	color: #003366;
}
.mystuff
{
	float: right;
	margin-right: 0.625em;
	color: #ffffff;
	font-size: 0.8em;
	padding: 0.3125em;
	cursor: pointer;
	width: 4em;
	display: none;
}
.mystuff:hover
{
	border-radius:5px;
	background-color: #aaaaaa;
	color: #003366;
}
.mystuff-displayed
{
	display: inline-block;
}
.logout
{
	float: right;
	margin-right: 0.625em;
	color: #ffffff;
	font-size: 0.8em;
	padding: 0.3125em;
	display: block;
	cursor: pointer;
	min-width: 3em;
}
.logout:hover
{
	border-radius:5px;
	background-color: #aaaaaa;
	color: #003366;
}
.navigationSearch
{
	float: right;
	margin-right: 0.625em;
	color: #ffffff;
	font-size: 0.8em;
	padding: 0.3125em;
	display: block;
	cursor: pointer;
	width: 6em;
}
.navigationSearch:hover
{
	border-radius:5px;
	background-color: #aaaaaa;
	color: #003366;
}


.mainDiv{
	float: left;
	width: 74%;
	margin-left: 0.3em;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	height: 25em;
	background-color: #6699CC;
}
.my-slider
{
	width: 98%;
	height: 98%;
}
.sliderImage
{
	height: 90%;
	border-radius: 7em;
	float: left;
	overflow: hidden;
}
.sliderDivAuthor
{
	float: left;
	width: 22%;
	height: 90%;
	color: #663300;
	font-size: 1em;
	padding-right: 2em;
	line-height: 2em;
}
.sliderDivReviewer
{
	float: left;
	width: 22%;
	height: 80%;
	color: #663300;
	font-size: 1em;
	padding-left: 2em;
	line-height: 2em;;
}
.sliderDivStudent
{
	float: left;
	width: 22%;
	height: 90%;
	color: #663300;
	font-size: 1em;
	padding-left: 2em;
	line-height: 2em;
}
.sliderDivInstitution
{
	float: left;
	width: 22%;
	height: 90%;
	color: #663300;
	font-size: 1em;
	padding-right: 2em;
	line-height: 2em;
}

.rightDiv{
	float: left;
	margin-left:0.6em;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 24%;
	height: 25em;
	background-color: #999;
	text-align: center;
	vertical-align: middle;
}
.centerTitle{
	float: left;
	width: 98%;
	text-align: center;
	color: #660000;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	background-color: #ffffff;
	font-size: 1.5em;
	margin-left: 0.3em;
	margin-top: 0.6em;
	padding-top: 0.4em;
}
.smallIndexDiv
{
	width: 23%;
	float: left;
	margin: 0.3em 0.71em 0em 0.34em;
	border: #003366 solid 0.5px;
	border-radius: 5px;
	height: 13em;
	background-color: #ffffff;
}
.smallDivTitle
{
	text-align: center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1em;
	width: 96%;
	height: 2em;
	margin: auto;
	margin-top: 0.3em;
	background-color: #663300;
	border-radius: 2px;
	padding-top: 0.6em;
	color: #EEEEEE;
}
.smallDivListItem{
	color: #003366;
	cursor: pointer;
	font-size: 1em;
}
.smallDivListItem:hover
{
	color: #777777;
}
.not-active {
   pointer-events: none;
   cursor: default;
   color: #777777;
}

.reviewtext
{
	position: absolute;
	left: 6em;
	font-size: 3em;
	color: #ffffff;
}


/*---------------------------end header ------------------------------------- */

/*---------------------------footer---------------------------------------*/
/*Footer has a gradient background from the Colorzilla gradient generator */
.footer
{
    position: absolute;
	bottom: 0.1em;
	min-height: 2em;
	vertical-align: middle;
	padding-left: 0.2em;
	padding-top: 0.2em;
	margin-top: 0.3em;
	
}
.footerlinks
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663300;
	margin-left: 0.312em;
	margin-right: 0.312em;
}
.footerlinks:hover
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	margin-left: 0.312em;
	margin-right: 0.312em;
	background: #aaaaaa;
	cursor: pointer;
}

/*---------------------------end footer-------------------------------------*/

/*-------------------------------start dialog login----------------------*/
.loginDiv
{
	height: 12em;
	width: 4em; 
	font-size: 0.8em; 
	padding: 0.6em;
	border-radius: 20px;
	display: none;
}
.login
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #663300;
	margin-left: 0.312em;
	margin-right: 0.625em;
	margin-top: 0.625em;
	float: right;
	width: 30%;
	height: 1.5em;
	padding: 0.3125em;
	text-align: center;
	cursor: pointer;
}
.login:hover
{
	border-radius: 5px;
	background-color:#aaaaaa;
	color: #003366;
}

.dialogTitle .ui-dialog-titlebar
{
	height: 1.5em;
	color: #003366;
	font-size: 1em;
}

/*-----------------End of login--------------------------------------------*/

/* ---------------Registration and Index Navigation content----------------*/

.learnerNav
{
	width: 25%;
	text-align: center;
	border-radius: 20px;
	border: #036 solid 0.25px;
	min-height: 42em;
	position: relative;
	color: #003366;
	float: left;
}

.reviewerDiv
{
	display: none;
}
.boardDiv
{
	display: none;
}

.userRegistration
{
	border-radius: 20px;
	background-color: #efefef;
	display: none;
	font-size: 0.8em;
	height: 19em;
	width: 19em;
}
.registrationForms
{
	color: #000033;
	text-align: center;
	margin-top: 1em;
	font-size: 0.9em;
}
.loginLabelInputDiv
{
	width: 98%;
	height: 0.8em;
}
.userRegistrationInput
{ 
	width: 80%;
	border-style:inset;
	border-radius: 3px;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	float: left;
	font-size: 0.8em;
}
.registrationInputLabel
{
	color: 003366;
	margin-left:0.625em;
	margin-bottom: 0.625em;
	width: 30%;;
	text-align:left;
	float: left;
	font-size: 0.8 em;
}
.registrationInput
{ 
	width: 60%;
	border-style:inset;
	border-radius: 3px;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	float: right;
	font-size: 0.8em;
}
.reviewer
{
	float: left;
}
.reviewerLabel
{
	color: 003366;
	margin-left:0.625em;
	margin-bottom: 0.625em;
	width: 20%;
	float: left;
}
.reviewerBiosketchDiv
{
	float: left;
	margin-left: 0.6em;
	min-width: 98%;
	height: 25em;
	background-color: #eee;
	border-top: thin #663300 solid;
	color: #036;
	margin-top: 0.6em;
	padding-top: 0.6em;
}
.reviewerBiosketch
{
	float:left;
	min-width: 98%;
	height: 22.5em;
	margin-left: 0.3em;
	margin-top: 1em;
	background-color: #fff;
	overflow: scroll;
}
.saveUser
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #003366;
	margin-right: 0.325em;
	margin-top: 0.625em;
	float: right;
	width: 40%;
	height: 1.3em;
	text-align: center;
}
.saveUser:hover
{
	color: #003366;
	cursor: pointer;
	background-color: #aaaaaa;
	border-radius: 5px;
}

.notActive
{
	color: #aaa;
}
.searchResultsDiv
{
	width: 40%;
	background-color: #efefef;
	border: #003366 solid 0.5px;
	border-radius: 0.625em;
	position: relative;
	margin: auto;
	display: none;
	text-align:left;
	padding: 0.3em;
}
.available
{
	text-align: center;
	height: 2em;
}
.createAuthorTeamDiv
{
	float: left;
	margin-left: 0.1em;
	margin-top: 0.3em;
	padding: 0.2em;
	width: 95%;
	border-radius: 0.625em;
	background-color: #efefef;
	display: none;
}
.authorTeamName
{
	width: 98%;
	font-size: 0.75em;
	border-radius: 0.3125em;
}
.notUnique
{
	float: left;
	color: #990000;
	font-weight: bold;
	font-size: 0.8em;
	display: none;
}
.caseListDiv
{
	float: left;
	margin-top:0.6em;
	border: #660000 solid thin;
	border-radius: .375em;
	display: none;
}
.caseList
{
	
  	border: #aaa thin solid;
	max-height: 10em;
	overflow: hidden;
	overflow-y: scroll;
	text-align: left;
	display: inline-block;
	cursor: pointer;
	font-size: 0.9em;	
	width: 95%;
	margin-left: 0.6em;
}

.authorsList
{
	
  	border: #aaa thin solid;
	max-height: 10em;
	overflow: hidden;
	overflow-y: scroll;
	text-align: left;
	display: inline-block;
	cursor: pointer;
}
.authorCaseTeams
{
	float: left;
	margin-left: 0.3em;
	margin-top: 0.3em;
	padding: 0.2em;
	width: 99%;
	border-radius: 0.625em;
	border: #CCC thin solid;
	background-color: #efefef;
	display: none;
	text-align: left;
}
.authorCaseDiv
{
	margin-top: 0.3em;
	max-height: 10em;
	background-color: #efefef;
	width: 99%;
	margin-left: 1em;
	padding: 0.3em;
	border-radius: 0.3125em;
}
.authorNameText
{
	width: 90%;
	height: 1.2em;
	font-size: 0.8em;
	margin: 0.3em;
	border-radius: 0.3125em;
}
.editGroupsDiv
{
float: left;
margin-top: 0.6em;
background-color: #efefef;
border-radius: 0.625em;
display: none;
width: 99%;
max-height: 10em;
}
.editGroupListDiv
{  
  float: left;
  margin-top:0.6em;
  border: #660000 solid thin;
  border-radius: .375em;
  background-color: #efefef;
  width: 99%;
  overflow: hidden;
  overflow-y: scroll;
  display: inline-block;
}
.groupsList
{
  float: left;
  margin-top:0.3em;
  padding: 0.3em;
  font-size: 0.8em;
  background-color: #fff;
  border: #aaa thin solid;
  text-align: left;
  border-radius: .375em;
  width: 80%;
  overflow: hidden;
  overflow-y: scroll;
  display: inline-block;
  cursor: pointer;
}
.editAuthorsGroupListDiv
{
  float: left;
  margin-top:0.6em;
  border: #660000 solid thin;
  border-radius: .375em;
  background-color: #efefef;
  width: 95%;
  overflow: hidden;
  overflow-y: scroll;
  display: none;
}
.caseTitleSpan
{
	margin: 0.3em;
	width: 95%;
	overflow: visible;
}
.editAuthorsList
{
  float: left;
  margin-top:0.3em;
  padding: 0.3em;
  background-color: #fff;
  border: #aaa thin solid;
  border-radius: .375em;
  width: 95%;
  overflow: hidden;
  overflow-y: scroll;
  display: inline-block;
  cursor: pointer;
}

.success
{
	border: #003366 medium solid;
	padding: 0.625em;
	border-radius: 0.625em;
	display: none;
	margin-top: auto;
	margin-bottom: auto;
	background-color: #DDD;
}
.authorRegistration
{
	padding: 1.25em 0em 0em 0em;
	height: 42em;
	width: 40em;
	display: block;
	border: #663300 thin solid;
	border-radius: 1.25em;
	background-color: #efefef;
	margin: auto;
	color: #036;
}
.authorRegistrationLabel
{
	float: none;
	margin:auto;
	margin-bottom: 0.6em;
	width: 90%;
	height: 1.3em;
	text-align: center;
	font-size: 1em;
}
.authorLabelInputDyad
{
	float: left;
	width: 100%;
}
.authorFunctionDiv
{
	float: left;
	margin-left: 5em;
}
.authorFunctionDivLabel
{
	font-size: 1em;
	float: left;
	margin-top: 1em;
	margin-left: 0.6em;
	text-align: left;
	width: 100%;
}
.authorFunction
{
	font-size: 0.8em;
}
.authorRadioButton
{
	width: 100%;
	float: left;
}
.registerbutton
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663300;
	margin-left: 0.3em;
	margin-right: 0.3em;
	float: right;
	width: 10%;
	height: 1.5em;
	padding: 0.3em;
	text-align: center;
	box-shadow: #aaa 2px 2px 2px;
	border-radius: 5px;
}
.registerbutton:hover
{
	color: #003366;
	cursor: pointer;
	background-color: #dddddd;
}
.saveDiv
{
	width: 40em;
	margin: auto;
	margin-top: 0.3em;
	height: 2em;
}
/* ----------------------------end main content --------------------------- */

/*-----------------------------start top navigation for encounters-----------------------*/
.topNav
{
	float: left;
    margin: 1em auto 0 auto;
    padding: 0.1em;
    position: relative;
	min-width: 100%;
	background-color:#EEE;
}

.groupDiv
{
	float: left;
	margin-left: 2em;
	width: 20em;
	height: 32em;
	border: #663300;
	display: none;
}
.encounterNav{
	float: left;
	padding: 0.3em;
	color: #663300;
	width: 8%;
	text-align: center;
	font:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	border-top-right-radius: 5px;
    border-top:#AAAAAA solid 0.5px;
    border-right:#AAAAAA solid 0.5px;
    box-shadow: 2px 2px 2px #DDDDDD;
	cursor: pointer;
	margin-left: 0.2em;
}
.encounterNav:hover
{
	background-color: #AAAAAA;
	color: #003366;
}

.encounterNavSelected
{
	color: #036;
	background-color: #FFFFFF;
	text-align: center;
	font:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	border-top-left-radius: 5px;
	box-shadow: 3px 3px 4px #CCCCCC;
    border-left:#AAAAAA solid 0.5px;
    margin-left: 4px;
    margin-right: 4px;
	width: 9%;
	height: 1.6em;
}
.noshow{
	display: none;
}
.encountersNav
{
	float: left;
	text-align: left;
	vertical-align: middle;
	height: 1.2em;
	margin-left: 1em;
	padding: 0.1em;
}
.encounterLabel
{
	font-size: 0.9em;
	color: #003366;
	margin-right: 0.3em;
	float: right;
}
.leftarrow
{
	float:right;
    cursor: pointer;
	margin-right: 0.3em;
}
.rightarrow
{
	float:right;
    cursor: pointer;
	margin-right: 0.3em;
}
.encounterNumber
{
	float: left;
	margin-left: 1em;
	border: #036 thin solid;
	display: none;
}
.tabSeparator
    {float: left;
    padding-left: 10px;
    padding-right: 10px;
}	
.done
{
	float: right;
	font-size: 0.8em;
	color: #630;
	cursor: pointer;
	margin: auto 0.6em;
	min-width: 4em;
	border-radius: 4px;
	box-shadow: 2px 2px #AAA;
	text-align: center;
	padding: 0.2em;
}
.done:hover
{
	background-color: #aaa;
	color: #036;
}
    

/* -----------------------------end left navigation -----------------------*/

/*--------------------storyline-------------------*/
.storyLineHeader
{
	width: 99%;
	margin-top: 0.3em;
	float: left;
	background-color:#660000;
	color: #ffffff;
	padding: 0.3em;
	text-align:center;
	display: none;
	border-radius: 5px;
	box-shadow: 2px 2px 1px #AAA;
	cursor: pointer;
}
.storyLineSelect
{
	font-size: 1em;
	color: #fff;
	cursor: pointer;
	margin: auto;
	width: 30%;
	text-decoration: underline;
	margin-top: 0.2em;
	border-radius: 4px;
	text-align: center;
	padding: 0.1em;
	border: #aaa, thin solid;
}
.storyLineSelect:hover
{
	background-color: #aaa;
}

.storyLineSelected
{
	float: left;
	font-size: 1em;
	color: #000;
	cursor: pointer;
	margin: auto;
	width: 98%;
	height: 100%;
	text-decoration: underline;
	margin-top: 0.6em;
	border-radius: 4px;
	text-align: center;
	padding: 0.1em;
	border: #aaa, thin solid;
}

.storyLineNotSelected
{
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	margin: auto;
	width: 98%;
	height: 100%;
	text-decoration: underline;
	margin-top: 0.6em;
	border-radius: 4px;
	text-align: center;
	padding: 0.1em;
	border: #aaa, thin solid;
}
.storylineNotSelectedDiv
{
	float: left;
	width: 49%;
	height: 99%;
	font-weight: bold;
	margin-left: 0.6em;
	background-color: #aaa;
	border-radius: 0.3em;
}

.storylineSelectedDiv
{
	float: left;
	width: 49%;
	height: 99%;
	margin-left: 0.6em;
	background-color: #ccc;
	border-radius: 0.3em;
}

.storyLineDiv
{
	width: 100%;
	max-height: 40em;
	float: left;
	display: none;
	overflow: scroll;
	overflow-style:auto;
	background-color: #E8F0F5;
	border-bottom: #036 thick outset;
}
#storyLineUnselectedList
{
	display: none;
	float: left;
	width: 98%;
	padding: 0.3em;
	height: 40em;
	margin-left: 0.3em;
	overflow-y: scroll;
	overflow-x: none;
}
#storyLineSelectedList
{
	display: none;
	float: left;
	width: 98%;
	padding: 0.3em;
	height: 40em;
	margin-left: 0.3em;
	overflow-y: scroll;
	overflow-x: none;
}
.storyLineSeparator
{
	width: 98%;
	height: 1.5em;
	border-top: #003366 thin solid;
	border-bottom: #003366 thin solid;
	background-color: #cccccc;
	color: #000000;
	padding: 0.3em;
}
.fstoryLineDiv
{
	width: 100%;
	max-height: 20em;
	float: left;
	display: none;
	overflow: scroll;
	overflow-style:auto;
	background-color: #E8F0F5;
	border-bottom: #036 thick outset;
}
.storyLineList
{
	margin-top: 0.6em;
	padding-left: 0.6em;
}
.storyLineImg
{
	cursor: pointer;
}
/*--------------------------------------End of storyline-------------------------------------------------------*/

/*-------------------------------------Encounters and AuthorEncounters contents----------------------------------*/
.content
{
	float:left;
	position: relative;
	min-height: 40.6em;
	min-width: 98%;
	text-align: left;
	padding: 0.625em;
	margin-top: 0.3em;
	border-radius: 20px;
	display: none;
}

.optionsDiv{
	float:left;
	width: 25%;
	height: 40em;
	border: #ccc thin solid;
	position: relative;
	display: none;
	margin-top: 0.6em;
	overflow: scroll;
}
.options{
	list-style-type: none;
	margin: auto;
	min-height: 37em;
	padding-left: 0.3em;
	width: 96%;
}
.forum
{
	list-style-type: none;
	margin: auto;
	padding-left: 0.3em;
	width: 96%;
}
.forumTitleSpan
{
	color: #036;
	margin-left: 0.3125em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	margin-top: 0.3125em;
	border: #aaa thin solid;
	border-radius: 5px;
	box-shadow:#ccc 3px 3px;
	padding: 0.1em;
	cursor: pointer;
}
.forumTitleSpan:hover
{
	background-color: #aaa;
}

.autoCompleteDiv
{
	display: none;
}
.optionsDisabled
{
	opacity: 0.3;
}
#optionList li 
{
margin: 0 0.1875em 0.1875em 0.1875em; 
padding: 0.2em;
min-height: 3.4em; 
}
.trash
{
	float: right;
	margin-right: 0.6em;
}
.optionTrash
{
	float: right;
	margin-right: 0.6em;
	display: none;
}
.newoption
{
	float: right;
	margin-right: 0.3em;
	margin-top: auto;
	margin-bottom: auto;
}
.newoption:hover
{
	background-color: #aaa;
	cursor: pointer;
}
.newoptionselected
{
	border-color: #600 inset 2px;
}
.deleteOption
{
	float: right;
	margin-right: 0.3em;
}
.deleteImg
{
	float: right;
	margin-right: 0.6em;
	margin-top: 0.6em;
}
.deleteImg:hover
{
	background-color: #aaa;
}
.dataAutocompleteDiv
{
	width: 75%;
	float: left;
	margin-top: 0.3em;
}
.keywordsDiv{
	max-width: 50%;
	padding: 0.3em;
	backgroundcolor: #fff;
	color: #036;
	font-size: 0.9em;
}
.vignetteDiv{
	margin: auto;
	width: 98%;
	min-height: 35em;
	border-radius: 10px;
	border: #ccc thin solid;
	display: block;
	background-color: #CCC;
	color: #000;
	margin-top: 0.6em;
	padding-left: 0.6em;
}
.introDiv{
	margin: auto;
	width: 98%;
	min-height: 98%;
	border-radius: 10px;
	border: #ccc thin solid;
	display: none;
	background-color: #CCC;
}
.optionDiv{
	float: left;
	margin-left: 0.3em;
	margin-top: 0.3em;
	padding: 0.2em;
	width: 75%;
	border-radius: 10px;
	border: #CCC thin solid;
	display: none;
	position: relative;
}
.keywords
{
	width: 22%;
	background-color: #fff;
	overflow: scroll;
}

.option{
	min-height: 3em;
	background-color: #fff;
	width: 72%;
	margin-left: 1%;
	padding: 0.3em;
	border-radius: 5px;
}
.resultDiv{
	float:left;
	width: 75%;
	margin-left: 0.3em;
	margin-top: 0.3em;
	border-radius: 10px;
	border: #ccc thin solid;
	display: none;
	padding: 0.2em;
	position: relative;
}
.result{
	min-height: 3em;
	margin-left: 1%;
	background-color: #fff;
	padding: 0.3em;
	display: none;
	width: 98%;
}
.resultTitleDiv
{
	height: 5em;
	width: 98%;
	font-size: 0.9em;
	border-radius:10px;
	padding: 0.1em;
	margin-left: 0.1em;
}
.probddxDiv{
	float: right;
	width: 22%;
	padding-left: 0.1em;
	margin-left: 0.3em;
	border-left:#660000 medium solid;
}
.ddxlistDiv{
	float: right;
	background-color: #DDD;
	color:#003366;
	margin-top: 0.3em;
	margin-right: 0.3em;
	min-height: 13em;
	width: 95%;
	border-radius: 10px;
}
.problistDiv{
	float: right;
	background-color: #DDD;
	color:#003366;
	margin-top: 0.3em;
	margin-right: 0.3em;
	min-height: 13em;
	width: 95%;
	border-radius: 10px;
}
.ddxSeparator
{
	float: left;
	width: 4%;
	height: 19em;
	margin-top: 0.625em;
	background: center no-repeat url(/web/20160403152845im_/http://clinicalgestalt.org/CSS/images/ArrowRight.png);
}

.ddxauthorlistDiv{
float: left;
background-color: #DDD;
	color:#003366;
	margin-left: 0.625em;
	min-height: 9em;
	width: 48%;
	border-radius: 10px;
}
.authorddxcritiqueDiv{
float: left;
width: 96%;
min-height: 17em;
margin-top: 0.625em;
margin-left: 0.675em;
background-color: #DDD;
position: relative;
border-radius: 10px;
}
.ddxlist {
list-style-type: none;
margin: 0.3em;
min-height: 8em;
font-size: 0.8em; 
padding: 0em;
width: 95%;
background-color:#FFF;
}
.zeDDxlist {
background: center no-repeat url(/web/20160403152845im_/http://clinicalgestalt.org/CSS/images/zebra.png);
}

.ddxlist li 
{
margin: 0 0.1875em 0.1875em 0.1875em; 
padding: 0.2em; 
padding-left: 1.5em;
height: 1em;
color: #fff;
cursor: pointer;
}
.ddxlist li span 
{position: absolute; 
margin-left: -1.3em;
}

.ddxDelete
{
	overflow: hidden;
	margin-right: 0.3em;
	background: url(/web/20160403152845im_/http://clinicalgestalt.org/CSS/images/trash.gif) 0 50% no-repeat;
	width: 96%;
	max-height: 25px;
}
.ddxtext{
	width: 75%;
	height: 1.2em;
	font-size: 0.8em;
	margin: 0.3em;
	border-radius: 5px;
}
.ddxCritiqueDiv{
float: left;
width: 75%;
min-height: 17em;
margin-top: 0.625em;
background-color: #DDD;
position: relative;
border-radius: 10px;
}
/*addBtn has a gradient from Colorzilla Gradient Generator*/
.addBtn{
	display: inline;
	cursor: pointer;
	width: 10%;
	font-size: 1.2em;
	margin: 0.3em;
	font-weight: bold;
	text-align: center;
	color: #036;
	border-radius: 5px;
}
.addBtn:hover{
	background-color: #aaa;
}
.ddxcontent{
margin-top: 0.625em;
	margin-left: 0.3em;
	width: 18em;
	}
	
/*titleDiv has a gradient from Colorzilla Gradient Generator*/
.titleDiv{
	height: 1.7em;
	width: 98%;
	font-size: 0.9em;
	border-radius:10px;
	padding: 0.1em;
	margin-left: 0.1em;
}
.problemTitleDiv{
	height: 1.7em;
	width: 98%;
	font-size: 0.9em;
	border-radius:10px;
	background-color: #600;
	padding: 0.1em;
	margin-top: 0.1em;
	margin-right: auto;
	margin-bottom: 0.1em;
	margin-left: auto;
}
.titleSpan{
	color: #036;
	margin-left: 0.3125em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	margin-top: 0.3125em;
}
.problemTitleSpan{
color: #fff;
	margin-left: 0.3125em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	position: absolute;
	margin-top: 0.3125em;
}
.titleSpan-notitle
{
	color: #C30;
}
.stars
{
	float: left;
	margin-left: .2em;
}
.searchInstructions
{
	width: 99%;
	background-color: #DDD;
	padding: 2px;
	border-radius: 5px;
	margin-bottom: 0.2em;
	border: #fff thin solid;
}
/*optionSelectDiv has a gradient from Colorzilla Gradient Generator*/
.optionSelectDiv{
	min-height:1.5em;
	font-size: 0.8em;
	border: #003366 thin solid;
	border-radius: 10px;
	color: #036;
	font-weight: bold;
	vertical-align: middle;
	display: block;
	margin: 0.3em;
	padding: 0.2em 0.2em 0.2em 0.6em;
	background: rgb(235,241,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWJmMWY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjYWJkM2VlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjODljM2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZWJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 65%, rgba(137,195,235,1) 66%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(65%,rgba(171,211,238,1)), color-stop(66%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.optionSelectedDiv
{
	display: none;
}
.innerborder{
	margin: 0.3125em;
	border: #fff medium solid;
	position: relative;
	border-radius: 8px;
}
.select{
	float: right;
	font-size: 0.9em;
	color: #630;
	cursor: pointer;
	margin: auto 0.6em;
	min-width: 4em;
	border-radius: 4px;
	box-shadow: 2px 2px 1px #AAA;
	text-align: center;
	padding: 0.1em;
}
.select:hover{
background-color: #aaa;
	color: #036;
}
.selectnovis
{
	float: right;
	font-size: 0.9em;
	color: #630;
	cursor: pointer;
	margin: auto 0.6em;
	min-width: 4em;
	border-radius: 4px;
	border: #999 0.5px solid;
	box-shadow: 2px 2px 1px #AAA;
	text-align: center;
	padding: 0.1em;
	display: none;
}
.selectnovis:hover
{
	background-color: #aaa;
	color: #036;
}
.selectleft{
	float: left;
	font-size: 0.9em;
	color: #630;
	cursor: pointer;
	margin: auto 0.6em;
	min-width: 4em;
	border-radius: 4px;
	border: #999 0.5px solid;
	box-shadow: 2px 2px 1px #AAA;
	text-align: center;
	padding: 0.1em;
}
.selectleft:hover{
	background-color: #aaa;
	color: #036;
}
.required
{
	float: left;
	margin-left: 0.3125em;
	margin-top: 0.125em;
	cursor: pointer;
	display: none;
}

.optionContent
{
	margin: 0.625em 0.3em;
	background-color: #fff;
	padding: 0.6em;
	color: #000;
	min-height: 30em;
}

.wiki
{
	margin: 0.625em 0.3em;
	min-height: 45%;
	position: relative;
	background-color: #fff;
	display: none;
	padding: 0.6em;
	border-radius: 10px;
	color: #036;
}

.videoDiv
{
	display: block; 
	height: 45em; 
	width: 67.5em;
}
.ddxcritique
{
	background-color: #fff;
	margin:0.3em;
	min-height: 12em;
	min-width: 26.5em;
}
.myPatient
{
	float: right;
	margin-right: 0.625em;
	cursor: pointer;
}
.autitleDiv{
float:left;
	margin-left: 0.625em;
	margin-top: 0.625em;
	width: 18.175em;
	border-radius: 5px;
	background-color: #666;
	min-height: 10em;
}
.auTitle{
padding: 0.125em;
}
.auavatarDiv{
float: left;
	margin-top: 0.625em;
	margin-left: 0.625em;
	width: 28.5em;
	min-height: 14em;
	border-radius: 10px;
	border: #ccc thin solid;
	display: block;
	background-color: #666
}
.avatarOptionSelectDiv
{
	min-height:1.5em;
	width: 90%;
	font-size: 0.8em;
	border: #003366 thin solid;
	border-radius: 10px;
	color: #003366;
	font-weight: bold;
	vertical-align: middle;
	display: block;
	margin: 0.3em auto 0.6em auto;
	padding: 0.2em 0.2em 0.2em 0.6em;
	background: rgb(235,241,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWJmMWY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjYWJkM2VlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjODljM2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZWJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 65%, rgba(137,195,235,1) 66%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(65%,rgba(171,211,238,1)), color-stop(66%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 65%,rgba(137,195,235,1) 66%,rgba(213,235,251,1) 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.avatarImages{
padding-top: 0.625em;
	height: 10.6em;
}
.individualavatarDiv{
width: 8.8em;
	height: 10.5em;
	position: relative;
	float:left;
	margin-left: 0.2em;
}
.avatarImg{
border: #fff thin solid;
}
.avatarSelect{
	margin-left: 1.1em;
}
.avatarTitle{
	color: #036;
	float: right;
	margin-right: 0.625em;
}
.avatarCheckbox{
	float: right;
	margin-top: 0.2em;
	margin-right: 0.3em;
}
.auintroductionDiv{
float: left;
	margin-left: 0.625em;
	margin-top: 0.625em;
	min-height: 22em;
	min-width: 98%;
	border-radius: 10px;
	border: #ccc thin solid;
	display: block;
	background-color: #666;
}

.auoption
{
	margin: 0.3em 0.3em 0.3em 0.3em;
	min-height: 2.5em;
	background-color: #fff;
	width: 95%;
}
.aukeywords
{
	margin: 0.3em 0.3em 0.3em 0.3em;
	min-height: 1.5em;
	background-color: #fff;
	width: 95%;
}
.auencorderDiv{
float: left;
	margin-top: 0.625em;
	margin-left: 0.625em;
	height: 10.625em;
	width: 25.9375em;
	background-color: #666;
	border-radius: 10px;
	border: #ccc thin solid;
	display: block;
}
.auencounternumber{
background-color: #fff;
	margin:0.3em;
	padding: 0.3em;
}
.auclinicalvignetteDiv{
float: left;
	margin-top: 0.625em;
	margin-left: 0.625em;
	min-height: 98%;
	min-width: 98%;
	border-radius: 10px;
	background-color: #666;
	border: #ccc thin solid;
	display: block;
}
.auencounterRadioButtonLabels
{
  font-size: 0.9em;
}
.autitleText{
	width: 95%;
	font-size: 0.9em;
	color: #666;
	margin: 0.3em 0.3em 3em 0.3em;;
	min-height: 3.5em;
}
.auradioLabel
{
	color: 036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.auradioButton
{
	cursor: pointer;
	margin-left: 0.6em;
}

.auSummary{
float: left;
	margin: 0.625em auto;
	min-width: 98%;
	min-height: 22em;
	border-radius: 10px;
	background-color: #666;
	border: #ccc thin solid;
}

.warningDiv{
border: #660000 medium solid;
	padding: 0.625em;
	border-radius: 10px;
	display: none;
	height: 12.5em;
	width: 12.5em;
	vertical-align: middle;
	z-index: 99;
}
.avatarDiv
{
	position: absolute;
	z-index: 99;
	display: none;
}
.gettingStarted
{
	border: #660000 thin solid;
	padding: 0.625em;
	border-radius: 10px;
	display: none;
	height: 25em;
	width: 25em;
	vertical-align: middle;
	z-index: 99;
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	color: #036;
}
.warningSpan
{
	font-size: 0.9em;
}
.continueWarn
{
	color: #036;
	text-align: center;
	font-size: 0.8em;
	cursor: pointer;
	margin-top: 2em;
}
.continueWarn:hover
{
	border-radius: 5px;
	background-color: #aaa;
}
.thankyouDiv{
border: #003366 medium solid;
	padding: 0.625em;
	border-radius: 0.625em;
	display: none;
	margin-top: auto;
	margin-bottom: auto;
	background-color: #DDD;
}
/*------------------------end encounter and author encounter content-----------------------------*/

/*------------------------adding procedural costs--------------------------*/
.procBody
{
	height: 3em;
	background-color: #036;
	padding: 1em;
}
.procContent
{
	width: 98%;
	border: #aaa thin solid;
	border-radius: 10px;
	height: 2.7em;
	padding-top: 0.6em;
}
.procname
{
	margin-left: 0.6em;
	float: left;
	width: 30%;
	background-color: #036;
}
.proccost
{
	margin-left: 0.6em;
	float: left;
	width: 30%;
	background-color: #036;
}
.addproc
{
	float: left;
	width: 7%;
	color: #036;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
}
.addproc:hover
{
	background-color: #aaa;
}
.reviewerEvaluation
{
	width: 98%;
	height: 25%;
	margin-bottom: 0.625em;
}
.reviewerNumbers
{
	float: left;
	width: 50%;
	margin: 0.625em;
	background-color: #efefef;
	border-radius: 0.3125em;
}
.reviewerEvalLabel
{
	display: inline-block;
	width: 75%;
	margin: 0.3em;
}
.reviewerRange
{
	margin-left: 0.3125em;
	display: inline-block;
	width: 10%;
	border-radius: 0.375em;
	margin: 0.3em;
}
.bottomBorder
{
	border-bottom: #036 solid thin;
}
.reviewerCheck
{
	display: inline-block;
	background-color: #efefef;
	border-radius: 0.3125em;
	width: 40%;
	margin: 0.625em;
}
.reviewCompletedGroup
{
	display: inline-block;
	color: #660000;
	border-top: #660000 solid thin;
	font-weight: bold;
}
.reviewerComments
{
	display: inline-block;
	width: 95%;
	margin: 0.625em
}
.reviewContent
{
	float: left;
	margin-top: 0.625em 0.3em;
	background-color: #fff;
	padding: 0.6em;
	color: #000;
	min-height: 30em;
}
/*------------------------end adding procedural costs--------------------------*/
/*CSS for smart phones
@media only screen and (max-width:480px)
{
}*/

/*
     FILE ARCHIVED ON 15:28:45 Apr 03, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:13:59 Nov 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.789
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.011
  esindex: 0.012
  cdx.remote: 18.303
  LoadShardBlock: 42.4 (3)
  PetaboxLoader3.datanode: 71.166 (4)
  load_resource: 169.594
  PetaboxLoader3.resolve: 119.15
*/