*          { margin: 0; padding: 0; }
html, body { height: 100%;          }

img {
	border: 1px solid #454545;
}

.ewas-alert-box img,			/* hides the border for campus alerts */
img.borderless {
	border-style: none;
}

label       { font-weight: bold;    }
label.error { color: #C00;          }

textarea,
input[type=text],
input[type=password] { 
	font: inherit;
	border: 1px solid #454545;
	padding: 1px 2px 0px;
}

select {
	font: inherit;
	border: 1px solid #454545;
}

select option {
	font: inherit;
	padding: 0px 5px;
}

button,
input[type=reset],
input[type=button],
input[type=submit] {
	background: #F8C794;
	border: 1px solid #EF8A1C;
	font: inherit;
}

button:hover,
button:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus {
	background: #FBE0C4;
	cursor: pointer;
}
	
select,
textarea,
input[type=file],
input[type=text],
input[type=password] {
	background: #FFF;
	font: inherit;
}

input[type=image] { border: 0; }

/* setup styles for smaller type-face for legaltext (i.e. fine print) and errortext.  in case we need legaltext within 
   errortext, we'll also set things up to avoid really small print (that is 90% of 90% type-face) in both cases */

.legaltext { font-size: 90%; }
.errortext { font-size: 90%; color: #C00; }
.errortext .legaltext { font-size: 90%; color: #111; }
.legaltext .errortext { font-size: 90%; color: #C00; }

.mono {
	font-family: "Courier New", Courier, monospace;
}

/* these styles can be applied to any element in the site to control the sizing of said elements.  most often, though,
   they're applied to form elements with tables to keep things well proportioned with respect to the expected amount 
   of input into said forms. */

.xfull   { width: 100%; }   
.full    { width:  99%; }
.wide    { width:  75%; }
.two3rds { width:  66%; }
.half    { width:  47%; }	/* 47% means that two half sized elements can be next to each other if floating left and right */
.third   { width:  32%; }	/* 32% means that three third sized elements can be next to each other if floated */
.thin    { width:  25%; }
.petite  { width:  10%; }

.small  { height:  75px; }
.medium { height: 150px; }
.large  { height: 225px; }
.xlarge { height: 300px; }

/* the following classes can be applied to anything in order to change their border styles.  they're kept short in 
   order to facilitate easy of use and less clutter inline for class names. */
   
.t { border-top:    1px solid #454545; }
.l { border-left:   1px solid #454545; }
.r { border-right:  1px solid #454545; }
.b { border-bottom: 1px solid #454545; }

/* in a number of places, there needs to be header elements (or others) for accessibility purposes but which are 
   superfluous for visual displays.  this class can be added to such an element which needs to be hidden. */
   
.css_hide {
	position: absolute !important;
	left: -500000px !important;
}

.nowrap {
	white-space: nowrap;
}

.underline {
	text-decoration: underline;
}

/* for email addresses repaired from jumbled CSS, we'll need absolute positioning within noscript tags.  since 
   it won't effect others, we'll handle it this way all the time */
   
noscript {
	position: relative;
}

/* these can be used to move things to the right, left, and center sides of the screen and are ususally used with images
   or divs as sidebars. */
   
.right    { float: right; margin-left: 10px;  }
.left     { float: left;  margin-right: 10px; }
.center   { display: block; text-align: center; margin: 0 auto 10px; }
.clearing { clear: both; }

.pad_t { padding-top: 15px;     }	
.pad_r { padding-right: 15px;   }
.pad_b { padding-bottom: 15px;  }
.pad_l { padding-left: 15px;    }

.mar_t { margin-top: 15px;      }	
.mar_r { margin-right: 15px;    }
.mar_b { margin-bottom: 15px;   }
.mar_l { margin-left: 15px;     }

.nopad { margin: 0; padding: 0; }


.justify_right { text-align: right;   }
.justify_full  { text-align: justify; }

div#content table.mceEditor { padding-bottom: 0; }
div#content table.mceEditor iframe { border: 1px solid #808080; }

.email { white-space: nowrap; }
.email span { display: none; visibility: hidden; }