/* @override http://eo.cachefly.net/skins/styles/common.css */

html, body { height: 100%;}

body { font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000; background-color: #fff; margin: 0 auto; position: relative;}

h2 { background-color: #d3d1d1; padding: 5px; font-weight: normal;}

p { text-align: justify;}

ul, ol { padding-left: 1.7em;}
ul li { list-style-image: url(../images/common/grey_arrow.png);}

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;}

#applynow { position: absolute; background-image: url(../images/common/applynow.gif); text-indent: -50000px; width: 104px; right: 35px; height: 38px; top: 40px;}

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;}

/** NEW JOB TEMPLATE STYLES **/

#job #job_header h1, #job #new_application h1 { margin: 0 !important; padding: 0 11px !important; background-color: #666 !important; font-size: 24px !important; font-style: normal !important; color: #fff !important; line-height: 140% !important;}
#job #job_header h2 { background-color: #d3d1d1 !important; margin: 0 !important; font-size: 12px !important; font-weight: normal !important; font-style: normal !important; text-align: right !important; padding: 0 5px !important; color: #000 !important;}

#job #job_description ul, #job #job_description ol { padding-left: 1.7em !important;}
#job #job_description ul li { list-style-image: url(../images/common/grey_arrow.png) !important;}

#job #new_application h2 { background-color: #d3d1d1 !important; margin-bottom: 0 !important; padding: 5px !important; font-weight: normal !important;}
#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;}

#job #questions li label { color: #000 !important;}

* html #job #job_header { zoom: 1; height: 1% !important;}