/***** This style sheet is used to by the web pages that display
Recruitmax job listings and for other pages that use the same look *****/

/***** Content pages use a simple table to establish 4 colums for layout
to avoid problems with recruitmax applications *****/

/* home.css is necessary for "official" uw logobar and uw footer styles */
@import url(http://www.washington.edu/home/home.css);

html {
	margin: 5px;
}

body { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

img {border: none;}

strong {font-weight: bold; }

td {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Page Wrapper  - This wrap is used to size the template pages */

div#pagewrap {
	width: 100%;
	padding: 5px;
}

div#pagewrap table {
	margin-bottom: 20px;
}


/*****  med centers logobar wrapper - used only on hmc and uwmc recruitmax wrappers *****/

div#medcentheadwrap {
	position: relative;
	padding-left: 10px;
	margin-top: 5px;
	width: 100%;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	font-size: 75%;
	font-weight: bold;
}

 div#medcentheadwrap #linkwrap {
 	position: absolute;
	right: 0;
	bottom: 3px;
	padding-right: 20px;
	text-align: right;
	white-space: nowrap;
	width: 40%;
}

#linkwrap a, #linkwrap a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #00017D;
	vertical-align: bottom;
}

#linkwrap a:hover {
	text-decoration: underline;
}

/***** UW logo bar wrapper used  on general UW recruitmax wrapper and  UW employee login recruitmax wrapper
and other pages with same look *****/

div#headerwrap {
	width: 100%;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

/*** Banner Bar - container for photographs and color block ***/

div#bannerbar {
	position: relative;
	padding: 0;
	margin: 0;
	height: 65px;
	background-color: #523E62;
}


div#bannerbar h3 {
	position: absolute;
	margin: 0;
	left: .5em;
	top: .6em;
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	color: #EAEAEA;
}


/***** this h3 style is only used for usability testing

div#bannerbar h3 {
	position: absolute;
	margin: 0;
	left: 1em;
	top: .4em;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	background-color: #ffffff;
	color: red;
}

 *****/

div#bannerbar div#imgwrap {
	position: absolute;
	top: 0;
	right: 21px;
}

div#bannerbar img {
	border-left: 1px solid #FFFFFF;
}

div#colorblock {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #FFFFFF;
	background-color: #707045;
	width: 20px;
	height: 65px;
}

/*** Color Bars  - the narrow, colored  bars above and below the benner section ***/

div#colorbartop {
	margin: 0;
	margin-top: -3px;
	padding: 0;
	width: 100%;
	height: 15px;
	background-color: #523E62;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

div#colorbartop div.putty {
   float: right;
	height: 15px;
	width: 270px;
	background-color: #929481;
	border-left: 1px solid white;
}

div#colorbarbot {
	width: 100%;
	margin-top: 0;
	background-color: #523E62;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 1em;
}

div#colorbarbot div.putty {
	margin: 0;
	float: left;
	padding: 0;
	width: 80px;
	background-color: #929481;
	border-right: 1px solid white;
	height: 1em;
}

/*** style for employment opportunities text in lower color bar ***/

span#colorbarbottxt {
	font-size: 12px;
	margin: 1px 0 1px 40px;
	color: #EAEAEA;
	font-weight: bold;
}

/***** End Banner and Color Bar Styles *****/

/***** Content Section widh links in pages with recruitmax content only *****/

/*** Left Navigation Column ***/

td#linkbox {
	background-color: #EFECDF;
	vertical-align: top;
	width: 14.5em;
}

ul#links, ul#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*first level link position and li and a colors and hovers for all link levels */

ul#links {
	margin-left: 5px;
	padding: 20px 10px 20px 0;
	font-weight: bold;
	width: 13em;
}

ul#links li {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	border-bottom: 1px solid #EFECDF;
}

ul#links li a, ul#links li a:visited {
	font-size: 80%;
	display: block;
	margin: 0 0 3px 0;
	padding: 2px 0 2px 3px;
	text-decoration: none;
	border-bottom: 1px solid #ECC464;
	color: #523E62;
	white-space: nowrap;
}

ul#links li a:hover {
	color: #F6F4ED;
	background-color: #929481;
	border-bottom: 1px solid #523E62;
}

/* first level sublinks */

 li ul#sublinks, li ul#sublinks ul {
	margin-top: .5em;
	margin-left: 1.2em;
}


ul#sublinks li a, ul#sublinks li a:visited {
	font-size: 75%;
	padding: 1px 0 1px 3px; 
	border-left: 2px solid #ECC464;
	border-bottom: 0;
}

ul#sublinks li a:hover {
	border-left: 2px solid #523E62;
	border-bottom: 0;
}

/***** Recruit max layout using table  *****/

/*** sets basic table properties ***/

table#rmax {
	margin: 0;
	border: 0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

table#rmax td {
	vertical-align: top;
}

div#rmaxwrap {

}


/*** formats section of table containing  RMAX JOB BOARD  ***/
table#rmax td {
	text-align: left;
	vertical-align: top;
}

/*** formats this section of table when used for non recruitmax content ***/

div#gencontent {
	position: relative;
	padding: 0;
	padding-bottom: 20px;
	width: 700px;
}

div#gencontent a, div#gencontent a:visited{
	color: #330099;
}

div#gencontent a:hover {
	color: #F0EDF3;
	background-color: #6F715F;
}

div#gencontent p {
	font-size: .85em;
}

div#gencontent li {
	font-size: .85em;
	margin-bottom: .4em;
}

div#gencontent li li {
	font-size: 1em;
}

div#gencontent h5 {font-size: .75em; font-weight: bold;}

div#gencontent h4 {font-size: .85em; font-weight: bold;}

div#gencontent h3 {font-size: 1.10em; font-weight: bold;}

div#gencontent h2 {font-size: 1.35em; font-weight: bold;}

div#gencontent h1 {font-size: 1.50em; font-weight: bold; margin-top: 0;}

/*** list of page's contents ***/

ul.contents {
	margin: 0 0 0 30px;
	padding: 0;
	font-weight: bold;
}

ul.contents ul {
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

ul.contents li {
	margin-bottom: 4px;
}

ul.contents li ul {
	margin-top: 4px;
}

ul.contents li a, ul.contents li a:visited {
	font-size: .85em;
	color: #330099;
	text-decoration: none;
}

ul.contents li a:hover {
	color: #F0EDF3;
	background-color: #6F715F;
}

/***** style for links to UW Home, HR Home, and Med Ctrs in general jobs pages *****/

div#rightlinks {
	margin-bottom: 1em;
	padding-right: 20px;
	background-color: white;
	text-align: right;
}

div#rightlinks a, div#rightlinks a:visited {
	white-space: nowrap;
	font-size: .75em;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #334;
}

div#rightlinks a:hover {
	text-decoration: underline;
}

/* applicant index, "welcome" page styles for "login boxes" */
/*** style for inline recruitmax login link button ***/

div#gencontent {
	position: relative;
	width: 100%;
}

div#gencontent a.login, div#gencontent a.login:visited {
	font-size: 1em;
	color: #333399;
	font-weight: bold;
	padding: 0 3px 2px 3px;
	border: 1px solid #ccc;
	text-decoration: none;
}
			
div#gencontent a.login:hover {
	padding: 0px 3px 2px 3px;
	color: #FFFFFF;
	border: 1px solid #000000;
}


/*------------------------login box areas--------------------*/
div#boxWrap { /* wrapper for start-login boxes*/
	position: relative;
	width: 100%;
}
div.startBox {
	float: left;
	width: 13em;
	border: 1px solid #CCCCCC;
	margin-left: 15px;
	padding: 3px;
	font-size: .9em;
	text-align: center;
}
	
div.startBox p {
	color: #FFFFFF;
	background-color: #523E62;
	font-weight: bold;
	margin: -3px -3px 1em -3px;
	padding: .2em;
}
	
div.startBox ul {
	margin: 0;
	margin-left: 1.5em;
	padding: 0;
	text-align: left;
}
	
div.startBox ul li ul {
	margin-top: .5em;
}
	
div.startBox a, div.startBox a:visited {
	display: block;
	width: 8em;
	margin: 1em auto .5em auto;
	border: 1px solid #523E62;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
}

/***** employee loginbox link style *****/

a.eelogin, a.eelogin:visited {
	margin: 1em 2em 0 2em;
	padding: .5em;
	width: 10em;
	display: block;
	float: right;
	background-color: #F4F4F4;
	color: #523E62;
	border: 3px solid #523E62;
	font-weight: bold;
	font-size: .8em;
	text-align: center;
}

a.eelogin:hover  {
	margin: 1em 2em 0 2em;
	padding: .5em;
	width: 10em;
	display: block;
	color: #FFFFFF;
	background-color: #656565;
}

/*---------------------temporary arra information-----------------------*/
/*** Temporary ARRA employment box***/

div#boxWrap div#arra {
	position: relative;
	float: left;
	margin: 0 0 0 25px;
	background-color: #fff;
	width: 300px;
	border: 2px solid #523E62;
	padding: 90px 15px 0px 15px;
}

div#arra img {
	position: absolute;
	top: 10px;
	right: 10px;
}

div#arra h1 {
	font-size: 1.5em;
	margin: 0;
}

div#arra p.arra {
	position: relative;
	margin: .9em 0;
	font-size: .75em;
	color: #000;
	font-weight: normal;
	line-height: 1.20em;
}

div#arra span {
	color: #2D3389;
	font-weight: bold;
}


/* -------------------------text-----------------*/


div#pageText {
	float: left;
	clear: left;
	margin-top: 20px;
	width: 420px;
}

/* ----------------------image and link to employee referral page -------------------*/


a#referral, a:visited#referral {
	display: block;
	text-decoration: none;
	filter: alpha(opacity=100);
	opacity: 1; 
}

a:hover#referral{
	text-decoration: none;
	filter: alpha(opacity=50);
	opacity:.50; 
}


/*-----------------special style for HMC recognition as people picks finalist----------- */
img#peoplepick {
	display: block;
margin: 20px auto;
}

/*--------------end this style---------------*/


/***** these styles modify the size positioning and/or visibility of some items in the recruitmax app itself *****/

/*** this makes the title "Company News" disapear ***/

 #TDNewsHeaderFont {
	display: none;
}

table #TBLNewsBackground table {
	display: none;
}

/*** this style makes the title of a company news item disappear - used for "search by category for best results - see also Search Tips***/

td#TDRegular .hidethis {
	font-size: 1px;
	color: #FFFFFF;
	visibility: hidden;
}

/*** these styles modify display of featured jobs and are currently unused 

table#TBLHotJobsBackground {
	font-size: .7em;
}
table#TBLHotJobsBackground i {
	font-size: .8em;
	font-style: normal;
}
table#TBLHotJobsBackground strong#TDHotJobsHeaderFont {
	font-size: .8em;
}

***/

/*** invisible skip to content link style for screen readers ***/

div.hide {
	position: absolute;
	left: 0;
	top: -1000px;
}

 a.hide, a.hide:visited, a.hide:hover {
	font-size: 1px;
	color: #fff;
}

span.hide {
	font-size: 1px;
	color: #fff;
}


/*** format for highlighting block of text ***/

div.highlites {
	padding: 5px;
	background-color: #E3E3DD;
}

div.highlites h2 {
	text-align: center;
	margin: 5px 0 20px 0;
}

div.highlites h3 {
	margin: 0;
}

div.highlites ul {
	font-size: .95em;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*** FAQ format ***/

table.faq {
	border: 1px solid black;
	border-bottom: 0;
}

table.faq thead th {
	border-right: #CCCCCC;
	padding: 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #454545;
}

table.faq td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid black;
	padding: 3px;
	font-size: .9em;
}

table.faq h4{
	margin: 0;
	padding: 0;
	font-size: .75em;
	font-weight: bold;
}

table.faq th.cat {
	border-bottom: 1px solid black;
	color: #000000;
	background-color: #EAEAFF;
}

/*** Info Display Table ***/

table.display {
	border: 1px solid black;
	border-right: 0;
}

table.display thead th {
	border-right: #000000;
	border-bottom: #000000;
	padding: 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #454545;
}

table.display td, table.display th{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 6px;
	font-size: .8em;
}

/*** definition list styles for glossary and Q & A ***/
dl {font-size: .85em}
dt {
	font-weight: bold;
	color: #330033;
	margin: 1.5em 0 .5em 0;
}

dd {margin: 0 0 .5em 2em;}

dd li {
	margin-top: .5em;
}

/*** Page Contents style ***/
ul.contents {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 15px 0 0 30px;
	padding: 0;
}

ul.contents ul {
	margin: 0 0 0 15px;
}

ul.contents li {
	margin-top: .3em;
	margin-bottom: 0;
}

ul.contents a:link, ul.contents a:visited {
	font-size: .9em;
	padding: .1em;
	color: #000099;
	text-decoration: none;
}
	
ul.contents a:hover {
	background-color: #000099;
	color: #FFFFFF;
}


/* clearing div */

div.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

div.clear hr {
	visibility: hidden;
}