.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;
}

#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;
}

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;
}

#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 {background-color:#b0c4de;}
#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}