/* ################ YUI CSS RESET ###################### */ 

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
	 
	table { border-collapse:collapse; border-spacing:0; }
	 
	fieldset,img {  border:0; }
	 
	address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
	
	ol,ul { list-style:none; }
	 
	caption,th { text-align:left; }
	 
	h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
	
	q:before,q:after { content:''; }
	 
	abbr,acronym { border:0; }

/* ################ END OF YUI CSS RESET ###################### */ 
/* ################ END OF YUI CSS RESET ###################### */

body{ /* 12px baseline size */
	text-align: center;
	font-size: 12px;
	font-family: "Tahoma","Gill Sans","Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	background: url('/images/body_background.jpg') 50% top no-repeat #000000;
	color: #FFFFFF;
	padding-bottom: 124px;
}

#wrapper{ /* The wrapper is the central column in the screen containing header, footer and all content */
	width: 744px;
	margin: 0 auto;
	text-align: left;
	padding: 48px 0px 12px 0px;
}

#header{position: relative; background: url('/images/wrapper_top.png') left bottom no-repeat; color: #FFFFFF; padding-bottom: 40px; padding-left: 36px;}

#footer{background: url('/images/wrapper_bottom.png') top left no-repeat #000000; color: #FFFFFF; padding-top: 40px; padding-left: 36px; width: 720px; position: absolute;}

.dada_corner{position: relative; left: -124px; top: 136px; z-index: 9;}

#content{padding: 0px 24px 12px 24px; border-color: #990099; border-style: solid; border-width: 0px 12px; background: #FFFFFF; color: #000000;}

.hero_image{margin-bottom: 12px;display:block;}

h1{font-size: 3em; font-weight: bold;}

a {color: #990099;}

.header_link a{ color: #FFFFFF; text-decoration: none;}

h2{font-size: 2em; color: #990099; font-weight: bold; padding-bottom: 0.5em;}
h3{font-size: 1.4em; color: #990099; font-weight: bold; padding-bottom: 0.5em;}

h1 span{ color: #990099;}

.navigation{ position: absolute; right: 32px; top:26px;}

.navigation li{display: inline; padding-left: 24px;}

.navigation li a{color: #FFFFFF; text-decoration: none;}

.navigation li a:hover{text-decoration: underline;}

.navigation dt, .navigation dd{float: left;}

p{padding-bottom: 1em; padding-right: 3em; line-height: 1.5em; font-size: 1em;}
p.flash_notice{color: #990099; font-weight: bold; font-size: 1.2em;}
p.flash_error{color: #CC0000; font-weight: bold; font-size: 1.2em;}
form p{margin-left: 15em;}

dl{}
dt{width: 15em; display: inline;}
dd{display: inline;}

input, textarea{ border: 1px solid #990099; padding: 2px;}
select{ border: 1px solid #990099;}
input[type="submit"]{ font-size: 1em; margin-left: 15em; background: #990099; color: #FFFFFF;}

span.radio{margin-left: -24px;}
span.radio input{ margin: 0px 6px 0px 24px;}

form{padding-top: 2em;}

form.inline_form{padding-top: 1em;}
form.inline_form input[type="submit"]{ font-size: 1em; margin-left: 0em; margin-right: 1em; background: #990099; color: #FFFFFF;}
form.inline_form input[type="submit"].reject{background: #aa0000; border: 0px;}

fieldset{ border-top: 1px solid #990099; padding: 1em 0em 2em 0em;}

legend{font-size: 1.5em; font-weight: bold; color: #990099; padding-right: 0.5em; padding-left: 0px;}

.row{clear: both; padding-bottom: 1em;}

.row label{float: left; width: 12.5em; padding-right: 2.5em; padding-top: 5px; text-align: right; font-weight: bold;}

.hasError label{color:#CC0000;}

div.required label{width: 12.9em; padding-right: 2.1em;}

.asterisk{ font-weight: bold; color: #990099;}

img.form_thumb{ margin-left: 15em;}

.employee_skill, .employee_work{clear: both; padding-bottom: 1em;}
.employee_skill .select, .employee_work .select, .add_attribute{float: left; width: 12.5em; padding-right: 2.5em; text-align: right;}
.employee_skill textarea, .employee_work textarea{height: 10em;}

a.remove_attribute{color: #FFFFFF; background: #BF4D99; padding: 2px 4px; text-decoration: none;}
.add_attribute a:hover, a.remove_attribute:hover{background: #990099;}
.add_attribute a{
	display: block;
	width: 330px;
	padding: 2px 0px;
	margin-left: 15em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background: #990099;
	border-top: 1px solid #330033;
	border-left: 1px solid #330033;
	border-bottom: 1px solid #BF4D99;
	border-right: 1px solid #BF4D99;
	}
.add_attribute a:active{
	border-top: 1px solid #BF4D99;
	border-left: 1px solid #BF4D99;
	border-bottom: 1px solid #330033;
	border-right: 1px solid #330033;
}

.checkboxes{ margin-left: 15em;}
.checkboxes .row{width: 246px; float: left; clear: none;}
.checkboxes .double_span{width: 492px;}
.checkboxes .label{padding-left: 24px;}


.errorExplanation h2{color: #CC0000; font-size: 1.5em;}