#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: #F2ECEF; font-style: normal; font-weight: bold; font-size: 16px;  }
span#resname { color: black; }
#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: Hei, YaHei, Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    margin:	0;	padding:	0;	
    background-color: #F1F1F1;
	}
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;
    color: #F2ECEF;
    } 
/* 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: #F2ECEF; width: 95%;  filter:none;}
input:focus { outline: 0; background-color: #e3e6e4; filter: none; } 

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

textarea { background-color: #F2ECEF; 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: #A8576F;  text-decoration: none; font-weight: bold;}
a:visited { color: #A8576F; }
a:hover { color: #6a2b2b;  }
a:active { color: #6a2b2b; }		
a:focus { outline: 0; }

.note {  font-size: 90%; }		

.buttons {
    background: #BBC7D3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#d1dde9), color-stop(100%,#bcc8d4));
    background: -webkit-linear-gradient(top, #d1dde9 31%,#bcc8d4 100%);
    background: -moz-linear-gradient(top, #d1dde9 31%, #bcc8d4 100%);
    background: -o-linear-gradient(top, #d1dde9 31%,#bcc8d4 100%);
    background: -ms-linear-gradient(top, #d1dde9 31%,#bcc8d4 100%);
    background: linear-gradient(to bottom, #d1dde9 31%,#bcc8d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dde9', endColorstr='#bcc8d4',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: #C6D2DE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#bcc8d4), color-stop(100%,#d1dde9));
    background: -webkit-linear-gradient(top, #bcc8d4 31%,#d1dde9 100%);
    background: -moz-linear-gradient(top, #bcc8d4 31%, #d1dde9 100%);
    background: -o-linear-gradient(top, #bcc8d4 31%,#d1dde9 100%);
    background: -ms-linear-gradient(top, #bcc8d4 31%,#d1dde9 100%);
    background: linear-gradient(to bottom, #bcc8d4 31%,#d1dde9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dde9', endColorstr='#d1dde9',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"] {

  /* 
  border: 1px solid #2f3a31;



    margin: 0 1em 0.5em;
    padding: 0 .8em;

    width: 160px;
 */
}

button, button.add, input[type="button"], input[type="submit"] {
    border-radius: .5em;
    display: inline-block;

    -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;    
    background: #fff; 
    background-color: #e6e6e6;
    border: 1px solid #111;

    
    margin: 0 auto 10px 0;

    padding: 3px 10px;
    text-shadow: 1px 1px 1px #fff;
    
    width: 100px;        
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
}
button:hover, button.add:hover, input[type="button"]:hover, input[type="submit"]:hover {
    color: #fff;
    background: #fff;
    background-color: #777;
    border: 1px solid #ccc;
  /*   box-shadow: 0 2px 3px #777, 0 0 15px #333 inset; */
    /* text-shadow: 1px 1px 1px #000; */
}
  .catButtons {
	float: left;    
	display: inline-block;
	white-space: nowrap;
     background: #BBC7D3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#d1dde9), color-stop(100%,#bcc8d4));
    background: -webkit-linear-gradient(top, #d1dde9 31%,#bcc8d4 100%);
    background: -moz-linear-gradient(top, #d1dde9 31%, #bcc8d4 100%);
    background: -o-linear-gradient(top, #d1dde9 31%,#bcc8d4 100%);
    background: -ms-linear-gradient(top, #d1dde9 31%,#bcc8d4 100%);
    background: linear-gradient(to bottom, #d1dde9 31%,#bcc8d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dde9', endColorstr='#bcc8d4',GradientType=0 );
    border: 1px solid #2f3a31;
	padding: 0 .8em;
	margin-top: 4px;
	margin-left: 3px;
	margin-bottom: 1px;
    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: #C6D2DE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#bcc8d4), color-stop(100%,#d1dde9));
    background: -webkit-linear-gradient(top, #bcc8d4 31%,#d1dde9 100%);
    background: -moz-linear-gradient(top, #bcc8d4 31%, #d1dde9 100%);
    background: -o-linear-gradient(top, #bcc8d4 31%,#d1dde9 100%);
    background: -ms-linear-gradient(top, #bcc8d4 31%,#d1dde9 100%);
    background: linear-gradient(to bottom, #bcc8d4 31%,#d1dde9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dde9', endColorstr='#d1dde9',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, #ba8d9a 0%, #c095a2 8%, #d4abb8 18%, #e1bac6 27%, #e8c2cd 40%, #e7c1cd 66%, #e0b9c5 84%, #d6aeba 93%, #d0a7b3 100%);
    margin: 20px 1% 10px 1.3%;
    width: calc(93% - 1.7em);
    padding: .5em 1.25em;
    float: left;
}

/* 
.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: 225px;
	/* width: 285px; */
}

.notice {
	float: left;
	font-size: 13px;
	margin: 9px 0px 5px 1%;
	width: 38%
	/* 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: #e7c1cd; 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 #454C53; */
    background: none scroll 0 0 #35495D;
    color: #F2ECEF;
}

.pseudo {
  color: black;
  background-color: #F2ECEF;
  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: "点击即可添加"; color:#e55753; margin-left:20px; }
.selList li:hover:after { content: "点击即可删除"; color:#e55753; margin-left:20px; }

.hyps { cursor: pointer; }
.hyps:hover {background-color: #e3e6e4; color:#35495D;}
.hyps:hover:after { content: "点击选择"; color:#e55753; margin-left:20px;  }

.no_hover {
  background-color: #F2ECEF;
  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 #E8D2D9;
	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; color: #F2ECEF; }
.charCountDiv { font-size: 10px; position: relative; top: -10px; width: 330px; color: #F2ECEF; }
/*#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;  }

.ent_find { color: #F2ECEF; }