html {

	min-height: 100%
}
body {
	background-image: url(sdn-bg.gif);
	background-size:100% auto;
	background-repeat: no-repeat;
	background-color:#20409a;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	font-size:12px;
}


#job #job_description ul li {
}


h2 {
	padding: 5px;
	font-weight: normal
}
p {
	text-align: justify
}
ul, ol {
	padding-left: 1.7em
}
ul li {

}
fieldset {
	border-width: 0;
	border-top: 1px solid #d3d1d1;
	background-color: #eee;
	padding: 10px 10px 1px;
	margin-bottom: 10px;
	margin-top: -3px
}
fieldset legend {
	font-weight: bold;
	font-size: 14px;
	color: #666
}
#container {
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 45px 10px;
	width: 760px
}
#container, x:-moz-any-link {
left:-1px
}
#header {
	position: relative;
	padding-top: 100px;
	margin-bottom: 10px
}
#header h1 {
	margin: 0;
	padding: 0 11px;
	background-color: #666;
	font-size: 24px;
	font-style: normal;
	color: #fff;
	line-height: 140%
}
#header h2 {
	background-color: #d3d1d1;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	padding: 0 5px
}
#hints {
	background-color: #d3d1d1;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	display: none
}
#hints h2 {
	margin: -10px -10px 10px
}

form#form {
	margin-bottom: 20px
}
ol#questions li {
	margin-bottom: 20px
}
ol#questions li label {
	display: block;
	font-weight: bold;
	margin-bottom: 10px
}
ol#questions li label.question span.optional {
	color: #777;
	font-size: 10px
}
ol#questions li div.answer input, ol#questions li div.answer textarea, ol#questions li div.answer select {
	display: block;
	width: 99%
}
ol#questions li div.answer label {
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0
}
ol#questions li div.answer label input {
	display: inline;
	width: auto
}
#actions {
	text-align: right;
	background-color: #666;
	padding: 5px;
	margin-bottom: 10px
}
div.field {
	margin-bottom: 10px
}
div.field label {
	font-weight: bold;
	display: inline-block;
	width: 170px
}
div.field input, div.field textarea, div.field select {
	width: 250px
}
div.field .fieldWithErrors {
	display: inline
}
div.field .fieldWithErrors input, div.field .fieldWithErrors textarea, div.field .fieldWithErrors select {
	border-style: solid;
	border-color: #f00
}
div.field span.required {
	color: #777;
	font-size: 10px
}
#campaign_closed {
	margin: 30px 0;
	padding: 10px;
	background-color: #f00;
	font-size: 16px;
	text-align: center;
	color: #fff;
	border: 2px solid #c00
}
#errorExplanation {
	padding: 0 10px 10px;
	background-color: #F6DAD9;
	border: 2px solid #f00;
	margin: 40px 0 20px
}
#errorExplanation h2 {
	background-image: none;
	background-color: #f00;
	color: #fff;
	margin: 0 -10px 10px;
	padding: 15px;
	border-bottom: 1px solid #c00
}
#errorExplanation p {
	font-weight: bold
}
#error {
	background-color: red;
	color: #fff;
	padding: 10px;
	margin-top: 10px
}
#content div.error {
	padding: 10px;
	margin: 10px 0;
	background-color: #F8DE2E;
	font-size: 16px;
	text-align: center
}
#logger {
	font-size: 80%;
	text-align: center;
	color: #333
}
#job #job_header h1, #job #new_application h1 {
	margin: 0 !important;
	padding: 0 11px !important;
	font-size: 24px !important;
	font-style: normal !important;
	color: #fff !important;
	line-height: 140% !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
#job #job_header h2 {

	margin: 0 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-align: right !important;
	padding: 2px 5px 2px 0px !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}
#job #job_description ul, #job #job_description ol {
	padding-left: 1.7em !important
}
#job #job_description ul li {
}
#job #new_application h2 {
	margin-bottom: 0 !important;
	padding: 5px !important;
	font-weight: normal !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
#job #new_application h2 span.required {
	top: 6px !important;
	right: 5px !important
}
#job #new_application fieldset.inputs {
	border-width: 0;
	border-top: 1px solid #d3d1d1;
	background-color: #eee;
	padding: 10px 10px 1px;
	margin-bottom: 10px
}
#job #new_application fieldset.buttons {
	text-align: right !important;
	background-color: #666 !important;
	padding: 5px !important;
	margin-bottom: 10px !important;
	border-radius: 5px
}
#job #questions li label {
	color: #000 !important
}
* html #job #job_header {
	zoom: 1;
	height: 1% !important
}
#job form legend {
	width: 100%
}
.applynow-footer-links {
	text-align: center;
	margin: .5em
}
#job .inputs li.required legend.label label:after {
	content: ' *';
	color: red;
}


.addthis_toolbox {
	position: absolute;
	top: 65px;
	right: 45px;
}
#container {
	background: url(https://s3-ap-southeast-1.amazonaws.com/candidate-office/skins/_resources/skin-bg-trans.png) repeat-y center;
	min-height: 400px;
	margin: 40px auto 0;
	position: relative;
	padding: 0 45px 10px;
	width: 760px;
}
#header {
	background: url(https://s3-ap-southeast-1.amazonaws.com/candidate-office/skins/_resources/hat-trans.png) no-repeat;
	margin: 0 -45px -51px;
	padding: 0;
	height: 160px;
	position: relative;
	top: -51px;
}
#header #logo {
	position: absolute;
	background: url(sdn-logo.jpg) no-repeat;
	top: 60px;
	left: 48px;
	width: 255px;
	height: 43px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#job #job_header h1, #job #new_application h2, #job #new_application fieldset.buttons {
	background: #7ABFE6 !important;
	color: white !important;
	font-weight: bold !important;
}
#job #new_application h2 span.required {
	color: white !important;
	top: 8px !important;
}
#job #logger {
	margin: 1em 0;
}
a {
	color: #7ABFE6;
}
a:hover {
	opacity: .75;
}