/*
This style sheet was created from C:\wamp\www\areyoudenkiornot\template.html
*/

html { min-height: 100%; margin-bottom: 1px; }

body {
	background: #99EDFF url(img/bgnd.png) no-repeat fixed center;
	color: #00008b;
	min-width: 360px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	xfont-size: 12px;
}
body, p {  }

h1 a {
	color: black;
	text-decoration: none;
}


#denkiometer {
	background: url(img/logo.png) no-repeat;
}

a {  }

a:link {  }

a:visited {  }

/* note that A:HOVER isn't supported by all browsers */
a:hover {  }

div {  }


sup {  }

form, ul {
	text-align: left;
}
form#start {
	text-align: center;
}
form#apply {
	width: 600px;
	float: right;
}
label.standard {
	width: 180px;
	float: left;
	margin: 0 12px 12px 0;
	font-weight: bold;
}
label#arealabel {
	width: 500px;
}
label.job {
	width: 200px;
}
.extra {
	margin-left: 197px;
}
#apply p
{
	margin-top: 12px;
}
input.submit {
	margin-left: 290px;
	margin-top: 8px;
}

table {
	border-collapse: collapse;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

table#roles caption{
	margin-top: 64px;
}

#roles td {
	border-collapse: collapse;
	padding: 5px 45px 5px 45px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}


#denkiometer img, #roles img {
	border: 0;
}
#images input {
		border: 5px black solid;
}

#images input:hover {
	border: 5px solid lime;
}

/* unique IDs */
#content { 
	text-align: center;
}

.article {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.article p {
	text-align: left;
}

img#face {
	float: left;
}
#denkiometer p {  
	text-align: center;
	font-style: italic;
}

#denkiometer td {
	xborder: 1px black solid;
	xborder-collapse: collapse;
	width: 66px;
	padding: 0;
	height: 200px;
}
#footer { 
	clear: both;
	margin-top:48px;
	font-size: 83%;
}

#footer p {
	text-align: center;
}
#footer a img {
	border: 0;
	vertical-align: middle;
}

#wrapper { 
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.footnote{
	font-size: 83%;
}

.error {
	color: red;
	padding: 10px;
	width: auto;
	font-weight: bold;
	margin-left: 20px;
}

caption {
	font-weight: bold;
	font-size: 118%;
	xfont-family: Georgia;
}

#roles a img {height: 70px; width: 200px; border-width: 0; background: top left no-repeat;}

#roles td {
	font-size:11px;
}

.roleview {
	width: 440px;
	margin: 5px;
	padding: 0;
}
#rolebasket {
	vertical-align: top;
	font-size: 92%;
}
.role-lhs, .role-rhs {
	text-align: left;
	padding: 5px;
	vertical-align: top;	
}

#visual {
	display: block;
	width: 200px;
	height: 70px;
	background: url(img/job_artist_btn.png) no-repeat 0 0;
	margin-left: auto;
	margin-right: auto;
}
#test {
	display: block;
	width: 200px;
	height: 70px;
	background: url(img/job_test_btn.png) no-repeat 0 0;
}
#prog {
	display: block;
	width: 200px;
	height: 70px;
	background: url(img/job_programmer_btn.png) no-repeat 0 0;
}
#general {
	display: block;
	width: 200px;
	height: 70px;
	background: url(img/job_general_btn.png) no-repeat 0 0;
}

#visual:hover, #test:hover, #prog:hover, #general:hover {
	background-position: -200px 0;
}

#visual span, #test span, #prog span, #general span {
	display: none;
}

img, div, table, td, a, body { behavior: url(iepngfix.htc); }

#boxscore a img {
	text-decoration: none;
	border: none;
}