.mybs-docs-example 
{
    position: relative;
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: white;
    border: 1px solid #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mybs-docs-example::after
{
    content: "Instructions";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: whiteSmoke;
    border: 1px solid #000;
    color: #FE2E2E;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

.divModal {
    text-align: center;
    /*position: absolute;
    background-color: white;
    opacity: 1;*/
}

#divIdleWarning {
    z-index: 999;
}

.modal-participant-count {
    color: blue;
}

#tblClues {
  width: 100%;
}

.tdClues {
  width: 100%;
}

.tdGameClues {
  width: 50%;
  vertical-align: top;
}

#tblSolve {
  width: 100%;  
  vertical-align: top;
}

.liClue {
    cursor: grab;
}

.liCluePublic {
    background-color: #99ff99;
    color: #0047b3;
    font-weight: 700;
}

.spnSolveHeader {
  font-size: 22px;
}

.spnClue {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}

.tdSolve {
  //vertical-align: top;
}

.tdSolveSummary {
  font-size: 18px;
  color: #0000ff;
}

.tdSolveSentnce {  
}

.btnSolve {
  margin-left: 20px;
  display: none;
}

.btnContinue {
  margin-left: 20px;
}

.ulSolve {
  list-style: none;
}

.divClues
{
    position: relative;
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: white;
    border: 1px solid #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.divClues::after
{
    content: "Clues";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: whiteSmoke;
    border: 1px solid #000;
    color: #0000ff;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

.divPublicClues::after 
{
    content: "Public Clues";
}

.divPrivateClues::after 
{
    content: "Private Clues";
}

.ulClues {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.liClue {
    width: 33.333%;
    float: left;
}

#chattable{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	background-color:#b0c4de;
}

#footnote{
	font-size: 12px;
    font-weight: bold;
	color: black;
}

#conditiontable{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	background-color:#F2F5A9;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

#descpre
{
	width: 100%;
	background-color:white;
	border-collapse: separate;
    border-spacing: 0;
	font-size: 12px;
	font-family:"Verdana";
	color: black;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	margin-left: auto ;
	margin-right: auto ;
	word-break: normal;
}

.clueBox
{
	width: 100%;
	background-color:white;
	border-collapse: separate;
    border-spacing: 0;
	font-size: 12px;
	font-family:"Verdana";
	color: black;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	margin-left: auto ;
	margin-right: auto ;
	word-break: normal;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#inspre
{
	font-size: 12px;
	font-family:"Verdana";
    padding: 5px;
	background-color:white;
	color: black; 
	border: 0px;
	word-break: normal;
}

#notetable{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	background-color:#F2F5A9;
	height:200px;
}

#innernotetable{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
	background-color:#FFFFFF;
}

#notetablevoting{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	background-color:#F2F5A9;
	height:200px;
}

#notetablevotingvalidity{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
	background-color:#F2F5A9;
	height:200px;
}

#innernotetablevoting{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
	background-color:#FFFFFF;
}

#innernotetablevotingvalidity{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
	background-color:#FFFFFF;
}

.myboldfont{	    
	font-size: 12px;
	font-family:"Verdana";
	font-weight:bold;
}

.myfont{	    
	font-size: 12px;
	font-family:"Verdana";
}

.messagesender{	    
	font-size: 12px;
	font-family:"Verdana";
	font-weight:bold;
}

.messagereceiver{	    
	font-size: 12px;
	font-family:"Verdana";
	font-weight:bold;
}

.receivedmessage{	    
	font-size: 12px;
	font-family:"Verdana";
}

#feed0 { 
	font-weight:bold;
	font-family:"Verdana";
	font-size:80%;
}

/*#ttl{	    
	font-size: 20px;
	font-weight:bold;
	font-family:"Verdana";
	margin-bottom:30px;
}*/

.titleHeader {
  font-size: 20px;
  font-weight:bold;
  font-family:"Verdana";
  margin-bottom:30px;
  text-align: center;
}

#notearea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#noteareavoting{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
	height: 100%;
}

#stbut {
	margin-left: auto ;
	margin-right: auto ;
}

#rbFormSurv{
	font-size: 12px;
	font-family:"Verdana";
    font-weight: bold;
	color: black;
}

#surveyoptions {
	margin-left: auto ;
	margin-right: auto ;
	font-size: 12px;
	font-family:"Verdana";
    font-weight: bold;
	color: black;
}

#surveytext {
	margin-left: auto ;
	margin-right: auto ;
	font-size: 12px;
	font-family:"Verdana";
    font-weight: bold;
	color: black;
}

#surveytitlediv {
  margin-left: auto ;
  margin-right: auto ;
}

#surveyimage{
	margin-left: auto ;
	margin-right: auto ;
}

#userlist{
	font-size: 12px;
	font-family:"Verdana";
}

#helpinfo{
	font-size: 12px;
	font-family:"Verdana";
}

#basedonthe{
	font-size: 12px;
	font-family:"Verdana";
}

.gametable { 
	background-color: #DADADA; 
	margin-left:auto; 
	margin-right:auto; 
}

.center_everything {
	text-align: center;
}

#example4 {
	padding-top: 20px;
	width: 100%;
	float: left;
}

#submitStatus{
	font-size: 12px;
	font-family:"Verdana";
}

#howconftable{
	font-size: 12px;
	font-family:"Verdana";
}

.likertheading{
	font-size: 12px;
	font-family:"Verdana";
    display:table-cell;
    text-align:center;
}

.btn-largemp {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-left-radius:12px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.btn-largemp:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.btn-largemp:active {
	position:relative;
	top:1px;
}

#tabs li .ui-icon-close { 
	float: left; 
	margin: 0.4em 0.2em 0 0; 
	cursor: pointer; 
}

#gallery { 
	float: left; 
	width: 430px; 
	height: 245px; 
	min-height: 12em; 
	padding: 1%; 
	font-size: 12px; 
	font-family:"Verdana";
}

.gallery.custom-state-active { 
	background: #eee; 
}

.gallery li { 
	float: left; 
	width: 430px; 
	padding: 0.0em; 
	margin: 0 0.4em 0.4em 0; 
	text-align: center; 
	border: 1px solid #404041; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	font-size: 12px; 
	font-family:"Verdana"; 
	cursor: pointer;
}

.gallery li h5 { 
	margin: 0 0 0.4em; 
	cursor: move; 
}

.gallery li a { 
	float: right; 
}

.gallery li a.ui-icon-zoomin { 
	float: left; 
}

.gallery li img { 
	width: 100%; 
	cursor: move; 
}


.mynav{
	margin-bottom:0px;
	list-style:none; 
	background-color:#F2F5A9;
}

.mynav>li>a{
	display:block; 
	color:#08c; 
	background-color:#F2F5A9;
}

.mynav>li>a:hover{
	text-decoration:none;
	background-color:#82FA58;
}

.mynav>li>a>img{
	max-width:none;
}

.mynav>.pull-right{
	float:right;
}

.mynav-header{
	display:block;
	padding:3px 5px;
	font-size:11px;
	line-height:20px;
	color:#999;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
	text-transform:uppercase;
}

.mynav li+.mynav-header{
	margin-top:9px;
}

.mynav-list{
	padding-right:5px;
	padding-left:5px;
	margin-bottom:0; 
	background-color:#F2F5A9;
}

.mynav-list>li>a,.mynav-list .mynav-header{
	margin-right:-5px;
	margin-left:-4px;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
}

.mynav-list>li>a{
	padding:3px 5px; 
	background-color:#F2F5A9;
}

.mynav-list>.active>a,.mynav-list>.active>a:hover{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	background-color:#08c;
}

.mynav-list [class^="icon-"],.mynav-list [class*=" icon-"]{
	margin-right:2px;
}

.mynav-list .divider{
	*width:100%;
	height:1px;
	margin:9px 1px;
	*margin:-5px 0 5px;
	overflow:hidden;
	background-color:#F2F5A9;
}

.myhero-unit{
	font-size:12px;
	line-height:20px;
	color:inherit;
	background-color:#F2F5A9;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.myhero-unit h1{
	font-size:60px;
	line-height:1;
	letter-spacing:-1px;
	color:inherit;
}

.myhero-unit li{
	line-height:20px;
}

/*Displaying step3 div tags in 1 block*/
#step3inner div{
	display:inline-block;
}

/*.tdAnswerSummary {
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
}*/

.tdCandidateChoice {
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #0000FF;
    width: 33%;
}

.thAnswerSummary {
    text-align: center;
    background-color: #8FC548;
    color: #ffffff;
    font-weight: 600;
    border-color: #000000;
    border-width: 2px;
    border-style: solid;
}

.divAnswerSummary {
    width: 600px;
    vertical-align: top;
}

#tblAnswerSummary {
    width: 100%;
}

.trCandidateChoice:nth-child(odd) td {
    background-color: #ffffff;
}

.trCandidateChoice:nth-child(even) td {
    background-color: #b0b0b0;
}

.chatroom {
    width: 300px;
    opacity: 0.8;
}

.trAnswerSummary {
    margin-bottom: 20px;
}

.spnConsensus {
    color: #1d60c4;
    font-weight: 400;
}