/* 
@import url('https://fonts.googleapis.com/css?family=Lato');
html { 
    font-family: Lato, Roboto, Verdana, "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}
 */
 
 html {     font-size: 100%;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana, DengXian, Arial, Helvetica, Noto Serif CJK SC, SImHei, PingFang SC, Hei, sans-serif;
    text-decoration: none;
    font-size: 15px; }
body  {                
    background-color: #F0EFED; 
    color: #435270;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana, DengXian, Arial, Helvetica, Noto Serif CJK SC, SImHei,  PingFang SC, Hei, sans-serif;
    text-decoration: none;
    font-size: 15px;
    margin: 10px;
}

#cathead { color: #334260;  font-weight: bold; font-size: 18px;  text-indent: 2px; letter-spacing: 2px }
.cathead { color: #334260; font-style: normal; font-weight: bold; font-size: 16px;   }
h1.cathead { font-size: 22px; }
h2.cathead { font-size: 18px; }
h3.cathead { font-size: 16px; }


/*  Unique ID styles  */
#alert {	width: 95%;	background-color: #E6D6BD;	font-weight: bolder;	font-size: 14px;	text-align: center;	margin-top: 4px;	margin-bottom: 4px;	padding-top: 3px;	padding-bottom: 3px;	padding-top: 3px;	padding-bottom: 3px;	border-width: 2px;	border-top-color: #999999;	border-right-color: #FFFFFF;	border-bottom-color: #FFFFFF;	border-left-color: #999999;	border-style: solid; }
#warn { color: red; font-weight: bold; font-size: 14px;  }

#comment { color: #0e233d; font-style: normal; font-weight: bold; font-size: 18px;  }
#comment { color: #1d2f43; font-style: normal; font-weight: bold; font-size: 16px;  }

#instruction { color: #0e233d; font-style: normal; font-weight: bold; font-size: 16px;  }
#instruction { color: #1d2f43; font-style: normal; font-weight: bold; font-size: 16px;  }
.instruction { color: #1d2f43; font-style: normal;  font-size: 100%; }

#resname { color: black; font-style: normal; font-weight: bold; font-size: 18px;  }
#resname { color: #435270; font-style: normal; font-weight: bold; font-size: 16px;   }

#restext { color: black; font-style: normal; font-weight: normal; font-size: 14px;  }
#restext { color: #435270; font-style: normal; font-weight: normal; font-size: 14px;   }

#deprecat { margin-top: 5px; margin-bottom: 5px; }
#footer { text-align: right; vertical-align: bottom; padding-left: 60%; }
#hold { position: absolute; width: 95%; left: 20px; top: 10px; text-align: left; }
#holder { position: absolute; height: 95px; width: 95%; left: 8px; top: 86px; }
#smallSelect { width: 120px; vertical-align: top; margin-top: 4px; }

/*.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 }

form { margin-bottom: 0 }

input { font-family: inherit;  font-style: normal; font-weight: normal; font-size: 12px; background-color: #E4E3E1; width: 95%; }
input:focus { outline: 0; }

input[type="button"] { float: left; width:auto; margin-left:12px; display:block; } 
input[type=checkbox] {
    box-shadow: none;
    border: 0;
    margin: 0;
    width: auto;
    background-color: transparent;
    margin-right: 5px;
}
input[type=radio] {
    box-shadow: none;
    border: none;
    width: auto;
    background-color: transparent; margin-right: 8px;
}

select { font-family: inherit;  color: #334260; font-style: normal; font-weight: normal; font-size: 12px; background-color: #E4E3E1; padding: 2px 0px 0px 2px; width: 94%; border-width: 0px; }
select:focus { outline: 0; }

textarea { font-family: inherit;  color: #334260; font-style: normal; font-weight: normal; font-size: 12px; background-color: #E4E3E1; padding: 3px 3px 1px; width: 95% }
textarea:focus { outline: 0; }

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

area:focus {	 border: none; outline: none;	}
a	img		{	border:	none; 	} 	
a:link { font-family: inherit;  color: #435270; font-style: normal; font-weight: bold; font-size: 12px; cursor: pointer; text-decoration: none; }
a:visited { font-family: inherit;  color: #435270; font-style: normal; font-weight: bold; font-size: 12px; cursor: pointer; text-decoration: none; }
a:hover { font-family: inherit;  color: #6B7B9D; font-style: normal; font-weight: bold; font-size: 12px; cursor: pointer; text-decoration: none; }
a:active { font-family: inherit;  color: #6B7B9D; font-style: normal; font-weight: bold; font-size: 12px; cursor: pointer; text-decoration: none; }		
a:focus { outline: 0; }
a:focus, a:active, a:visited { 
    border: none;
    outline: none;
    text-decoration: none;
}

.note {  font-size: 90%; }		
 
/*   Close Button#EDFAF9	*/
 
 .buttons {
	/* font-size: 10px;*/
	float: right;    
	display: inline-block;
	white-space: nowrap;
	background-color: #EDFAF9;
	border: 1px solid #777;
	padding: 0 1.25em;
	margin: 0.5em;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	line-height: 24px;
	text-align: center;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.xbuttons:link { font-size: 10px; }

.buttons:hover {
	/* font-size: 10px;*/
	background-color: #aaa;    
}   

.buttons:before {
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em 0 .4em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .3em 0 0 .3em;
	-webkit-border-radius: .3em 0 0 .3em;
	border-radius: .3em 0 0 .3em;
        pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.delete:before { content: "\2718"; }

.bttns {
    transition: all 75ms ease-in-out;
    background: linear-gradient(to bottom, 
        hsl(220, 25%, 35%) 0%, 
        hsl(220, 25%, 48%) 30%, 
        hsl(220, 25%, 30%) 55%,
        hsl(220, 25%, 25%) 80%, 
        hsl(220, 25%, 35%) 100% );
    /*box-shadow: 
        0 2px 3px rgba(0, 0, 0, .6), 
        0 0 2px 4px rgba(38, 46, 63, .8) inset;*/
    border-radius: 7px; 
    border: none;
    width: 120px; 
    font-size: 12px; 
    font-family: inherit;
    padding: 4px;
    cursor: pointer;
    color: white;
    outline: none;
}

.bttns:hover {
    background: linear-gradient(to bottom, 
        hsl(220, 25%, 35%) 0%, 
        hsl(220, 25%, 25%) 20%, 
        hsl(220, 25%, 30%) 40%, 
        hsl(220, 25%, 48%) 70%, 
        hsl(220, 25%, 35%) 100% );
    /*box-shadow: 
        0 1px 1px rgba(0, 0, 0, .5),
        0 0 2px 4px rgba(38, 46, 63, .8) inset;*/
}
.cont { width: 80px; height: 45px; margin-bottom: 0px; border-radius: 0px;}

/*  Class styles  */
/*.button { width: 60px }*/
.autobutton { width: auto }
.button { width: auto }
.checkbox { width: auto }
.goalUnit { display: none; }
.left { position: relative; float: left; width: 550px; }
.lefty {	position: relative;	float: left; width: 95%; }
.newclass { }
.radiobtn { background-color: transparent; width: auto }
.right { position: relative; height: 125px; width: 80px; text-align: center; }
.righter { position: absolute; top: 74px; width: 80px; left: 540px; height: 340px; text-align: center; }
.rightier { position: relative; top: 123px; width: 80px; text-align: center; }
.rightier2 { position: relative; top: 95px; width: 80px; text-align: center; }
.righter2 {	position: absolute;	top: 0px; width: 80px;	left: 540px;	height: 340px;	text-align: center; }
.rightier3 { position: relative;	top: 225px; width: 80px;	text-align: center; }
.righty { position: relative; top: 90px; width: 80px; text-align: center; }
.righty2 { position: relative; top: 62px; width: 80px; text-align: center; }
.submit { text-align: right; width: 60px }
.text { width: 150px }
.top { position: relative;  width: 550px; }
.hide { visibility: hidden; position: relative; left: -2000px; }
.lft { float: left; position: relative; left: 0px; top: 5px; }
.rite { float: right; position: relative; right: 30px; top: 5px; }


/* Table Cell style */
td.bord { padding: 3px; }
table { border-style: none; }
td { border-style: none; }