/*********************************************
*GLOBAL
*********************************************/
.label {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.text {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

form
{
  margin: 0px;
  padding: 0px;
}

.button
{
  border-color: white;
}

/* commented backslash hack \*/
#pageupContent
{
  height:300px;
  margin-left: 12px;
  width: 435px;
}
#pageupContent p {
    margin-bottom: 1em;
}
#pageupContent h1, #pageupContent h2 {
    color:#FA8605;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
}
#pageupContent input.textInput, #pageupContent textarea.textInput { font-family: Arial; font-size: 12px }
a { color: #4E95DB }
#pageupContent #mandatoryMessage
{
  font-size: 11px;
  margin-bottom: 10px;
}

/* end hack */
html>body #pageupContent
{
  height:auto;
  min-height:300px;
}


.textField
{
  font-family: Verdana;
  font-size: 12px;
}

textarea
{
   FONT-FAMILY: Verdana, Geneva, Arial, Palatino;
   width: 250px;
}

text
{
   FONT-FAMILY: Verdana, Geneva, Arial, Palatino;
}

.pageTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #fa8605;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 12px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.paragraph
{
  padding-left: 2px;
  padding-bottom: 5px;
}

.formError
{
    COLOR: #ff0000;
    BACKGROUND-IMAGE: url(../jobImages/watermark_alert.gif);
    BORDER-RIGHT: #ff986e 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: left top;
    BORDER-TOP: #ff986e 1px solid;
    PADDING-LEFT: 10px;
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #ff986e 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #ff986e 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ffe6db;
    WIDTH: 388px;
}
.fieldError
{
    COLOR: #ff0000

}

.info
{
    BORDER-RIGHT: #f5d945 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: left top;
    BORDER-TOP: #f5d945 1px solid;
    PADDING-LEFT: 10px;
    BACKGROUND-IMAGE: url(../jobImages/watermark_info.gif);
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 4px;
    MARGIN-RIGHT: 4px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #f5d945 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #f5d945 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #fff9db;
    WIDTH: 388px;
}

.copyright
{
    FONT-SIZE: xx-small;
    COLOR: silver;
    FONT-FAMILY: sans-serif
}

#pageupFooter
{
  PADDING-BOTTOM: 10px;
  PADDING-TOP: 20px;
  PADDING-RIGHT: 8px;
  text-align: left;
  font-size: 11px;
}


#pageupContent .fieldset {
  width: 400px;
  overflow: hidden;
}


/*********************************************
*JOB SEARCH PAGE
*********************************************/
/** Hafeeza Commented out 20060921

#pageupContent #jobSearch #multipleSelectText
{
  font-size: 10px;
  margin-left: 82px;
  margin-top: 5px;
  margin-bottom: 10px;
}


#pageupContent #jobSearch #jobSearchButton
{
  padding-top: 10px;
  margin-left: 318px;
}

/*applies to all mutli-select fields*/
#pageupContent #jobSearch .select
{
  width: 300px;

}

/*applies to all labels on the jobsearch page*/
#pageupContent #jobSearch .label
{
  float: left;
  width: 80px;
  text-align: right;
  margin-right: 5px;
}

/*applies to all search fields*/
#pageupContent #jobSearch .select_wrapper
{
  margin-top: 10px;
}

#pageupContent #jobSearch #jobNumber_wrapper
{
  padding-top: 5px;
}

#pageupContent #jobSearch #keywords_wrapper
{
  margin-top: 10px;
}

#pageupContent #jobSearch .textField
{
  height: 20px;
}

#pageupContent #jobSearch #keywords_object
{
  width: 295px;
  vertical-align: top;
}

#pageupContent #jobSearch #jobNumber_object
{
  width: 220px;
  margin-right: 5px;
  vertical-align: top;
}

*******/



#pageupContent #jobSearch
{

}

#pageupContent #jobSearch #jobNumber
{
  width: 220px;
  float: left;
  vertical-align: middle;
}


#pageupContent #jobSearch #quickSearchButton
{
  margin-bottom: 5px;
  margin-left: 2px;
  margin-top: 0px;
}


#pageupContent #jobSearch #keywords
{
    width: 290px;
    float: left;
    vertical-align: middle;
}


#pageupContent #jobSearch .fieldLabel label
{
    float: left;
    width: 80px;
    text-align: right;
    margin-right: 5px;
}

#pageupContent #jobSearch .wrapper
{
    margin-top: 10px;
}

#pageupContent #jobSearch .fieldContent select {
    width: 297px;
}

#pageupContent #jobSearch #searchButton
{
  margin-top: 5px;
  margin-left: 317px;
}


#pageupContent #searchResults #searchResults
{
  width: 430px;
}

#pageupContent #searchResults #searchResultsTable {
  border-collapse: collapse;
  border: 1px solid #4E95DB;
  margin-bottom: 15px;
  width: 430px;
}

#pageupContent #searchResults .sTitleColumn {
  font-weight: bold;
  height: 100%;
}

#pageupContent #searchResults .lJobIDLabel
{
  height: 100%;
}


#pageupContent #searchResults #searchAgainButton
{
  text-align: right;
  margin-bottom: 5px;
  margin-left: 327px;
}


#pageupContent #jobMailUnsubscribe #emailFieldset
{
  width: 380px;
}

#pageupContent #jobMailUnsubscribe .fieldLabel label
{
  margin-top: 7px;
  margin-left: 0px;
  margin-right: 10px;
  float: left;
  width: 51px;
  text-align: right;
}

#pageupContent #jobMailUnsubscribe .fieldInput input
{
  margin-top: 7px;
  margin-left: 15px;
  width: 275px;
  text-align: left;
}


#pageupContent #jobMailUnsubscribe #jobMailUnsubscribeArea
{
  margin-left: 200px;
  width: 240px;
  margin-top: 10px;

}

#pageupContent #jobMailUnsubscribe #unsubscribeButton
{
  float: left;
}

#pageupContent #jobMailUnsubscribe #cancelButton
{
  margin-top: -1px;
}



/* EMAIL JOB PAGE */

#pageupContent #emailJob .fieldset
{
  width: 450px;
}

#pageupContent #emailJob .fieldLabel label
{
  margin-top: 7px;
  margin-left: 0px;
  float: left;
  width: 90px;
  text-align: right;
}

#pageupContent #emailJob .fieldInput
{
  margin-top: 7px;
  margin-left: 5px;
  width: 350px;
  float:right;
  text-align: left;
}

#pageupContent #emailJob .textInput
{
  width: 270px;
}


#pageupContent #emailJob #sendEmailArea
{
  margin-left: 200px;
  width: 240px;
  margin-top: 10px;
}

#pageupContent #emailJob #sendEmailButton
{
  float: left;
}

#pageupContent #emailJob #cancelButton
{
  margin-top: -1px;
}

#pageupContent #jobMail .fieldset
{
  width: 450px;
}

#pageupContent #jobMail .fieldLabel label
{
  margin-top: 7px;
  margin-left: 0px;
  float: left;
  width: 90px;
  text-align: right;
}

#pageupContent #jobMail .fieldInput input
{
  margin-top: 7px;
  margin-left: 5px;
  width: 305px;
  text-align: left;
}

#pageupContent #jobMail .fieldContent select
{
  margin-top: 7px;
  margin-left: 5px;
  width: 310px;
  text-align: left;
}

#pageupContent #jobMail #jobMailArea
{
  margin-left: 260px;
  width: 190px;
  margin-top: 10px;
}

#pageupContent #jobMail #subscribeButton
{
  float: left;
}


#pageupContent #jobMail #introText
{
  margin-bottom: 10px;
}

#pageupContent #jobDetails .template
{
  margin-top: 5px;
  margin-bottom: 10px;
  width: 440px;
}
#pageupContent #jobDetails #customTemplate
{
  padding: 5px;
  margin-left: 0px;
}
#pageupContent #jobDetails #standardTemplate
{
    border: 1px solid #CECECE;
    padding: 5px;
    margin-left: 4px;
    width: 410px;
}

#pageupContent #jobDetails #overview
{
  margin-top: 5px;
}

#pageupContent #jobDetails .label
{
  float: left;
  width: 120px;
  height: 5px;
  font-weight: bold;
}

#pageupContent #jobDetails #backToHomeButton
{
  margin-left: 0px;
}

#pageupContent #jobDetails #backToSearchResultsButton
{
  margin-left: 0px;
  margin-bottom: 2px;
}

#pageupContent #jobDetails #jobDetailsButtons
{
  padding-top: 10px;
  padding-bottom: 10px;
}

a.jobSearchResultTitle:link {color: #4E95DB; text-decoration: none}
a.jobSearchResultTitle:visited {color: #4E95DB; text-decoration: none}
a.jobSearchResultTitle:hover {text-decoration: underline}



a.jobMailUnsubscribeLink:link {color: #4E95DB; text-decoration: none}
a.jobMailUnsubscribeLink:visited {color: #4E95DB; text-decoration: none}
a.jobMailUnsubscribeLink:hover {text-decoration: underline}

TD
{
  FONT-FAMILY: Verdana, Geneva, Arial, Palatino;
  FONT-SIZE: 11px;
}

P
{
  MARGIN-TOP: 5px;
  MARGIN-BOTTOM: 5px;
  LINE-HEIGHT: 15px;
  FONT-FAMILY: Verdana, Geneva, Arial, Palatino;
}

TR.searchResultsTitle
{
  height: 30px;
  text-align: left;
}

.searchResultsTitle
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #4E95DB
}

.searchResultsEven
{
    BACKGROUND-COLOR: #e7e7e7;
    padding-right: 5px;
    vertical-align: top;
    padding-top: 3px;
}

.searchResultsOdd
{
    padding-right: 3px;
    vertical-align: top;
    padding-top: 3px;
}

A#copyright
{
    FONT-SIZE: xx-small;
    COLOR: silver;
    FONT-FAMILY: Arial
}

a.jobSearchResultTitle:link {color: #4E95DB; text-decoration: none}
a.jobSearchResultTitle:visited {color: #4E95DB; text-decoration: none}
a.jobSearchResultTitle:hover {text-decoration: underline}

TD.signIn
{
    PADDING-BOTTOM: 8px;
}

P.leftAlign
{
  TEXT-ALIGN: left;
  color: #4E95DB;
}

a.normal {color: #4E95DB; text-decoration: none}
a.normal:link {color: #4E95DB; text-decoration: none}
a.normal:visited {color: #4E95DB; text-decoration: none}
a.normal:hover {text-decoration: underline}

a.printerFriendlyWebsiteLink:link {color: #4E95DB; text-decoration: none}
a.printerFriendlyWebsiteLink:visited {color: #4E95DB; text-decoration: none}
a.printerFriendlyWebsiteLink:hover {text-decoration: underline}



TABLE.jobSearchResults
{
  border-bottom: #4E95DB 1px solid;
  border-right: #4E95DB 1px solid;
  border-left: #4E95DB 1px solid;
  margin-top: 5px;
  margin-left: 3px;
  width: 98%;
}


/*********************
*Sales force styles
**********************/

P {
  FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD {
  FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.semibold {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.change {
  FONT-SIZE: 12px; COLOR: #ff3366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
BODY {
  FONT-SIZE: 11px; MARGIN: 0px; BACKGROUND-IMAGE: url(../images/bg_main.jpg);
}
INPUT.white {
  FONT-SIZE: 10px; FONT-FAMILY: Verdana, sans-serif; BACKGROUND-COLOR: #ffffff
}
INPUT.buttons {
  FONT-SIZE: 10px; FONT-FAMILY: Verdana, sans-serif; BACKGROUND-COLOR: #8bb8c4
}
SELECT.search {
  FONT-SIZE: 10px; FONT-FAMILY: Verdana, sans-serif; BACKGROUND-COLOR: #ffffff
}
.noborder {
  BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
.caption {
  FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.crumbs {
  FONT-SIZE: 9px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.crumbs:link {
  COLOR: #919195; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.crumbs:visited {
  FONT-SIZE: 9px; COLOR: #919195; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.crumbs:hover {
  FONT-SIZE: 9px; COLOR: #E40E62; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.crumbs {
  FONT-SIZE: 9px; COLOR: #919195; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.heading1 {
  FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fa8605; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.heading2 {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fa8605; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.heading3 {
  FONT-SIZE: 12px; COLOR: #fa8605; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.headingProm {
  FONT-WEIGHT: bold; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; COLOR: #E40E62; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.headingProm2 {
  FONT-WEIGHT: bold; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; COLOR: #0167cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.reverse {
  FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.table {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #e7e7e7
}
.table2 {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.table3 {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #d7d7d7
}
.tabletitle {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #7a8b06
}
.tabletitle2 {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #cccc34
}
.tabletitle3 {
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #8d9293
}
A.nav2 {
  FONT-SIZE: 9px; COLOR: #646464; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.nav2:link {
  COLOR: #646464; TEXT-DECORATION: none
}
A.nav2:visited {
  FONT-SIZE: 9px; COLOR: #646464; TEXT-DECORATION: none
}
A.nav2:hover {
  FONT-SIZE: 9px; COLOR: #E40E62; TEXT-DECORATION: underline
}
A.nav2on {
  FONT-SIZE: 9px; COLOR: #ff9900; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.navon:link {
  COLOR: #ff9900; TEXT-DECORATION: none
}
A.nav2on:visited {
  FONT-SIZE: 9px; COLOR: #ff9900; TEXT-DECORATION: none
}
A.nav2on:hover {
  FONT-SIZE: 9px; COLOR: #ff9900; TEXT-DECORATION: underline
}
.paneltext {
  PADDING-LEFT: 8px; FONT-SIZE: 9px; PADDING-TOP: 8px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.navbg {
  PADDING-RIGHT: 3px; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; WIDTH: 116px; PADDING-TOP: 5px; BACKGROUND-COLOR: #EDEDF0
}
TD.navbgon {
  PADDING-RIGHT: 3px; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; WIDTH: 116px; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff
}
TD.nav2 {
  VERTICAL-ALIGN: bottom; WIDTH: 5px; BACKGROUND-COLOR: #EDEDF0; TEXT-ALIGN: right
}
TABLE.main
{
  BACKGROUND-COLOR: #FFFFFF;
}

TD.main
{
  PADDING-LEFT: 10px;
}


/** AH ****/

/** AH ****/
#pageupContent #searchResults #searchResultsTable .evenRow
{
  background-color: #e7e7e7;
}



/** AH ****/



#pageupContent #searchResultsTable th
{
  background-color: #4E95DB;
  color: white;
  height: 20px;
  width: 430px;
  text-align: left;

}
#pageupContent td {
    vertical-align: top;
    padding: 5px 0;
}
#pageupContent #searchResultsTable .checkboxColumn
{
  width: 10px;
  padding-right: 5px;
}

#pageupContent #searchResultsTable .sTitleColumn
{
  width: 150px;
  padding-right: 5px;
  padding-left: 5px;

}


#pageupContent #searchResultsTable .sLocationDescColumn
{
  width: 50px;
  padding-right: 5px;
  padding-left: 5px;

}


#pageupContent #searchResultsTable .dClosingDateColumn
{
  width: 100px;
  padding-right: 5px;
  padding-left: 5px;

}


#pageupContent #jobDetails #printerFriendly
{
  margin: 0px;
  margin-top: 5px;
  margin-left: 295px;
  margin-bottom: 5px;
}

#pageupContent #jobDetails #printerFriendly img
{
    vertical-align: middle;
}

.printerFriendlyLink:link {color: #4E95DB; text-decoration: none}
.printerFriendlyLink:visited {color: #4E95DB; text-decoration: none}
.printerFriendlyLink:hover {text-decoration: underline}

















