/* HTML5 Boilerplate
What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to
Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.
Detailed information about this CSS: h5bp.com/css */
/* ==========================================================================
Non-Semantic Helper Classes: Do not modify
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==========================================================================
Media Queries
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==========================================================================
Print styles: Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* =============================================================================
Embedded content
========================================================================== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
2. Remove the gap between images and borders on image containers: h5bp.com/e */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold;}
/* blockquote { margin: 1em 40px; } */
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
============================================================================= */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Base
============================================================================= */
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
2. Force vertical scrollbar in non-IE
3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */
html { font-size: 100%; min-width: 960px; overflow-y: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%}
body {
height: 100%;
margin: 0; padding: 0; font-size: 12px; line-height: 1.231;
background-image: -webkit-linear-gradient(top, #F7931E 0%, #FBB034 100%)
background-position: initial initial;
background-repeat: initial initial;
}
body, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #5f6062; /* color: #222; */ }
textarea { padding: 2px; }
h1 { font-size: 12pt; }
h2 { font-size: 11pt; margin: 0 0 10px 0; }
/* Remove text-shadow in selection highlight: h5bp.com/i
These selection declarations have to be separate
Also: hot pink! (or customize the background color to match your design) hot pink: #fe57a1 */
::-moz-selection { background: #3399ff; color: #fff; text-shadow: none; }
::selection { background: #3399ff; color: #fff; text-shadow: none; }
/* =============================================================================
Links
============================================================================= */
a { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; }
a:hover { color: #C9C9C9; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Headers
============================================================================= */
.header { background-color: #5f6062; width: 100%; height: 25px; /* border-bottom: 1px solid #575a5d; */ }
.header-content { width: 903px; margin: 0 auto; align: right; }
.header-content div { clear: both; height: 25px; line-height: 25px; text-align: right; }
.header-content span { font-size: 11px; color: #ffffff; }
.header .copy { padding-right:0px; }
.header span { padding: 7px 0; }
.header span a { color: #ffffff; text-decoration: none; }
.header span#login-link1, span#login-link2 { padding: 7px 10px; z-index: 1000; }
.header span#login-link2 { background-color: #F7F8F9; z-index: 1000; }
.header span#login-link2 a { color: #5F6064;}
/* =============================================================================
Backgrounds
============================================================================= */
.blackbg { background-color: #000000; color: #ffffff; }
.bluebg, .bluebg a { background-color: #a9ddf3; color: #0297d6; }
.graybg { background-color: #f7f8f9; color: #000000; }
.greenbg, .greenbg a { background-color: #d3e5a2; color: #6fc165; }
.orangebg, .orangebg a { background-color: #ffefbc; color: #fcae2f; }
/* =============================================================================
Buttons
============================================================================= */
.formbtn-cont { clear: both; height: 21px; margin: 20px 0 50px 30px; }
.formbtn { width: 200px; height: 21px; margin: 0 auto; }
.btn-space { margin: 0 0 0 20px; }
.btn-browse-upload { float: right; position: relative; margin: 3px 0 0 0; }
.btn-inactive-prevstep { width: 76px; height: 21px; background: url("../images/buttons-forms-cand.jpg"); background-position: -5px -4px; float: left; position: relative; }
/* =============================================================================
Forms
============================================================================= */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
.fieldset { float: left; position: relative; margin: 0 10px 10px 0; }
/*.formbox, #agree-terms { width: 100%; margin: 0 0 12px 0; padding: 15px 0 15px 15px; float: left; position: relative; }
.formbox input { margin: 3px 0 0 0; }
.formbox input:focus, .formbox select:focus { border: 1px #e0e86e solid; box-shadow: 1px 1px 10px #e0e86e; -webkit-box-shadow: 1px 1px 10px #e0e86e; -moz-box-shadow: 1px 1px 10px #e0e86e; outline: none; }
.formbox label { clear: left; font-weight: bold; color: #5f6062; }
.formbox select { margin: 3px 6px 0 0; border: 1px #555555 solid; }*/
.notificationForm { border: 0; padding:15px; text-align:center}
.notificationbutt { padding:15px; text-align:left; font-size:10pt; height: 20; font-weight: bold; background-color: #fdfdfd; }
.notification { padding:5px; text-align:left; font-size:12pt; width: 225px; height: 10px; font-weight: bold; }
.notificationsub { color: #fbbc66; padding:5px; text-align:left; font-size:10pt; width:290px; height: 15px; font-weight: normal; }
.notifbutton { padding:5px; text-align:left; font-size:10pt; width:250px; height: 25px; margin-top:-10px; margin-left:370px; font-weight: normal; }
.activebutton{ width: 159px; height: 26px; background: url("../images/buttons-forms-cand.jpg"); background-position: -680px -1094px; margin-top:-28px; margin-left:-115px; float: left; position: relative; border: 0; text-indent:-9999px;}
.deactivebutton{ width: 159px; height: 26px; background: url("../images/buttons-forms-cand.jpg"); background-position: -680px -1120px; margin-top:-28px; margin-left:-10px; float: left; position: relative; border: 0; text-indent:-9999px;}
/* Buttons */
.btn-active { width: 76px; height: 21px; background: url("../images/buttons-forms-cand.jpg"); background-position: -230px -27px; float: left; position: relative; border: 0; }
.btn-active-nextstep:hover { background: url("../images/buttons-forms-cand.jpg"); background-position: -229px -50px; }
.btn-active-nextstep:active { background: url("../images/buttons-forms-cand.jpg"); background-position: -229px -73px; }
.mainbox{ background: url("../images/buttons-forms-cand.jpg");border: 1px solid blue; padding:5px; text-align:left; font-size:8pt; width: 200px; height: 5px; font-weight: bold; }
.inputdesc { text-align: left; float: left; font-size: 8pt; color: #999999; margin-top: 1px; }
.messagebox { width: 530px; margin: 0 0 12px 0; padding: 7px 15px 7px; float: left; position: relative; border-bottom: 1px solid #5F6062;}
.messagebox-white { width: 530px; margin: 0 0 12px 0; padding: 7px 15px 7px; float: left; position: relative; background-color: #000000; color: #ffffff; }
.formleft { float: left; position: relative; width: 200px; margin: 10px 0 0 0; line-height: 1em; }
.yui-cms-accordion .yui-cms-item .formbox { width: 545px; margin: 0; padding: 15px 0 15px 15px; float: left; position: relative; background-color: #f7f8f9; }
#agree-terms { color: #000000; margin-left: 15px; }
#agree-terms a { color: #555555; font-weight: bold; }
#agree-terms input[type="checkbox"] { margin: -3px 8px 0 0; vertical-align: middle; }
/* Login Box */
#login-box { /*clear: both;*/ margin-top: -1px; margin-left: 623px; position: relative; z-index: 1; width: 250px; height: 158px; padding: 15px; background-color: #f7f8f9; -moz-box-shadow: -3px 10px 9px #555555; -webkit-box-shadow: -3px 10x 9px #555555; box-shadow: -3px 10px 9px #555555; text-align: left;}
#login-box input { width: 243px; padding: 2px; border: 1px #555555 solid; }
#login-box input:focus { border: 1px #FAA635 solid; box-shadow: 1px 1px 10px #FAA635; -webkit-box-shadow: 1px 1px 10px #FAA635; -moz-box-shadow: 1px 1px 10px #FAA635; outline: none; margin: 0 0 0 0; }
#login-box span { font-weight: bold; color: #5f6062; font-size: 9pt; }
#login-box-helper { width: 250px; text-align: right; font-size: 8pt; height: 15px; margin-top: -3px; }
#login-box-helper a { color: #FAA635; font-weight: bold; text-align: right; }
#login-box-helper a:hover { color: #555555; }
#login-link { font-size: 11px; color: #5F6062; background-color: #f7f8f9; padding: 6px; font-weight: bold; z-index: 1000; }
#login-btn input{ width: 74px; height: 20px; background: url("../images/buttons-forms-jeepnee.jpg") no-repeat; background-position: -303px -27px; margin: 20px 0 0 0; border: 0; }
#login-btn input:hover { background-position: -303px -50px; margin: 20px 0 0 0; }
#login-btn input:active { background-position: -303px -73px; margin: 20px 0 0 0; }
#login-btn input:focus { border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin: 20px 0 0 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type=""] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Footer
============================================================================= */
.footer { position: relative; width: 100%;}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -112px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 225px; /* .push must be the same height as .footer */
}
.footer-content { width: 903px; margin: 0 auto; }
.footer-content .first { width: 165px; }
.footer-content .second { width: 450px; padding-right: 0px; }
.footer-content .third { width: 145px; height: 148px; }
div.footer-area-columns.third { height: 148px; width:150px; padding-right: 0px; margin-left: 89px; background: url(../images/FooterFlower.jpg) no-repeat; background-position: 0 112px; }
.footer-info a { color: #575A5D; }
.footer .footer-top { width: 100%; height: 30px; background-color: #faa635; border-bottom: 1px solid #575a5d; }
.footer-top .footer-content { height: 30px; line-height: 30px; }
.footer .footer-top .footer-title { color: #ffffff; font-size: 14px; font-weight: bold; }
.footer .footer-area { width: 100%; height: 165px; background-color: #5F6062; }
.footer-area .footer-content { height: 165px; }
.footer-area .footer-content-title{ font-size: 14px; font-weight: bold; color: #faa635; padding-bottom: 5px; }
.footer-area .footer-content-header{ font-size: 14px; font-weight: bold; color: #ffffff; }
.footer-area .footer-content-text{ font-size: 14px; font-weight: regular; color: #ffffff; }
.footer-area .footer-area-columns{ padding: 17px 27px 0 0; float: left; }
.footer-bottom { width: 100%; height: 30px; background: #f7f8f9; }
.footer-bottom span { color: #575a5d; text-align: left; font-size: 11px; height: 30px; line-height: 30px; margin-right: 3px; }
.footer-bottom .footer-info { border-right: 1px solid; border-color: #faa635; padding-right: 5px; }
/* =============================================================================
Social Network Icons
============================================================================= */
.social-icons a { height: 21px; width: 21px; display:block; }
.social-icons div { padding-right: 2px; float: left; }
a#FB_icon { background-image: url(../images/social-icons.jpg); background-position: -3px -2px; }
a#FB_icon:hover { background-image: url(../images/social-icons.jpg); background-position: -28px -2px; }
a#FB_icon:active { background-image: url(../images/social-icons.jpg); background-position: -52px -2px; }
a#Lnd_icon { background-image: url(../images/social-icons.jpg); background-position: -3px -29px; }
a#Lnd_icon:hover { background-image:url(../images/social-icons.jpg); background-position: -28px -29px; }
a#Lnd_icon:active { background-image:url(../images/social-icons.jpg); background-position: -52px -29px; }
a#TWT_icon { background-image: url(../images/social-icons.jpg); background-position: -3px -56px; }
a#TWT_icon:hover { background-image:url(../images/social-icons.jpg); background-position: -28px -56px; }
a#TWT_icon:active { background-image:url(../images/social-icons.jpg); background-position: -52px -56px; }
a#YTB_icon { background-image: url(../images/social-icons.jpg); background-position: -3px -82px; }
a#YTB_icon:hover { background-image:url(../images/social-icons.jpg); background-position: -28px -82px; }
a#YTB_icon:active { background-image:url(../images/social-icons.jpg); background-position: -52px -82px; }
/* =============================================================================
Todays News: Right Sidebar
============================================================================= */
#hdr-todaysnews { width: 135px; height: 26px; float: right; position: relative; background: url("../images/headers.jpg") no-repeat; margin: 0 42px 9px 0; background-position: -10px -116px; }
.newsitemtop { width: 185px; height: 7px; background: url(../images/item-news-top.jpg) no-repeat; background-position: top; margin: 0 0 12px -12px; }
.newsitem, .newsitem a { width: 158px; clear: both; font-size: 12pt; font-weight: bold; padding: 0 10px 12px 12px; margin-bottom: 10px; }
.newsitem h1, .newsitem h1 a { font-size: 25pt; margin: 0; }
.newsitem h2, .newsitem h2 a { font-size: 18pt; margin: 0; line-height: 1em; }
.newsitem h3, .newsitem h3 a { font-size: 14pt; margin: 0; }
/* =============================================================================
Main Layout Elements
============================================================================= */
#header { height: 25px; }
#navigation { height: 46px; }
#signup { width: 903px; margin: 0 auto; }
#signup-container { height: 60px; background-color: #605E56; }
#leftpane { width: 155px; float: left; position: relative; line-height: 2em; font-size: 12px; }
#leftpane ul { list-style: none; padding: 0 0 0 36px; margin-top: -1px; margin-bottom: 0px; line-height: 1.9em; }
#leftpane ul li { color: #5f6062; font-weight: bold; }
#leftpane ul li a, #leftpane ul li a:hover, #leftpane ul li a:active { background: none; padding: 0; }
#main { width: 930px; float: left; position: relative; margin: 30px 0 0 0; background: url("../images/bg-rightpane.jpg") repeat-y; background-position: right top; height: 693px; height: auto !important; min-height: 693px; max-height: 1440px; }
#midpane { width: 560px; float: left; position: relative; margin: 0 0 0 15px; /*padding-bottom: 25px;*/ }
#rightpane { width: 185px; float: right; position: relative; margin: 0 0 0 15px; background: url("../images/bg-rightpane.jpg") repeat-y; padding: 0 0 50px 0; margin-bottom: 30px; }
#container { width: 100%; min-width: 903px; }
#content { float: left; width: 633px; }
#content-container { width: 903px; margin: 0 auto; }
#ads { float: right; width: 270px; }
#footer { clear: both; height: 225px; padding-top: 30px; }
hr { box-shadow: 1px 1px 2px #ffffff; -webkit-box-shadow: 1px 1px 2px #ffffff; -moz-box-shadow: 1px 1px 2px #ffffff; clear: both; }
.spacer { clear: both; }
.btn-spacer { clear: both; height: 10px; }
/* =============================================================================
Main Navigation Elements
============================================================================= */
#navigation { background-color: #FAA635; }
#navigation .navigation-content { width: 903px; height: 46px; margin: 0 auto; }
#navigation .logo { float: left; padding: 3px 0; }
.logo img { width: 132px; height: 40px; }
#navigation .navigation-menu-and-search { float: right; }
.navigation-menu-and-search .navigation-menu { height: 46px; float: left; margin-right: 10px; }
.navigation-menu-and-search .search { padding: 12px 10px; float: left; }
ul.navigation { line-height: 46px; margin: 0; list-style-type: none; font-size: 14px; }
ul.navigation li { display: inline; margin: 0 5px 0 5px; }
ul.navigation a { color: #ffffff; }
.navigation-menu li a { height: 46px; padding: 7px 5px 0 5px; }
.navigation-menu li a:hover { border-top: 8px solid #0096db; }
.navigation_active a { border-top: 8px solid #0096db; }
/* ul.navigation li.navigation_last { padding-right: 0px; } */
.search-box { width: 137px; height: 22px; border: 0; background: url(../images/nav-search.png); }
.search input { width: 133px; height: 18px; padding: 2px; }
.signup-image { height: 29px; width: 470px; margin: 15px 0; }
.email-box { text-indent: 15px; width: 219px; height: 17px; font-size: 15px; color: #cccccc; margin: 0 4px; outline: #a9ddf3; }
.candidate-btn { width: 90px; height: 22px; margin-right: 4px; border: 0; color:transparent; background-image: url(../images/CandidateButton.png); }
.candidate-btn:hover { background-image: url(../images/CandidateButton.png); background-position: 0px -23px;}
.candidate-btn:active { background-image: url(../images/CandidateButton.png); background-position: 0px -46px;}
.employer-btn { width: 94px; height: 22px; border: 0; background-image: url(../images/EmployerButton.png); color:transparent; }
.employer-btn:hover { background-image: url(../images/EmployerButton.png); background-position: 0px -23px;}
.employer-btn:active { background-image: url(../images/EmployerButton.png); background-position: 0px -46px;}
.jobid { right: 15px; position: absolute; z-index: 1; text-align: right; text-align: right; font-weight: bold; }
.list-btn { position: absolute; background-color: #5F6062; z-index: 100; top: 0; right: 0; height: 18px; /*display: none;*/ /*will show up on hover using js*/; }
.photo { width: 75px; height: 90px; float: left; position: relative; background-color: #555555; border: 1px #5F6062 solid; margin: 0 8px 0 0; }
.photo-primary { width: 145px; height: 160px; float: left; position: relative; background-color: #555555; border: 1px #5F6062 solid; margin: 0 0 12px 8px; }
.rating { float: right; background-color: none; z-index: 100; top: 0; right: 0; height: 16px; }
.info { width: 550px; float: left; position: relative; }
.info h1, .db h1 { font-weight: bold; margin: 0 0 3px 0; font-size: 13px; }
.info span, .info p { margin-left: 20px; }
.info p { margin-top: 0; margin-bottom: 0; }
.info ol { list-style: decimal; list-style-position: inside; padding: 0; margin-top: 5px; }
.about { width: 445px; float: left; position: relative; margin-bottom: 10px; }
/* Dashboard Layout */
.db { width: 560px; float: left; position: relative; margin-bottom: 15px; }
.db-left { width: 266px; float: left; position: relative; }
.db-right { width: 266px; float: left; position: relative; margin-left: 28px; }
.db-gray { background-color: #f7f8f9; }
/*Test*/
#pagewraper{
height: auto !important;
margin: 0 auto -227px;
min-height: 100%;
}