/*****************************************************/
/* Design: css2 */
/* Author: Atul */
/* Date: Oct 1, 2006 */
/*---------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/* FONT-SIZE DEFINITIONS */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The */
/* font-size variations throughout the webpage are then expressed in */
/* percentage values respective to the incoming font-size. To make */
/* calculations easier, the font definition in the css-class "body" is */
/* 62.5%, which gives 1.0em = 10px This makes life a real breeze! */
/*-----------------------------------------------------------------------*/
@import url('jquery-ui-1.7.1.custom.css');
/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {font-size: 80%;
margin: 0em auto;
padding: 0px;
font-family:Tahoma, Arial, Helvetica, sans-serif, "MS sans serif";
font-size: 11px;
background: url(Images/background2.gif) top center repeat-y;}
.page-container {
width: 95%;
margin: 0px auto;
margin-bottom: 20px;
padding: 0px;
border-left: solid 1px rgb(150,150,150);
border-right: solid 1px rgb(150,150,150);
border-bottom: solid 1px rgb(150,150,150);
background-color: #ffffff;
}
/**********************/
/* SECTION 2 - HEADER */
/**********************/
.img-headerlogo {clear: both; float: left; vertical-align:top; margin: 0px; padding: 5px 0px 2px 2px;}
.img-headerpunchline {clear: both; vertical-align:top; margin: 0px; padding: 5px 5px 2px 0px;}
.BannerCellEmployer {font-size:8pt; padding: 0px 0px 0px 4px; width :166px; height:92px; background-repeat:no-repeat; background-image :url(Images/employers_bg.gif);color:#ffffff;font-weight:normal;text-decoration:none;}
.BannerCellEmployer a{color:#ffffff;font-weight:normal;text-decoration:underline;}
.BannerCellEmployer a:visited{color:#ffffff;font-weight:normal;text-decoration:underline;}
.BannerCellEmployer a:hover{color:#ffffff;font-weight:normal;text-decoration:none;}
.BannerCellJobSeeker {font-size:8pt; padding: 0px 0px 0px 4px; width :166px; height:92px; background-repeat:no-repeat; background-image :url(Images/jobseekers_bg.png);color:#ffffff;font-weight:normal;text-decoration:none;}
.BannerCellJobSeeker a{color:#ffffff;font-weight:normal;text-decoration:underline;}
.BannerCellJobSeeker a:visited{color:#ffffff;font-weight:normal;text-decoration:underline;}
.BannerCellJobSeeker a:hover{color:#ffffff;font-weight:normal;text-decoration:none;}
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/
.navcontainer { margin-left: 20px; margin-top :6px;margin-bottom:6px; }
.navlist{list-style: none;padding: 0;margin: 0; font-size:8pt;}
.navlist li{display: inline;padding: 0;margin: 0;}
.navlist li a{color:#ffffff;font-weight:normal;text-decoration:none;}
.navlist li a:hover{color:#ffffff;font-weight:normal;text-decoration:underline;}
* html .navlist li:first-child { border-left: 0; }
.navlistSeperator{color:#ffffff;font-weight:normal;text-decoration:none;}
.navbar {background-color:#EE9425;}
/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content { margin: 0px; padding: 0px 0px 0px 10px; background-color: transparent; color: rgb(75,75,75);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 438px */
.content-pagetitle {clear: both; float: left; width: 600px; margin: 2px 2px 5px 2px; padding: 0px;}
.content-main
{
clear: both;
float: left;
width: 800px;
margin: 2px 2px 4px 2px;
padding-bottom: 4px;
}
/*---------------------*/
/* Section 6C.4 - Text */
/*---------------------*/
/* Heading */
h1 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h3 {clear: left; margin: 1.0em 0px 0.1em 0px; font-weight: bold; font-size: 110%;}
.PageTitle {margin: 0.2em 0px 0.2em 0px; font-weight: bold; font-size: 150%;}
.SpanPageTitle {margin: 0px 8px 0px 0px;
vertical-align: top;
color:#EE9425;
font-weight: bold;
font-size: 110%;
padding: 14px 14px 11px 14px;}
/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/
.bg-Content {background-color: rgb(254,252,232);}
/******************************/
/* SECTION 8 - ControlPanel */
/******************************/
.cpanel
{
text-align: center;
vertical-align: middle;
}
.cpanel div.icon
{
height: 70px !important;
width: 68px !important;
margin: 3px;
}
.cpanel div.icon a
{
display: block;
height: 70px !important;
height: 70px;
width: 68px !important;
width: 68px;
vertical-align: middle;
text-decoration: none;
border: 1px solid #DDD;
padding: 2px 5px 1px 5px;
}
.cpanel div.icon a:link
{
color: #808080;
}
.cpanel div.icon a:hover
{
color: #333;
background-color: #f1e8e6;
border: 1px solid #c24733;
padding: 3px 4px 0px 6px;
}
.cpanel div.icon a:active
{
color: #808080;
}
.cpanel div.icon a:visited
{
color: #808080;
}
.cpanel div.icon img
{
margin-top: 3px;
}
.cpanel div.icon span
{
display: block;
padding-top: 3px;
}
/***************************************************/
/* SECTION - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
a {color:#003366; text-decoration: none;}
a:hover {color:#CC0000; text-decoration: none;}
/**********************/
/* SECTION - FOOTER */
/**********************/
.footer
{
font-family: Tahoma, Arial , Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #ffffff;
background-color:#566401;
text-decoration: none;
}
/******************************/
/* SECTION - MISCELLANEOUS */
/******************************/
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}
.highlight {text-decoration:none; font-weight:bold; color:black; background:yellow;}
.error{font-weight:bold; color:red;}
/******************************/
/* SECTION - DataGrid */
/******************************/
.GridTable {font-size:1.0em; font-weight:bold; }
.GridHeader {font-size:1.0em; font-weight:bold; color:#FFFFFF;background-color:#566401; }
.GridFooter {font-size:1.0em; font-weight:bold;color:#000000; background-color:#E5F4FC;}
.GridItem {font-size:1.0em; font-weight:normal;color:#000000; background-color:#ffffff;}
.GridAlternatingItem {font-size:1.0em; font-weight:normal;color:#000000; background-color:#F0EBEF;}
.GridEditItem {font-size:1.0em; font-weight:normal;color:#000000; background-color:#FAFFCF;}
.GridItemEmpty {font-size:1.1em; font-weight:bold;color:#EE9425; background-color:#ffffff; text-align:center;}
.GridSelectedItem {font-size:0.9em; font-weight:bold;font-weight:bold; color:#450F7F; background-color:#f5f5f5;}
.GridStrikedItem {font-size:0.9em; font-weight:normal;color:#000000; background-color:#ffffff;text-decoration:line-through; }
.GridPager{font-size:1.0em; font-weight:bold;color:#003366; background-color:#F4F6E5; }
.GridPager span {color:Red;}
.GridHeader a:link {color : #ffffff;text-decoration:none;}
.GridHeader a:hover {color : #ffffff;}
.GridHeader a:visited {color : #ffffff;text-decoration:none;}
/* Form view */
.FormViewFooter {font-size:0.0em; font-weight:bold; color:#FFFFFF;background-color:#D6DFF5;}
.FormViewRow {font-size:0.9em; font-weight:normal;color:#000000; background-color:#8CAAE6;}
.FormViewPager {font-size:0.9em; font-weight:normal;color:#000000; background-color:#EFE6F7;}
.FormViewHeader {font-size:0.9em; font-weight:bold;color:#000000; background-color:#6487DC;}
.FormViewEditRow {font-size:0.9em; font-weight:bold;color:#000000; background-color:#D6DFF5;}
/******************************/
/* SECTION - Form */
/******************************/
.LabelClass
{
color: #003366;
text-align: left;
}
.LabelRequired
{
color: #ff0000;
}
input
{
background-color: #FFFBDF;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #809431;
color: #000000;
font-family:Verdana;
font-size:11px;
font-weight:normal;
padding:4px 0 2px 4px;
}
input.required
{
border: solid 1px #AF0000;
}
input[type="radio"]
{
background-color: #EFEFEF;
border-width: 0px;
color: #003366;
}
textarea
{
background-color: #FFFBDF;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #809431;
font-family :Verdana;
font-size:11px;
font-weight:normal;
color: #000000;
}
input[type="image"]
{
background-color: Transparent;
border-width: 0px;
font-family: "Courier New" , Courier, mono;
font-size: 0.9em;
}
input[type="checkbox"]
{
background-color: Transparent;
color: #003366;
border-width: 0px;
font-family: "Courier New" , Courier, mono;
font-size: 0.9em;
}
select
{
background-color: #FFFBDF;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #809431;
font-family:Verdana;
font-size:11px;
font-weight:normal;
}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
background-color: #dcdcdc;
border: 1px solid;
color: #000000;
cursor: default;
}
button, a.button, input.button, .CommandButton
{
background-color: #566401;
background-image: url( 'images/blt_input.gif' );
background-repeat: no-repeat;
background-position: 4px center;
padding: 2px 4px 1px 12px;
border-color: #ffffff;
border: 1px;
border-style: ridge;
color: #FFF;
font-weight: bold;
font-size: 1.1em;
height: inherit;
vertical-align: middle /* Hack so IE can do :hover on non elements ;behavior: url('images/buttonHover.htc')*/;
}
button span.icon
{
background: none;
padding: 0;
height: inherit;
}
a.button:hover, input.button:hover, .inputButton:hover, .CommandButton:hover
{
background-color: #EE9425;
background-image: url( 'images/blt_input_on.gif' );
border-color: #ffffff;
color: #ffffff;
}
/* Nested Fieldset */
fieldset fieldset {
}
fieldset fieldset legend {
}
/* IE6 BUG FIXES ==================================================================== */
form {
height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
overflow: expression('visible');
}
form .inlineSection .oneField {
display: expression('inline-block');
}
label.preField, form .inlineSection .oneField .inlineLabel {
width: expression('7em');
white-space: expression('nowrap');
}
/******************************/
/* SECTION - HomePage */
/******************************/
.HomeEmployerHead {font-size:1.0em; padding-left:6px; font-weight:normal; color:#FFFFFF;background-color:#1C6FA4; }
.HomeEmployerContent {font-size:1.0em; font-weight:normal; color:#003366;background-color:#EDF3FA; }
.HomeEmployeeHead {font-size:1.0em; padding-left:6px; font-weight:normal; color:#FFFFFF;background-color:#8FA600; }
.HomeEmployeeSubHead {font-size:1.0em; padding-left:6px; font-weight:normal; color:#566401;background-color:#DBE2AD; }
.HomeEmployeeContent {font-size:1.0em; padding-left:12px; font-weight:normal; color:#000000;background-color:#F4F6E5; }
.HomeCenterImage {background: url(Images/background2.gif) top center repeat-y; vertical-align:middle;text-align:center;}
button, button.iconBtn, a.button, input.button,
.inputButton, .inputSubmit, .inputReset, .btnFirst, .btnPrev, .btnNext, .btnLast {
background-color:#566401
;background-image:url('images/blt_input.gif')
;background-repeat:no-repeat
;background-position:4px center
;padding: 3px 4px 1px 12px
;border-width: 1px
;border-color: #003967
;border-style: solid
;color: #FFF
;font-weight: bold
;height: inherit
;vertical-align: middle
/* Hack so IE can do :hover on non elements */
;behavior: url('/NextJobMain/App_Themes/BlueTheme/buttonHover.htc')
}
button span.icon{
background: none
;padding: 0
;height: inherit
}
button:hover, a.button:hover, input.button:hover, .inputButton:hover,
.inputSubmit:hover , .inputReset:hover{
background-color:#D35B00
;background-image:url('images/blt_input_on.gif')
;border-color: #BE1624
;color: #ffffff
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
}
.icon, .iconNoText{
padding-top: 1px;
padding-bottom: 1px;
padding-left: 22px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: transparent;
height: auto;
*height: 16px;
}
input.icon{
padding-left: 22px;
}
li.icon, li.iconNoText{
list-style: none;
padding-left: 24px;
margin-bottom: 2px;
}
li a.icon{
line-height: 1.6em;
}
.iconMailUnread, .iconMailMake, .iconMail{
background-image:url('images/icons/email.png');
}
.iconMailForward{
background-image:url('images/icons/email_go.png');
}
.iconMailPrint{
background-image:url('images/icons/printer.png');
}
.iconApply{
background-image:url('images/icons/apply.png');
}
.iconBin{
background-image:url('images/icons/bin.png');
}
/***************************************************************************
* Collapsible Lists
***************************************************************************/
.menu_list {
width: 150px;
border-style:inset;
border-width:0.2px;
}
.menu_head {
padding: 3px 10px;
cursor: pointer;
position: relative;
margin:1px;
font-size:0.8em;
font-weight:bold;
background: #eef4d3 url(images/arrow.png) center right no-repeat;
}
.menu_body {
display:none;
}
.menu_body a{
display:block;
color:#006699;
background-color:#ffffff;
padding-left:10px;
font-size:0.8em;
font-weight:normal;
text-decoration:none;
}
.menu_body a:hover{
color: #000000;
text-decoration:underline;
}
OPTGROUP{
background: #566401;
color: #ffffff;
font-style: normal;
text-decoration: none;}
OPTION{
background: #FFFBDF;
color: black;
text-decoration: none;}
/************ AutoComplete **********/
.ac_results
{
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul
{
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li
{
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/
font: menu;
font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
line-height: 16px;
overflow: hidden;
}
.ac_loading
{
background: white url( 'images/indicator.gif' ) right center no-repeat;
}
.ac_odd
{
background-color: #eee;
}
.ac_over
{
background-color: #0A246A;
color: white;
}
/*JQuery ToolBar css*/
.fg-button
{
outline: 0;
margin: 0 4px 0 0;
padding: .4em 1em;
text-decoration: none !important;
cursor: pointer;
position: relative;
text-align: center;
zoom: 1;
}
.fg-button .ui-icon
{
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
}
a.fg-button
{
float: left;
}
/* remove extra button width in IE */
button.fg-button
{
width: auto;
overflow: visible;
}
.fg-button-icon-left
{
padding-left: 2.1em;
}
.fg-button-icon-right
{
padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon
{
right: auto;
left: .2em;
margin-left: 0;
}
.fg-button-icon-right .ui-icon
{
left: auto;
right: .2em;
margin-left: 0;
}
.fg-button-icon-solo
{
display: block;
width: 8px;
text-indent: -9999px;
}
/* solo icon buttons must have block properties for the text-indent to work */
.fg-buttonset
{
float: left;
}
.fg-buttonset .fg-button
{
float: left;
}
.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button
{
margin-right: -1px;
}
.fg-toolbar
{
padding: .5em;
margin: 0;
}
.fg-toolbar .fg-buttonset
{
margin-right: 1.5em;
padding-left: 1px;
}
.fg-toolbar .fg-button
{
font-size: 1em;
}
/******************************/
/* jQuery RoundedCorner */
/******************************/
.rounded
{
float: left;
margin: 1em;
padding: 12px;
}
.roundedform{background-color: #EDF3FA;}
.roundedgrid {background-color: #F4F6E5;}
.roundedInfo{background-color: #FFEEBF;}
.roundedform h3 {color:#5F0000;}
.roundedgrid h3 {color:#5F0000;}
.roundedInfo h3 {color:#191970;}
.roundedInfo a, .roundedInfo a:hover, .roundedInfo a:visited {color:#8B0000;font-weight:bold; }
.sidebar
{
float:right;
width:220px;
margin: 2px 2px 2px 2px;
background-color: #ffffff;
text-align: left;
} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidelist { list-style-image: url(images/bullet_arrow.png); margin-top:2px;}
/*Ajax Window*/
#simplemodal-overlay
{
background-color: #DCDCDC;
}
#simplemodal-container
{
background-color: #ffffff;
border: 9px solid #444;
padding: 8px;
}
#simplemodal-container a.modalCloseImg
{
background: url(images/x.png) no-repeat; /* adjust url as required */
width: 23px;
height: 23px;
display: inline;
z-index: 3200;
position: absolute;
top: -15px;
right: -18px;
cursor: pointer;
}
/* ie6 trash */
* html #gritter-notice-wrapper {
position:absolute;
}
* html .gritter-top {
margin-bottom:-10px;
}
* html .gritter-item {
padding-bottom:0;
}
* html .gritter-bottom {
margin-bottom:-11px;
}
* html .gritter-close {
background:url(images/gritter-close-ie6.gif);
width:22px;
height:22px;
top:7px;
left:7px;
}
/* the norm */
#gritter-notice-wrapper {
position:fixed;
top:200px;
right:20px;
width:301px;
z-index:9999;
}
.gritter-item-wrapper {
position:relative;
margin:0 0 10px 0;
}
.gritter-top {
background-image:url(images/gritter-top.png);
background-repeat:no-repeat;
background-position:top left;
height:10px;
}
.hover .gritter-top {
background-position:top right;
}
.gritter-bottom {
background-image:url(images/gritter-bottom.png);
background-repeat:no-repeat;
background-position:top left;
height:8px;
margin:0;
}
.hover .gritter-bottom {
background-position: top right;
}
.gritter-item {
display:block;
background-image:url(images/gritter-bg-tile.png);
background-repeat:repeat-y;
background-position:top left;
color:#000000;
padding:2px 11px 8px 11px;
font-size: 11px;
font-family:verdana;
}
.hover .gritter-item {
background-position:top right;
}
.gritter-item p {
padding:0;
margin:0;
}
.gritter-close {
position:absolute;
top:5px;
left:3px;
background:url(images/gritter-close.png);
cursor:pointer;
width:30px;
height:30px;
}
.gritter-title {
font-size:14px;
font-weight:bold;
padding:0 0 7px 0;
display:block;
text-shadow:1px 1px #fff; /* Not supported by IE :( */
}
.gritter-image {
width:48px;
height:48px;
float:left;
}
.gritter-with-image,
.gritter-without-image {
padding:0 0 5px 0;
}
.gritter-with-image {
width:220px;
float:right;
}
.watermark {
color: #6B8E23 !important;
}