/* @override http://thehive.local/themes/default/default.css */

/* @group General defaults */

*        { padding: 0; margin: 0; }
body     { font: 13px Helvetica, Arial, Sans-serif; }
h1       { font-size: 18px; color: #008; margin: 0px 0px 5px 0px; }
hr       { height: 1px; padding: 0px; }
td       { vertical-align: top; }
ul       { list-style-type: none; width: 100%; }
label    { width: 60px; float: left; text-align: right; margin-right: 5px; margin-top: 4px; vertical-align: bottom; display: block; }
fieldset { border: 1px solid #118; }
legend   { font-size: 18px; color: #118; }
img      { border: 0px; }
a        { color: #304b78; }


/* @end */

/* @group Page sections */

#logo           { margin: 20px auto 0px auto; width: 225px; height: 51px; background: url(/images/ui/logo.png) no-repeat left top; }
#content-frame  { width: 936px; height: auto; margin: 0 auto; text-align: left; }
#header-main    { clear: both; height: 218px; background: url(/images/ui/header-background.gif) no-repeat left top; margin: 10px 0; padding: 50px 461px 0px 50px; }
#header-main p  { color: #444; }
#header-main h1 { margin-bottom: 1em; }

/* @end */

/* @group Menu */

#menu               { clear: both; height: 20px; padding: 10px 0px; width: 936px; background: url(/images/ui/navigation-background.gif) no-repeat left top; line-height: 20px; text-align: center; }
#menu ul            { overflow: hidden; width: 560px; margin: 0px auto; }
#menu li            { list-style: none; float: left; width: 140px; padding: 0px; }
#menu a             { overflow: visible; text-decoration: none; padding-left: 15px; color: #FFF; }
#menu li.selected a { background: url(/images/ui/arrow-down.gif) no-repeat left bottom; }

/* @end */

/* @group Content */

#main-content-frame         { overflow: hidden; width: 885px; background: url(/images/ui/body-background.gif) no-repeat left top; padding: 25px; }
#main-content-frame.job-rec { background-image: url(/images/ui/body-background-job-rec.gif); background-color: #F4F4F4; }
#main-content               { width: 496px; float: left; margin-right: 40px; padding-left: 5px; }
#main-content.no-sidebar    { width: 880px; margin-right: 0px; }

/* @end */

/* @group Sidebar */

#sidebar                               { width: 300px; float: right; border-left: 2px solid #EBEAEA; padding-left: 40px; }
#sidebar li                            { color: #808080; list-style-image: url(/images/public/sidebar-arrow-right.gif); }
#sidebar a                             { color: #808080; text-decoration: none; }
#sidebar p                             { padding-top: 2em; }
#sidebar div.section                   { overflow: visible; float: left; width: 145px; height: 6em; padding-left: 5px; }
#sidebar div.section h2.section-header { font-size: 13px; font-weight: normal; color: #4C6796; border: none; padding: 0px; margin-bottom: 5px; }

/* @end */

/* @group Footer */

#footer            { clear: both; border-top: 1px solid #c3c3c3; font-size: 87%; padding: 4px; color: #8F8E8E; margin-top: 5em; }
#footer div        { text-align: center; line-height: 20px; }
#footer #ip-info   { color: #D0D0D0; height: 20px; padding-left: 14px; }
#footer .separator { margin: 0px 30px; }
#footer a          { color: #8F8E8E; text-decoration: none; }

/* @end */

/* @group Tag cloud */

#tag-cloud { text-align: justify; line-height: 26px; }
.tag       { white-space: nowrap; margin-right: 1em; text-decoration: none; }
.tag:hover { text-decoration: underline; }

/* @end */

/* @group Job list */

ul.jobs,
p.jobs   { margin-top: 2em; margin-bottom: 2em; }
.jobs li { padding-bottom: 0.3em; }

/* @end */

/* @group Hive desktops */

.desktops                  { width: 100%; padding: 0px; clear: both; overflow: hidden; margin: 2em 0 1em; }
.desktops .left            { width: 48%; padding-right: 1%; }
.desktops .right           { width: 48%; padding-left: 1%; }
.desktops .left div.frame  { float: left; text-align: center; }
.desktops .right div.frame { float: right; text-align: center; }
.desktops ul, .desktops li { text-align: center; list-style-type: none; }
.desktops .list_title      { color: #666; margin-bottom: 2em; }

/* @end */

/* @group Contact form */

form#contact-form div#trigger_container { text-align: right; }
form#contact-form label                 { clear: both; float: left; width: auto; }
form#contact-form input,
form#contact-form textarea              { width: 100%; margin-bottom: 1em; 
                                          /* Firefox handles input sizing oddly - make sure it uses the W3C box model here */
                                          -moz-box-sizing: border-box; }

form#contact-form input#file-upload     { margin-bottom: 2em; margin-top: 0.5em; }
form#contact-form input#submit-button   { float: right; width: auto; margin: 0px; padding: 0px; }
form#contact-form input#captcha_text    { float: left; clear: both; width: 130px; }
form#contact-form input[type=text]:focus,
form#contact-form textarea:focus        { background-color: #ffffce; }

/* @end */

/* @group PMS Framework messages */

.messageBox   { position: relative; top: 24px; display: none; cursor: pointer; text-align: left; padding: 10px 20px 10px 45px; }
.alert        { background: #F8FAFC url(/images/ui/error.png) no-repeat scroll; background-position: 15px 50%; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; }
.error        { background: #FEE url(/images/ui/exclamation.png) no-repeat scroll; background-position: 15px 50%; border-top: 2px solid #F66; border-bottom: 2px solid #F66; }
.confirmation { background: #EFE url(/images/ui/information.png) no-repeat scroll; background-position: 15px 50%; border-top: 2px solid #2B2; border-bottom: 2px solid #2B2; }

/* @end */

/* @group Job rec navigation */

div#job-rec { margin-top: 4em; overflow: visible; }

/* @end */