#cathead { color: #1d2f43;  font-weight: bold; font-size: 16px;  text-indent: 2px; letter-spacing: 2px }

.cathead { color: #1d2f43; font-style: normal; font-weight: bold; font-size: 16px;  }

h1.cathead { font-size: 22px; }

h2.cathead { font-size: 18px; }

h3.cathead { font-size: 16px; }

#comment { color: #1d2f43; font-style: normal; font-weight: bold; font-size: 16px;  }
#instruction { color: #1d2f43; font-style: normal; font-weight: bold; font-size: 16px;  }
#resname { color: black; font-style: normal; font-weight: bold; font-size: 16px;  }
#restext { color: black; font-style: normal; font-weight: normal; font-size: 14px;  }
#warn { color: #e55753; font-weight: bold; font-size: 14px;  }
/*.button { width: 60px }*/
.button {}
.autobutton { width: auto }
.checkbox { width: auto }
.newclass { }
.radiobtn { background-color: transparent; width: auto }
.submit { text-align: right; width: 60px }
.text { width: 150px }
body 
{ 
    color: black;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    margin:	0;	padding:	0;	height: 710px;	
    /* width: 1266px;  */
    background-color: #e8e6e3;
	}
iframe { border: 0px none transparent; allowtransparency: true;  background-color:transparent }
#fake { visibility: visible; display: block; position: absolute; width: 85%; height: 50px; top: 660px; left: 40px; }
.fakeBody {   
    font-size: 10px;
    height: 20px;	
    background-color: transparent; 
    } 
/* removed in favor of transparent iframes
/*		    background-image: url( bg.png );
/*   background-repeat: repeat-x;
/*   background-color: #c1c5cc; */

form { margin-bottom: 0 }

input { font-size: 14px; padding: 4px; background-color: #fff; width: 95%;  filter: none;  }
input:focus { outline: 0; background-color: #e3e6e4;} 

select { font-size: 12px; background-color: #e0dee5; padding: 2px 0px 0px 2px; width: 94% }
select:focus { outline: 0; }

textarea { background-color: #fff; padding: 4px 4px 2px; width: 95% ;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;}
textarea:focus { outline: 0; }

table.one	{	border: 2px solid #4e5b6b; width:98%    }
table.two   {	border: 2px solid #c7ced3; width:100% 	}
.borders {padding-left: 10px; padding-top: 10px; padding-right: 10px;}

a	img		{	border:	none; 	}  
/* a:active { color: #b22222; font-style: normal; font-weight: bold; font-family: Verdana, Arial,Helvetica,Geneva,Swiss,SunSans-Regular; text-decoration: none }	 */
a:link { color: #584777;  text-decoration: none; font-weight: bold;}
a:visited { color: #584777; }
a:hover { color: #6a2b2b;  }
a:active { color: #6a2b2b; }		
a:focus { outline: 0; }

.note {  font-size: 90%; }		

.buttons {
    background: #94c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dfe3e0), color-stop(100%,#a3b1a6));
    background: -webkit-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: -moz-linear-gradient(top, #dfe3e0 31%, #a3b1a6 100%);
    background: -o-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: -ms-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: linear-gradient(to bottom, #dfe3e0 31%,#a3b1a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e0', endColorstr='#a3b1a6',GradientType=0 );
    border: 1px solid #2f3a31;
    border-radius: .5em;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3);
    color: #000;
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 18px;
    margin: 0 1em 0.5em;
    padding: 0 .8em;
    text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
    white-space: nowrap;
    width: 65px;
    cursor:pointer;
}

.buttons:hover {
    background: #94c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#a3b1a6), color-stop(100%,#dfe3e0));
    background: -webkit-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: -moz-linear-gradient(top, #a3b1a6 31%, #dfe3e0 100%);
    background: -o-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: -ms-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: linear-gradient(to bottom, #a3b1a6 31%,#dfe3e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e0', endColorstr='#dfe3e0',GradientType=0 );
}

.buttons:focus {
    outline: 0;
}   

.buttons:active {
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

/* this sets the properties of the x in the close button */
.buttons:before {
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 14px; 
	margin: 0 1em 0 -1em;
	padding: 0 .2em 0 .4em;
	border-radius: .3em 0 0 .3em;
        pointer-events: none;        
}
 
 input[type="button"], input[type="submit"] {
   background: #94c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dfe3e0), color-stop(100%,#a3b1a6));
    background: -webkit-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: -moz-linear-gradient(top, #dfe3e0 31%, #a3b1a6 100%);
    background: -o-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: -ms-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: linear-gradient(to bottom, #dfe3e0 31%,#a3b1a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e0', endColorstr='#a3b1a6',GradientType=0 );
    border: 1px solid #2f3a31;
    border-radius: .5em;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3);
    color: #000;
    display: inline-block;

    font-size: 12px;
    line-height: 18px;
    margin: 0 1em 0.5em;
    padding: 0 .8em;
    text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
    white-space: nowrap;
    width: 160px;
    cursor:pointer;
}
 input[type="button"]:hover, input[type="submit"]:hover {
    background: #94c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#a3b1a6), color-stop(100%,#dfe3e0));
    background: -webkit-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: -moz-linear-gradient(top, #a3b1a6 31%, #dfe3e0 100%);
    background: -o-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: -ms-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: linear-gradient(to bottom, #a3b1a6 31%,#dfe3e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e0', endColorstr='#dfe3e0',GradientType=0 );
}

  .catButtons {
	float: left;    
	display: inline-block;
	white-space: nowrap;
     background: #94c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dfe3e0), color-stop(100%,#a3b1a6));
    background: -webkit-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: -moz-linear-gradient(top, #dfe3e0 31%, #a3b1a6 100%);
    background: -o-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: -ms-linear-gradient(top, #dfe3e0 31%,#a3b1a6 100%);
    background: linear-gradient(to bottom, #dfe3e0 31%,#a3b1a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e0', endColorstr='#a3b1a6',GradientType=0 );
    border: 1px solid #2f3a31;
	padding: 0 .8em;
	margin-top: 4px;
	margin-left: 3px;
    font-size: 12px;
    line-height: 16px;
	 text-decoration: none;
    color: #000;
    border-radius: .7em;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3);
	width: 125px;
	cursor:pointer;
}
.catButtons:hover {
    background: #94c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#a3b1a6), color-stop(100%,#dfe3e0));
    background: -webkit-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: -moz-linear-gradient(top, #a3b1a6 31%, #dfe3e0 100%);
    background: -o-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: -ms-linear-gradient(top, #a3b1a6 31%,#dfe3e0 100%);
    background: linear-gradient(to bottom, #a3b1a6 31%,#dfe3e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e0', endColorstr='#dfe3e0',GradientType=0 );      
}
.catButtons:active {
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.heading {
	border: 1px solid #0a203b;
	border-radius: 22px;
    box-shadow: 2px 3px 3px rgba(104, 104, 104, .4);
    background: linear-gradient(180deg, #bcb9c3 3%, #cfc9d9, #d9d4e1 92%);
	margin: 20px 1% 10px 1.3%;
	width: calc(93% - 1.7em);
	padding: .5em 1.25em; 
	float: left;
}

.pg_title {
	float: left;
	font-size: 1em;
	margin-left: 8px;
	margin-top: 9px;
	width: 285px;
}

.notice {
	float: left;
	font-size: 0.8em;
	margin: 9px 0px 5px 1%;
	width: 28%
} 
#prob { margin: 7px 10px 5px 5px; width: 90px; }
#inst { margin: 7px 15px 5px 5px; width: 90px; }
#next { margin: 7px 0 5px 5px; float: right; }
.counter	{
	color: #e55753;
	float: right;
	font-size: 1.12em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 3px;
	width: 48px;
	text-align: right;
}
#showDiv { margin-right: 6px; }
#counterDiv { margin-right: -48px; background-color: #CFC9D9; display: block;}
 
.holder {
    float: left;
    width: 100%;
}

.content_block {
    margin-left: 15px;
    margin-right: auto;
    margin-top: 10px;
    width: 90%;
    height: 600px;
	padding: .5em 1.25em; 
    border: 1px solid #0a203b;
    box-shadow: 2px 2px 3px rgba(96, 95, 94, 1.00); 
    background: none scroll 0 0 #dad4d1;
}

.pseudo {
  background-color: #fff;
  border-bottom: 2px solid #f7f7f7;
  border-left: 2px solid #ababab;
  border-top: 2px solid #ababab;
  height: 200px;
  margin-bottom: 7px;
  margin-left: 14px;
  margin-top: 6px;
  overflow-y: scroll;
  width: 92%;
}
.pseudo ol { margin-top: 5px; padding-left: 5px; }
.pseudo li {p list-style: none outside ; cursor:pointer } 
.pseudo li:hover {background-color: #e3e6e4;} 

.pseudo li:hover:after { content: "Click to Add"; color:#e55753; margin-left:20px; }
.selList li:hover:after { content: "Click to Remove"; color:#e55753; margin-left:20px; }

.hyps { cursor: pointer; }
.hyps:hover {background-color: #e3e6e4;}
.hyps:hover:after { content: "Click to Select"; color:#e55753; margin-left:20px;  }

.no_hover {
  background-color: #fff;
  border-bottom: 2px solid #f7f7f7;
  border-left: 2px solid #ababab;
  border-top: 2px solid #ababab;
  height: 200px;
  margin-bottom: 7px;
  margin-left: 14px;
  margin-top: 6px;
  overflow-y: scroll;
  width: 92%;
}  
.no_hover ol { margin-top: 5px; padding-left: 5px; }
.no_hover li {p list-style: none outside ;  } 
/* Hexadecimal entities for the icons */
.delete:before { content: "\2718"; color:#e55753; }
#instructionDiv {
	border: 1px solid #0a203b;
	border-radius: 22px;
    box-shadow: 2px 3px 3px rgba(113, 112, 111, 1.00);
    background: none repeat scroll 0 0 #e8e5ed;
	margin: 20px 10.5% 10px 10.5%;
	width: 70%;
	width: calc(77.7% - 2.85em);
	padding: .5em 1.25em .25em 1.25em;
	position: absolute;
	display: none;
	top: 161px;
	padding: 22px;
}
#probFrame {
    height: 500px;
	border: 1px solid #0a203b;
	border-radius: 22px;
	box-shadow: 2px 3px 3px rgba(104, 104, 104, .8);
    background: rgb(236, 234, 240);
	background: none repeat scroll 0 0 #e8e5ed;
	margin: 20px 11% 10px 11.3%;
	width: 70%;
	width: calc(77.7% - 2.85em);
	padding: .5em 1.25em .25em 1.25em;
	position: absolute;
	display: none;
	top: 95px;
	padding: 15px;
}
#warnDiv {
  background-color: rgba(200, 100, 100, 0.9);
  border: 1px solid #0a203b;
  border-radius: 22px;
  box-shadow: 2px 3px 3px rgba(113, 112, 111, 1);
  display: none;
  font-size: 26px;
  font-weight: bold;
  height: 50%;
  left: 1%;
  line-height: 30px;
  padding: 7%;
  position: absolute;
  text-align: center;
  top: 106px;
  width: 80%;
  z-index: 105;
}
.case_name { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 12px; }
.charCount { background-color: transparent; border: medium none; font-size: 10px; padding: 0; text-align: right; width: 18px; }
.charCountDiv { font-size: 10px; position: relative; top: -10px; width: 350px; }
/*#fake { visibility: visible; display: block; position: absolute; width: 85%; height: 50px; top: 660px; left: 40px; }*/

#times_up {pointer-events:none; background-color: rgba(200, 100, 100, 0.3); display: none; position: absolute; width: 100%; height: 100%; top:0; left: 0;  }