/* -------------------------------------------------------------- 

   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* firefox dotted line removal */
a { outline: none; }


/*
-------------------------------------------------------------- */

body 			{ margin: 0 auto; text-align: center;
				background: #121719 url(../images/global/body-bg.gif) repeat-x; 
				font: bold 10px/18px Arial, Helvetica, sans-serif; color: #A9ADA7; }

a 				{ color: #7F9AAF; }
a:hover 		{ text-decoration: none; }

#wrapper 		{ margin: 0 auto; width: 1000px; }


/* HEADER
-------------------------------------------------------------- */

#header 		{ margin: 0 auto; padding: 0 100px; width: 800px; height: 111px; text-align: left;
				background: #fff url(../images/global/header-bg.jpg) no-repeat; }

#header h1 		{ float: left; text-indent: -9999px; width: 505px; height: 111px;
				background: url(../images/global/logo.gif) bottom left no-repeat; }
#header h1 a 	{ float: left; margin: 30px 0 0 0; width: 150px; height: 81px; display: block; }


/* TOP NAV
-------------------------------------------------------------- */

#topNav 		{ float: right; margin: 81px 19px 0; width: 195px; }
#topNav ul 		{ list-style: none; }
#topNav li 		{ }

#topNav ul li a { float: left; height: 30px; text-indent: -9999px; display: block; }

a#work-btn 		{ width: 50px; background: url(../images/global/work-btn.gif) no-repeat; }
a#theoryAndProcess-btn { width: 110px; background: url(../images/global/theoryAndProcess-btn.gif) no-repeat; }
a#lab-btn 		{ width: 35px; background: url(../images/global/lab-btn.gif) no-repeat; }

a#work-btn:hover, /*a#theoryAndProcess-btn:hover,*/ a#lab-btn:hover, #topNav li.active a { background-position: 0 -30px; }


/* ELEMENTS
-------------------------------------------------------------- */

#wpi 			{ margin: 0 auto; width: 800px; 
				background-color: #121719; border-bottom: 1px solid #5E6260; }

#wpi h2 		{ margin: 0 0 1px 0; height: 25px; text-indent: -9999px;
				background: url(../images/global/wpi.gif) no-repeat; border-bottom: 2px solid #383D3D; }

#footer 		{ float: left; margin: 1px 100px 0 100px; padding: 10px 0 50px 0; width: 800px; 
				border-top: 2px solid #383D3D; color: #838783; }

#footer a 		{ color: #838783; }
#footer a:hover { color: #7F9AAF; text-decoration: underline; }

span#left 		{ text-align: left; float: left; padding-left: 30px; }
span#right 		{ text-align: right; float: right; padding-right: 30px; }


/* CONTENT
-------------------------------------------------------------- */

#content 		{ float: left; margin: 0 100px; padding: 0 15px 18px; width: 770px; 
				text-align: left; border-bottom: 1px solid #5E6260; }

h3#login		{ margin: 9px 0 0 270px; padding: 0; width: 240px; height: 25px; text-indent: -9999px; 
				background: url(../images/global/login-title.gif) no-repeat; border-bottom: 1px solid #5e6260; }


/* LOGIN FORM
-------------------------------------------------------------- */

form 			{ margin: 1px 0 9px 270px; padding: 0 20px 18px; width: 200px; 
				background: #212627; border-bottom: 1px solid #5e6260;
				font: bold 10px/18px Arial, Helvetica, sans-serif; color: #A9ADA7; }

fieldset 		{ border: none 0; }
label			{  }
input 			{ margin: 0; padding: 0; width: 190px;
				font: normal 18px/18px Arial, Helvetica, sans-serif; color: #121719; }

legend 			{ margin: 0; padding: 0; font-size: 11px; }

form ol 		{ margin: 0; padding: 0; list-style: none; }
form li 		{ margin: 0; padding: 18px 0 0 0; }
form p 			{ margin: 9px 0 18px; padding: 0; text-align: right; }
form p input 	{ margin: 0; padding: 0; width: 100px; }

.checkbox		{ width: auto; }

#log 			{ width: 200px; } 
#log_res 		{  }
#log_res.ajax-loading { display: block; height: 19px; width: 200px; background: url(../images/global/loading.gif) no-repeat center; }