/* Body */
body                 { background-color: darkblue; text-align: center; font-family: "Helvetica", "Arial", Sans-serif; }

/* Main content window */
div#content           { margin: 50 auto; padding: 10px; width: 900px; background-color: white; border: 2px solid black; text-align: left; }
div#content label     { font-weight: bold; vertical-align: top; }
div#content table     { width: 100%; border: none; }
div#content table tr  {}
div#content table th  { background-color: gray; margin: 0px; padding: 5px; color: white; }
div#content table td  { font-size: small; }
div#content a         { margin: 20px 0px; }
div#content div.field { margin: 10px; }
div#content div span  { margin: 0px; }
div#content h1        { margin: 5px; padding: 5px; font-size: 48px; text-align: center; clear: both }
div#content .career   { border: 1px solid darkgray; background-color: #eee; padding: 5px; margin: 5px; }
div#content .career a { margin: 5px; }
div#content #links    { border: 1px solid darkgray; background-color: #eee; float: right; padding: 10px; }

/*
 * Light Boxes
 */

#lightbox_backdrop { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 1001; }
#lightbox          { position: absolute; background-color: #fff; border: 3px solid darkgray; z-index: 1002; text-align: left; margin: 0px; padding: 0px; }

#lightbox h1 { margin: 0px; padding: 10px; background-color: #eee; border-bottom: 3px solid darkgray; }

#lightbox .form { margin: 0px; padding: 10px; }

#lightbox .field { margin: 5px; }
#lightbox .field label { display: block; font-weight: bold; }
#lightbox .field textarea { width: 100%; height: 5em; }

#lightbox .buttons, .career .buttons { margin: 0px; padding: 0px; float: right; }

/* Form */
#content .required        { background-color: #ffa; }
#career_start_day         { width: 22%; }
#career_end_day           { width: 22%; }
#career_start_time_4i     { width: 10%; }
#career_start_time_5i     { width: 10%; }
#career_end_time_4i       { width: 10%; }
#career_end_time_5i       { width: 10%; }
#content form             { width: 100%; }
#content form label       { font-size: small; }
#content input[type=text] { width: 60%; }
#career_status            { width: 60%; }
#career_location_id       { width: 60%; }
#career_department_id     { width: 60%; }
#content textarea         { width: 60%; }