/* 
gn0me.org/skillsim Stylesheet by Guillaume "gn0me" VanderEst
*/
html,body 		{ font-family: Arial, Verdana; font-size: 11px }

/* Links */
a 				{ color:#336699; text-decoration:none; }
a:hover			{ color:#893025; text-decoration:underline; }
img 			{ border: 0; }	

/* Sections */
#container 		{ width:600px; background:url(img/design/bg.gif) repeat-y; }
#head 			{ width:600px; height:20px; overflow:hidden; background:url('img/design/head.gif') top left no-repeat; }
#title 			{ font:12px Verdana; font-weight:bold; text-align:center; padding:2px; }
#foot 			{ clear: both; width:600px; height:5px; margin-top:-5px; background:url('img/design/foot.gif') top left no-repeat; overflow:hidden; }
#control 		{ margin-top:10px; padding-bottom: 10px; }
#copyright 		{ font:9px Tahoma; color:#808080; padding-top:10px; }
#compact 		{ font:9px Tahoma; color:#808080; padding-top:10px; }
#language		{ margin-top: 10px; padding-bottom: 10px; margin-bottom: 0; }
#login 			{ margin-top: 10px; }
#google 		{ margin-top: 10px; margin-bottom: 10px; }
#firefox		{ display: inline; border: 1px solid #808080; padding: 2px; background-color: white; } 
/* Re-Used Elements */
.section 		{ border: 1px solid #808080; background-color: white; padding: 10px 10px 0 10px; margin: 0px 10px 10px 10px; }
/* Job listing */
p					{ text-align:left; font:11px Verdana; margin:10px; }
div.header 		{ width:580px; clear:both;margin-left:10px; margin-right:10px; height:16px; margin-bottom:-2px; padding-top:2px; background:url(img/design/header.gif) top left no-repeat; clear:both; padding-left:10px; font:10px Verdana; font-weight:bold; border-bottom:0; margin-top:10px; text-align:left; }
table.jobs		{ width:580px; border:1px solid #808080; background-color:white; }
td.job 			{ vertical-align: top; padding:5px; width:115px; margin:5px; text-align:center; }
td.job img		{ margin-bottom:5px; }
td.job:hover	{ background-color:#EEEEEE; background:url('img/select.gif') top center no-repeat; }
td.job a			{ font: 12px Verdana; font-weight:bold; } /* Override existing link style. */
.job_points		{ }
.total_under	{ font:11px Verdana; font-weight:bold; color:black; }
.total_over		{ font:12px Verdana; font-weight:bold; color:red; }
td.job a:hover  { text-decoration:none; }

/* Simulator */
table.job		{ border-collapse:collapse; border:1px solid #808080; width:580px; margin-top:10px; background-color:white; }
th.job_name		{ padding: 7px; width:200px; text-align:left; font: 12px Verdana; font-weight:bold; background-color:#EEEEEE; border:1px solid #808080; border-right:0px; vertical-align:middle; }
th.job_control	{ width:380px; text-align:right; background-color:#EEEEEE; border:1px solid #808080; border-left:0px; vertical-align:middle; padding-right:6px; }
td.job_image	{ text-align:center; padding:30px 10px 20px 10px; border-bottom:1px solid #808080; border-right:1px solid #808080; background-color:white; }
td.job_image img	{ margin-bottom: 5px; }
td.job_skills	{ border-bottom:1px solid #808080;  }
table.job tbody	{ vertical-align:top; padding:3px; } /* Move the skills to the top */

table.job_skills { border-collapse: collapse; }
table.job_skills td		{ border-bottom:1px solid #EEEEEE; vertical-align:middle; padding: 2px 4px 2px 4px; }
tbody tr { border-bottom:1px solid #EEEEEE; }
.skill_name { font:11px Verdana; color:#336699; font-weight: bold; }
td.skill_name { width:100%; vertical-align:middle; text-align: left; padding-left: 0; }
td.skill_image { white-space:nowrap; padding:3px; vertical-align: top; }
td.skill_image img		{ display:block; width:24px; height:24px; vertical-align: top; }
td.skill_level { font:10px Verdana; font-weight:bold; text-transform:uppercase; vertical-align: top; }
td.skill_level select 	{ width:40px; min-width:40px; }
tr.skill_implemented_0 { background: url('img/not_implemented.png') top left repeat-y; }
div.skill_notes { font: 9px Tahoma; color:#808080; display: inline; margin-left: 5px; }
div.requirements { font: 9px Tahoma; color:#808080; }

div.note { font: 9px Tahoma; color:#808080; font-weight: normal; display: block; }

#firefox a { text-decoration: none; font-weight: bold; }
#firefox a:hover { text-decoration: none; }

/* Form stuff */
select { font:10px Verdana; }
.job_control select			{ font:10px Verdana; margin-top:0px; width:175px; }
input	{ font: 10px Verdana; font-weight:bold; }
#save_list, #save_list option { width:50%; font:10px Verdana; }

/*.job_points,.job_remain,.job_overflow { width: 150px; }*/
.points { margin-top: 10px; }
.points_total { font: 14px Verdana; font-weight: bold; border: 1px solid #808080; background-color: white; padding: 10px; margin: 10px 10px 0 10px; }

.field { width: 100px; float: left; text-align: left; }
.value { width: 50px; float: right; text-align: right; font-weight: bold; }

/*.language_selected { font-weight: bold; }*/
.language,.language_selected { font-weight: bold; margin: 0 5px 0 5px; }
.filler { display: none; height: 0; margin:0; padding:0; width: 0; border: none; }div.specialNote { border: 1px solid #888; background-color: #fff; padding: 10px; margin: 10px 10px 0px 10px; }div.specialNote h1 { font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; }#skillsim_masthead { margin-bottom: 10px; }h1 { margin: 0; }