/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remove the silly firefox outline on links */
a:focus {	outline: none; border: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0; }

/* P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { content: "."; font-size: 0; clear: both; height: 0; visibility: hidden; display: block; }

.clearfix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Fixes IE's default image-scaling to a smoother, bicubic resizing */
* img { -ms-interpolation-mode:bicubic; }

/* For centered lists */
ul.centerlist,
ol.centerlist {
	position: relative;
	text-align: center;
}

ul.centerlist li,
ol.centerlist li {
	display: -moz-inline-box;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	_display: inline;
	float: none !important;
	margin: 5px 8px;
	position: relative;
	text-align: center;
}

/* For cross-browser inline-blocks */
.ib { display:-moz-inline-box; -moz-box-orient: vertical; display:inline-block; *display: inline; _display:inline; position:relative; vertical-align: middle; }

/* Give clickable elements a pointer cursor */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

/* ========== */
/* ! Colors   */
/* ========== */

/*

red / highlight :
#cc0000

blue / dark :
#082437

lighter grey :
#f4f4f4

mid-grey :
#dddddd

graphite :
#9aa5ac

light graphite :
#cbd9e2


*/


/* ========== */
/* ! Basics   */
/* ========== */

html,body {
	height: 100%;
	width: 100%;
}

body {
	background: #081929 url(../../images/procBG.jpg) left top no-repeat;
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 62.5%;
}

a {
	color: #287ecd;
	text-decoration: none;
}

a:hover {
	color: #082437;
	text-decoration: underline;
}

.hideme {
	display: none;
}

#ajaxClose {
	display: none;
}

#container {
	height: 100%;
	position: relative;
	width: 100%;
}

#header {
	background: #000;
	display: none;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#header h1 {
	background: #000 50% 50% no-repeat;
	height: 40px;
	margin: 0 auto;
	padding: 5px;
	text-indent: -999em;
	width: 250px;
}


/* ============= */
/* ! Login Box   */
/* ============= */

#loginbox {
	background-color: #f4f4f4;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	top: 30%;
	text-align: center;
	width: 40em;
	background-image: -moz-linear-gradient(top, #fff, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 65px #287ecd;
	-moz-box-shadow: 0 0 65px #287ecd;
	-webkit-box-shadow: 0 0 65px #287ecd;
}

#loginbox h2 {
	font-size: 2.1em;
	margin: 0 0 5px 8px;
	text-shadow: 1px 1px 0 #fff;
}

#loginbox fieldset {
	padding: 1.5em 0 0.3em;
}

#loginbox li {
	clear: both;
	line-height: 2.8em;
	margin: 0 auto;
	padding: 0.9em 0;
	position: relative;
	width: 90%;
}

#loginbox li label {
	float: left;
	font-size: 1.5em;
	text-align: left;
	text-shadow: 1px 1px #fff;
}

#loginbox li input {
	border: 1px solid #cbd9e2;
	float: right;
	font-size: 1.5em;
	padding: 0.3em;
	width: 70%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#loginbox li input.focused {
	border-color: #287ecd;
	outline: none;
	box-shadow: 0 0 3px #287ecd;
	-moz-box-shadow: 0 0 3px #287ecd;
	-webkit-box-shadow: 0 0 3px #287ecd;
}

#loginbox li span.formnote {
	clear: both;
	display: block;
	text-align: right;
}

#loginbox button#submit-login {
	background: #eee;
	border: 1px solid #9aa5ac;
	clear: both;
	color: #082437;
	display: block;
	margin: 0 auto 0.6em;
	font-size: 1.6em;
	padding: 0.4em 1.8em;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	background-image: -moz-linear-gradient(top, #f4f4f4, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff4f4f4,endColorstr=#ffdddddd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4f4f4,endColorstr=#ffdddddd)";
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#loginbox button#submit-login:hover,
#loginbox button#submit-login.hovered {
	background: #fff;
	color: #287ecd;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff4f4f4,endColorstr=#ffffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff4f4f4,endColorstr=#ffffffff)";
}



/* =================== */
/* ! Lightbox modals   */
/* =================== */

#ajaxResponse {
	background-color: #fff;
	color: #082437;
	font-size: 1.6em;
	line-height: 140%;
	padding: 2.5em 1em;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	width: 250px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-image: -moz-linear-gradient(top, #f4f4f4, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}

#ajaxResponse b {
	color: #cc0000;
	font-size: 1.3em;
}