/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/

body {
	background: #FFF url(http://www.baileymedicalcenter.jobs//images/gradient.jpg) repeat-x ;
	margin:0px;
	padding:0px;
}

html, body {
	height: 100%;	overflow: auto; 
	}

/* logo pos */
#logo { position:absolute;top:4em;left:2em;z-index:110;}

/* secondary links navbar */
#othernav { position: absolute; top: 4em; right:4em; left:auto;font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;}
#othernav a, #othernav a:visited {color: #8f4834;text-decoration:none;}
#othernav a:hover, #othernav a:active {color:#c96e4b;text-decoration:none;}

/* header */
#headerflower {position: absolute; top: 3em; left: auto; right:3em;z-index:0;}
#header {position: absolute;top:11em;left:18em;z-index:110;}
#header h1 {color: #00958f;font:normal 2.5em tahoma, verdana, sans-serif;letter-spacing:.25em;z-index:110;}

/* menu ad9353 */
#menu {position:absolute;top:10em;left:2em;z-index:230;}
#menu .bl_mouseover {background: url(http://www.baileymedicalcenter.jobs//images/bl_b.gif) 0 100% no-repeat #e9d6a3; width: 14em}
#menu .br_mouseover {background: url(http://www.baileymedicalcenter.jobs//images/br_b2.gif) 100% 100% no-repeat}
#menu .tl_mouseover {background: url(http://www.baileymedicalcenter.jobs//images/tl_b.gif) 0 0 no-repeat}
#menu .tr_mouseover {padding: 6px;}
#menu .bl {background: url(http://www.baileymedicalcenter.jobs//images/menu_bg.gif) 0 100% no-repeat #e6d096; width: 14em}
#menu .br {background: url(http://www.baileymedicalcenter.jobs//images/br.gif) 100% 100% no-repeat}
#menu .br_db {background: url(http://www.baileymedicalcenter.jobs//images/br_db.gif) 100% 100% no-repeat}
#menu .tl {background: url(http://www.baileymedicalcenter.jobs//images/tl.gif) 0 0 no-repeat}
#menu .tr {background: url(http://www.baileymedicalcenter.jobs//images/tr.gif) 100% 0 no-repeat; padding:6px}

#menu .bl_g {background: url(http://www.baileymedicalcenter.jobs//images/corners/menu_gbg.gif) 0 100% no-repeat #e6d096; width: 14em}
#menu .br_g {background: url(http://www.baileymedicalcenter.jobs//images/corners/br_teal.jpg) 100% 100% no-repeat}
#menu .br_gdb {background: url(http://www.baileymedicalcenter.jobs//images/corners/br_teal.jpg) 100% 100% no-repeat}
#menu .tl_g {background: url(http://www.baileymedicalcenter.jobs//images/corners/tl_teal.jpg) 0 0 no-repeat}
#menu .tr_g {background: url(http://www.baileymedicalcenter.jobs//images/corners/tr_teal.jpg) 100% 0 no-repeat; padding:6px}


.sidebar {float:right; margin-left:1em;margin-top:0em}
.sidebar .bl {background: url(http://www.baileymedicalcenter.jobs//images/corners/bl_ltbeige.gif) 0 100% no-repeat #e9d6a3; width: 18em}
.sidebar .br {background: url(http://www.baileymedicalcenter.jobs//images/corners/br_ltbeige.gif) 100% 100% no-repeat}
.sidebar .tl {background: url(http://www.baileymedicalcenter.jobs//images/corners/tl_ltbeige.gif) 0 0 no-repeat}
.sidebar .tr {background: url(http://www.baileymedicalcenter.jobs//images/corners/tr_ltbeige.gif) 100% 0 no-repeat; padding:1em}

#instructionBox {
	position:absolute; z-index: 100;top: -200px;left:300px;
}
#instructionBox .bl {background: url(http://www.baileymedicalcenter.jobs//images/corners/bl_ltbeige.gif) 0 100% no-repeat #e9d6a3; width: 26em}
#instructionBox .br {background: url(http://www.baileymedicalcenter.jobs//images/corners/br_ltbeige.gif) 100% 100% no-repeat}
#instructionBox .tl {background: url(http://www.baileymedicalcenter.jobs//images/corners/tl_ltbeige.gif) 0 0 no-repeat}
#instructionBox .tr {background: url(http://www.baileymedicalcenter.jobs//images/corners/tr_ltbeige.gif) 100% 0 no-repeat; padding:1em}


#facilityChooserDiv {position:relative; }
#facilityChooserDiv .bl {background: url(http://www.baileymedicalcenter.jobs//images/corners/bl_ltbeige.gif) 0 100% no-repeat #e9d6a3; width: 40em}
#facilityChooserDiv .br {background: url(http://www.baileymedicalcenter.jobs//images/corners/br_ltbeige.gif) 100% 100% no-repeat}
#facilityChooserDiv .tl {background: url(http://www.baileymedicalcenter.jobs//images/corners/tl_ltbeige.gif) 0 0 no-repeat}
#facilityChooserDiv .tr {background: url(http://www.baileymedicalcenter.jobs//images/corners/tr_ltbeige.gif) 100% 0 no-repeat; padding:1em}
#facilityChooserDiv label {
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	line-height:150%;
}

#facilityChooserDiv H2, #facilityChooserDiv P {
	margin:0px;
}

#facilityChooserDiv #leftColumn {
	width: 12em;
	float:left;
	margin-bottom:.5em;
}

#facilityChooserDiv #midColumn {
	width: 12em;
	margin-left:.25em;
	float:left;
}

#facilityChooserDiv #rightColumn {
	margin-left:.25em;
	float:left;
	width: 12em;
}

#messageDiv {
	position:absolute;
	left:-16em;
	top: 10em;
}
.sidebar li {
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	line-height:150%;
	
}
.sidebar ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.accordionwrapper {}
.accordionwrapper .bl {background: url(http://www.baileymedicalcenter.jobs//images/corners/bl_ltbeige.gif) 0 100% no-repeat #e9d6a3; width: 40em}
.accordionwrapper .br {background: url(http://www.baileymedicalcenter.jobs//images/corners/br_ltbeige.gif) 100% 100% no-repeat}
.accordionwrapper .tl {background: url(http://www.baileymedicalcenter.jobs//images/corners/tl_ltbeige.gif) 0 0 no-repeat}
.accordionwrapper .tr {background: url(http://www.baileymedicalcenter.jobs//images/corners/tr_ltbeige.gif) 100% 0 no-repeat; padding: .5em 0em 1em 0em;}

/* breadcrumb */
#breadcrumb {
	border:solid 1px Gainsboro;
	border-width:1px 0px;
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	padding:4px 0px;
	margin:0em 0em 1em 0em;
	z-index: 800;
}

#breadcrumb a, #breadcrumb a:visited {color: #003D79;text-decoration:none;}
#breadcrumb a:hover, #breadcrumb a:active {color:#3eb7b1;text-decoration:none;}


/* story portraits (index page) */
.story_portrait {
	width:122px;
	height:210px;
	float:left;
	margin:10px;

}
.story_portrait  a, .story_portrait  a:visited {font-weight: bold; color: #003D79;text-decoration:none;}
.story_portrait  a:hover, .story_portrait  a:active {font-weight: bold; color:#84b3e4;text-decoration:none;}
.storyrow {
	width: 600px;
}

#hilda_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/hilda_back.jpg) 0 0 no-repeat; }
#jennifer_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/jennifer_back.jpg) 0 0 no-repeat; }
#june_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/june_back.jpg) 0 0 no-repeat; }
#matt_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/matt_back.jpg) 0 0 no-repeat; }
#melinda_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/melinda_back.jpg) 0 0 no-repeat; }
#patti_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/patti_back.jpg) 0 0 no-repeat; }
#renna_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/renna_back.jpg) 0 0 no-repeat; }
#ricky_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/ricky_back.jpg) 0 0 no-repeat; }
#rodney_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/rodney_back.jpg) 0 0 no-repeat; }
#summer_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/summer_back.jpg) 0 0 no-repeat; }
#raeanne_d { background: url(http://www.baileymedicalcenter.jobs//images/stories/raeanne_back.jpg) 0 0 no-repeat; }


/* photo with caption */
.photowcaption {
	float:right;
	margin-left:1em;
	font:normal 0.5em tahoma, verdana, sans-serif;
	letter-spacing:1px;
	text-align:center;
}

/* accelerate job quicklinks */
.quicklinks img {
	border-width:0px;
	margin:1em;
}

/* footer */
#footer {
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	line-height:2em;
	letter-spacing:2px;
	margin: 0 auto;
	border:solid 1px red;
	left:24em;
	background-color:#FFF;
}

#footer a, #footer a:visited {color: #003D79;text-decoration:none;}
#footer a:hover, #footer a:active {color:#3eb7b1;text-decoration:none;}


/* content */

#content a:link, #content a:visited {
	color: #c96e4b;
	text-decoration: none;
}

#content a:active, #content a:hover {
	color: #c96e4b;
	text-decoration: underline;
}
#content {
	position:absolute;
	top:16em;
	left:18em;
	right:2em;
	width:44em;
	bottom:auto;
	margin-bottom:2em;
	padding-bottom:2em;

   /* IE Dynamic Expression to set the width */
   width:expression(document.body.clientWidth < 34em ? "30em" : "100%"; );
}

#content h1 {
	margin-top:2em;
	font:normal 1.5em tahoma, verdana, sans-serif;letter-spacing:1px;
	color: #8f4834;
}

#content h2 {
	font:italic normal 1em tahoma, verdana, sans-serif;letter-spacing:1px;
	color: #c96e4b;
}

#content h3 {
	font:italic .8em tahoma, verdana, sans-serif;letter-spacing:1px;
	color:#000;
}

#content p {
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	line-height:150%;
}

#content li {

}

#content table {
	border:solid 1px Gainsboro;
	border-collapse:collapse;
}

#content #Jobs_Table {
	border-width:0px;
	border-collapse:collapse;
}

#content th {
	font:bold 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	background-color: Gainsboro;
}

#content td {
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
}

#content tr.odd {
	background-color: Whitesmoke;
}

.clear {font-size: 1px; height: 1px}
.break {clear:both;}


/* tame the lists */
ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */
	}


/* navbar list */
ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	width:14em;
	/*left:1em;*/
	margin-bottom:.75em;	
	}

/* navbar custom positions - doing these as separate ULs because of the rounded corners crap */

#menu-i {top:0em;}
#menu-ii {top:3em;}
#menu-iii {top:6em;} 
#menu-iv {top:9em;}
#menu-v {top:12em;}
#menu-vi {top:15em;}
#menu-vii {top:18em;}

/* navbar list-items */
ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	
	/* duplicate navbar width */
	width:14em;
	
	/* shift list-items to collapse borders vertically */
	margin:-1px 0 0 0;
	
	}


/* menu lists */
ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	
	/* menu width */
	width:8.2em;
	
	/* menu offset, which already includes 1px compensation 
	   on TOP, for list-item border collapse */
	margin:-.8em 0em 0em 14em;
	/* overlapping the menus improves usability */
	
	/* 
	position menus off the screen to hide 
	because using display, visibility, overflow or clip,  
	would hide them from browser-based screenreaders as well 
	*/
	top:-100em;
	
	/* shift menus to collapse navbar->menu borders */
	left:0px;
	
	/* compensate for list-item border collapse */
	padding:1px 0 0 0;
	background-color:#e9d6a3;
	}


li.bottomcap .sbl {background: url(http://www.baileymedicalcenter.jobs//images/bl_b.gif) 0 100% no-repeat #e9d6a3; width: 8.2em;height:10px;}
li.bottomcap .sbr {background: url(http://www.baileymedicalcenter.jobs//images/br_b.gif) 100% 100% no-repeat;height:10px;}
li.topcap .stl {background: url(http://www.baileymedicalcenter.jobs//images/tl_b.gif) 0 0 no-repeat #e9d6a3;}
li.topcap .str {background: url(http://www.baileymedicalcenter.jobs//images/tr_b.gif) 100% 0 no-repeat;}


/* menu list-items */
ul.vertical ul li {
	/* duplicate menu width */
	width:8.2em;
	}


/* further child-menu offset */
ul.vertical ul ul {
	/* this already includes 1px compensation 
	   for list-item border collapse */
	/*margin:-0.5em 0 0 7.7em;*/
	/* overlapping the menus improves usability */
	}


/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   that would make it difficult or impossible to close the menus 
   we're hiding it using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}

/* all nav links */
ul.vertical a {
	font:normal normal normal 0.7em tahoma, verdana, sans-serif;
	color:#fff;
	text-decoration:none;
	letter-spacing:1px;
}

/* main nav links only */
ul.vertical a, ul.vertical:visited {
	
}


/* subnav links only */
ul.vertical ul a:hover, ul.vertical ul a:active {
	display:block;
	cursor:pointer;
	cursor:hand;
	
	background-color:#e9d6a3;
	padding:5px 7px;
	font:normal normal normal 0.7em tahoma, verdana, sans-serif;
	color:#00958f;
	text-decoration:none;
	letter-spacing:1px;	
}

/* subnav links mouseover only */
ul.vertical ul a, ul.vertical ul a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	
	background:#e9d6a3;
	padding:5px 7px;
	font:normal normal normal 0.7em tahoma, verdana, sans-serif;
	color:#003D79;
	text-decoration:none;
	letter-spacing:1px;
	}
	
/* rollover pseudo-classes, and scriptable persistence class */
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	/*background:#3c7ac3;*/
	color:#003D79;
	}



/* hacks for win/ie to cure 'excess hidden margins' bug */
@media screen, projection {
	* html ul.vertical li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f\loat:left; 
		/* this cures 'events fall through the menu' bug in ie6 */
		background:#ffffff; 
		}
	}
	
/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }



ul.spacedlist li {
	margin-bottom:1em;
}


img.right {
	float:right;
	margin-left:1em;
}

img.left {
	float:left;
	margin-right:1em;
}

.job_placeholder {
	width: 180px;
	background-color:WhiteSmoke;
	height:200px;
	float:left;
	padding:50px 10px 10px 10px;
	margin-right:20px;
	text-align:center;
}
.job_placeholder p {
	color:Grey;
	font-weight:bold;
}
#SpryDebugWindow { display:none; position:absolute; left:-400px; top:-400px; }
#Jobs_DIV { float:left; }
#Job_List_DIV { float:left; margin-left:10px; }
#Job_List_DIV p { padding:12px; width:180px; }
#Jobs_DIV table, #Job_List_DIV table { 	border-width: 1px; }
#Jobs_DIV td, #Job_List_DIV td { border-bottom: dotted 1px Gainsboro; padding:2px; }
#Jobs_Detail_Keyword_DIV {
	border:solid 1px Gainsboro;
	float:left;
	line-height:150%;
	padding:6px;
	margin-left:10px;
	width: 400px;
	position:absolute;
	left:224px;
	}
#Jobs_Detail_DIV { 
	border:solid 1px Gainsboro;
	float:left;
	line-height:150%;
	padding:10px;
	width:240px;
	position:absolute;
	left:424px;
}

#Jobs_Detail_DIV h2 {
	margin:0px;
}
.hover { background-color: #ffcc33; cursor:pointer;}
.select, .select2{ cursor:pointer; background-color: #ffcc33; }
.selected { background-color: Red; }
.disabled { color:#a9a9a9; cursor: default; }
#top5Category { margin-bottom:1em; }

#top5Table td.link a { border:solid 1px Gainsboro; padding:10px;}
#top5Table td.spacer {padding-left: 5px;}
#top5Table a { color:#000; text-decoration:none; cursor:pointer; cursor:hand; }
#top5Table td.link:hover { background-color: #ffcc33;}
#top5Table { margin-bottom:2em; border:solid 1px Red; }

#top5div { margin:2em 0em;}
#top5div a { 
	border:solid 1px Gainsboro;
	background-color: Whitesmoke;
	padding:10px;
	margin-right:10px;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	font:normal .8em tahoma, verdana, sans-serif;letter-spacing:1px;
}
#top5div .select0 {
	cursor: default;
	background-color: #e9d6a3;
	border:solid 1px Gainsboro;
	padding:10px;
	margin-right:10px;
	color:#000;
	font:normal .8em tahoma, verdana, sans-serif;letter-spacing:1px;
}
#top5div a:hover { background-color: #eee3c3;}

.SpryHiddenRegion {	visibility:hidden; }
#JobContainer { width:680px; }
.highlighted { background-color:Pink;}
.invisible, .invisible2 { visibility:hidden;}
*/.invisible {
	background-color:PaleGoldenRod;
}
.invisible2 {
	background-color:GoldenRod;
}.*

h2 .subtle, h2 .subtle a { color:Grey;}

.ghosted { color: Grey; }
#email_job_form label {
	font:normal 0.7em tahoma, verdana, sans-serif;letter-spacing:1px;
	line-height:150%;
}
#email_job_form label input,#email_job_form label textarea {
	width:270px;
}
#detail_arrow {
	left:-15px;
	position:absolute;
	top:50px;
}