/* left sidebar */

p.medtext { font-size: .85em;  }

#leftSidebar { margin: 0 0 0 0.5em; padding: 0;}
#leftSidebar h2 { color: #005995; text-align: right; font-size: 0.95em; font-weight: bold; padding-top: 0.75em; margin-top: 0px; margin-bottom: 0; }
#leftSidebar ul#home { margin-top: 0; padding-top: 0; }
#leftSidebar ul#home li { margin-top: 0; padding-top: 0; }
#leftSidebar ul li {font-size: 0.85em; margin: 0.25em 0; padding: 0.25em 0;}
#leftSidebar a:link {color: #005995;text-decoration: none;}
#leftSidebar a:visited { text-decoration: none; color: #005995; }
#leftSidebar a:hover { text-decoration: none; color: #0082D9; }
#leftSidebar a:active {	text-decoration: none;	color: #006BA5;}

#leftSidebar .selected {font-weight: bold;}

ul#home { margin: 0; padding: 0 0 0.75em 0;  }
ul#home li.selected {margin: 0; }

ul.bordBottom { border-bottom: solid 1px #ccc; }

ul#sub { padding-top: 0.75em; border-top: solid 1px #ccc; }
ul#sub li {	margin-bottom: 0.25em;	padding: 0.25em 0;}
#leftSidebar ul.sub li {  padding: .25em 0 1em 0; }
#leftSidebar ul#subnav {margin-top: .25em; padding: 0; font-size: 110%; }
#leftSidebar #subnav li { padding: 0; }
#leftSidebar ul#subnav ul { margin: 0; padding: 0; font-size: 100%; }
#leftSidebar .emplgroup { font-weight: normal; }

#leftSidebar img.topEmp {
	margin: 0;
	padding: 0;
	border: none;
}

#leftSidebar ul#subnav a { color: #555; }
#leftSidebar ul#subnav a:visited { color: #555; }
#leftSidebar ul#subnav a:hover { color: #0082D9; text-decoration: none; }
#leftSidebar ul#subnav a:active { color: #0082D9; }

#leftSidebar ul#subnav li a.selected:link {color: #555; font-weight:bold;}
#leftSidebar ul#subnav li a.selected:visited {color: #555; font-weight:bold;}
#leftSidebar ul#subnav li a.selected:hover {color: #555; font-weight:bold; }
#leftSidebar ul#subnav li a.selected:active { color: #555; font-weight:bold;}


/* right sidebar */
#content_sub {	margin: 0 1.1em 0 0; padding: 0; }
#content_sub .box {	
	text-align: left; 
	margin:0 0 1.5em 0; 
	padding: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;   
	border: 2px solid #0076C2;
	background: #fff;
}
#content_sub .box h2 { font: bold .9em Verdana, Arial, Helvetica, sans-serif; background: #0076C2;  padding: 0.5em; margin: 0 0 0.5em 0; color: #fff; display: block; }
#content_sub .box h3 { font-size: .9em; font-weight: normal; color: #5E8532; margin: 0 0.25em .5em 0.5em;  }
#content_sub .box h3 a:link {
	text-decoration: none; color:#005995; border-bottom: 1px dotted #005995;
}
#content_sub .box h3 a:visited {
	text-decoration: none; color:#005995; border-bottom: 1px dotted #005995;
}
#content_sub .box h3 a:hover {
	text-decoration: none; color:#5E8532; border-bottom: 1px dotted #5E8532;
}
#content_sub .box h3 a:active {
	text-decoration: none; color:#5E8532; border-bottom: 1px dotted #5E8532;
}
#content_sub .box p {text-align: left;line-height: 1.4em;font-size: 0.8em;margin: 0 0 1em 0.5em; }
#content_sub img { margin: 0 0 .5em 0; padding:0; }

#content_sub ul { text-align: left; margin: 0 0 0 1.3em; padding: 0; list-style: none; top: 0px; font-size: 0.8em;  }

#content_sub ul.tips { text-align: left; margin: 0 0 0 0.3em; padding: 0; list-style: disc; top: 0px; font-size: 0.8em;  }

#content_sub .box ul li {
	margin: 1em 0 1em 1.5em; 
	padding: 0 0 0 0.5em;
}

#content_sub .box ul.calendar {
	list-style-image: url(../../humanresources/images/icons/icon_calendar.gif);
}

#content_sub .box ul li.calendar {
	list-style-image: url(../../humanresources/images/icons/icon_calendar.gif);
}

#content_sub .box ul li.check {
	list-style-image: url(../images/icons/icon_tick.gif);
}

#content_sub .box ul li.apple {
	list-style-image: url(../images/icons/icon_apple.gif);
}

#content_sub .box ul li.help {
	list-style-image: url(../images/icons/icon_help.gif);
}

#content_sub .box ul li.info {
	list-style-image: url(../images/icons/icon_information.gif);
}

#content_sub .box ul li.apply {
	list-style-image: url(../images/icons/icon_page_edit.gif);
}
/* main content icons */

#searchHelp { float: right; width: 35%; margin: 0 0 0 0.5em; padding: 0;}

#searchHelp ul { margin: 0; padding: 0.5em 1.3em; }

#searchHelp ul li.rss {
	list-style-image: url(../images/icons/icon_feed.gif);
	padding: 0 0 0 0.2em;
}

#searchHelp ul li.search {
	list-style-image: url(../images/icons/icon_zoom.gif);
	padding: 0 0 0 0.2em;
}

#searchHelp ul li.loginhelp {
	list-style-image: url(../images/icons/icon_error.gif);
	padding: 0 0 0 0.2em;
}

ul li.apply {
	list-style-image: url(../images/icons/icon_page_edit.gif);
	padding: 0 0 0 0.2em;
}

ul li.info {
	list-style-image: url(../images/icons/icon_information.gif);
	padding: 0 0 0 0.2em;
}

ul li.covinfo {
	list-style-image: url(../images/icons/icon_information.gif);
	padding: 0 0 0 3px;
	margin: 0 0 0 0.3em;
}

/*rollover buttons */

.clear { clear:both;}

/*** positioning internal/external start buttons ***/

#filter { width: 700px; display: inline; }

#filter #external {width: 340px; float: left;}

#filter #internal {width: 340px; float: right;}

/*** external start button ***/

#external 	{    
	width: 148px;  
	margin:1em 1em 0 0;
	}

#external a {
			display: block;
			position: relative;
			width: 328px;
			height: 88px;
			background-color: #fff;
			color: #005995;
			padding: 0;
			}
			
#external a.button span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/start-button-external.jpg);
			}
	
#external a.button span { 
			background-position: 0 0; 
			}
#external a.button:hover span { 
			background-position: 0 -88px; 
			}
				
#external a.button:hover {
			cursor: pointer; 
			background-color: #fff;
			color: #5E8532;
			}

/*** internal start button ***/

#internal 	{    
	width: 148px;  
	margin:1em 1em 0 0;
}

#internal a {
			display: block;
			position: relative;
			width: 328px;
			height: 88px;
			background-color: #fff;
			color: #005995;
			padding: 0;
			}
			
#internal a.button span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/start-button-internal.jpg);
			}
	
#internal a.button span { 
			background-position: 0 0; 
			}
#internal a.button:hover span { 
			background-position: 0 -88px; 
			}
				
#internal a.button:hover {
			cursor: pointer; 
			background-color: #fff;
			color: #5E8532;
			}

/*** positioning register/login buttons ***/

#regLogin { width: 400px; display: inline; }

#regLogin #register {width: 150px; float: left;}

#regLogin #login {width: 150px; float: right;}
#regLogin #loginInt {width: 150px; float: right;}

/*register button */

#register{width: 148px;margin:1em 1em 0 0;}

#register a {
			display: block;
			position: relative;
			width: 148px;
			height: 52px;
			background-color: #fff;
			color: #005995;
			}
			
#register a.button span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/register.jpg);
			}
	
#register a.button:hover span { 
			background-position: 0 -52px; 
			}
				
#register a.button span { 
			background-position: 0 0px; 
			}
		
#register a.button:hover span { 
			background-position: 0 -52px;
			}
			
#register a.button:hover {
			cursor: pointer; 
			background-color: #fff;
			color: #5E8532;
			}
/*** login button ***/

#login 	{    
	width: 148px;  
	margin:1em 1em 0 0;
	}

#login a {
			display: block;
			position: relative;
			width: 148px;
			height: 52px;
			background-color: #fff;
			color: #005995;
			padding: 0;
}
			
#login a.button span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/login.jpg);
			}
	
#login a.button span { 
			background-position: 0 0; 
			}
#login a.button:hover span { 
			background-position: 0 -52px; 
			}
				
#login a.button:hover {
			cursor: pointer; 
			background-color: #fff;
			color: #5E8532;
			}

/*** positioning Internal Candidates register/login buttons ***/

#regLoginInt { width: 400px; display: inline; }

#regLoginInt #registerInt {width: 150px; float: left;}

#regLoginInt #loginInt {width: 150px; float: right;}

/*register button */

#registerInt {width: 148px;margin:1em 1em 0 0;}

#registerInt a {
			display: block;
			position: relative;
			width: 148px;
			height: 52px;
			background-color: #fff;
			color: #005995;
			}
			
#registerInt a.button span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/city-register-hover.jpg);
			}
	
#registerInt a.button:hover span { 
			background-position: 0 -52px; 
			}
				
#registerInt a.button span { 
			background-position: 0 0px; 
			}
		
#registerInt a.button:hover span { 
			background-position: 0 -52px;
			}
			
#registerInt a.button:hover {
			cursor: pointer; 
			background-color: #fff;
			color: #5E8532;
			}
/*** login button ***/

#loginInt 	{    
	width: 148px;  
	margin:1em 1em 0 0;
	}

#loginInt a {
			display: block;
			position: relative;
			width: 148px;
			height: 52px;
			background-color: #fff;
			color: #005995;
			padding: 0;
}
			
#loginInt a.button span {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/city-login-hover.jpg);
			}
	
#loginInt a.button span { 
			background-position: 0 0; 
			}
#loginInt a.button:hover span { 
			background-position: 0 -52px; 
			}
				
#loginInt a.button:hover {
			cursor: pointer; 
			background-color: #fff;
			color: #5E8532;
			}			

/*text alignment */

.AlignRight {text-align:right;}
.AlignCenter {text-align:center;}
.postingDate {text-align: right; margin: 1.5em 0px 2em 0px;}
p.return {margin-top: 1.5em;}

.imgCenter { display: block; margin-left: auto;  margin-right: auto }
.imgRightBord {	float: right; margin: .5em 1.5em 2em 1.5em; border: 1px solid #ccc;}
.imgLeftBord {	float: left;margin: .5em .5em .5em 0; border: 1px solid #ccc;}
.infoIcon {	float: left;margin: .2em .5em .5em 0; }

#TopEmp { float: right; width: 225px; }
#TopEmp .imgBC { margin: 0 0 0 3em; padding: 0; }
#TopEmp .imgDiv { margin: 4em 0 0 3em; padding: 0; }

.content ul.contact li { list-style-type: none; }

#job_posting h1 { margin: 0 0 0.7em 0; padding: 0; line-height: 1.25em;} 

#job_posting h2 { margin: 0; padding: 0 0 0.5em 0; } /* to align top heading in job postings with left sidebar */

.content .top {
	padding-left: 1em;
	background: url(../images/icons/bullet_arrow_up.gif) no-repeat left;
}

.word {padding: 0 .25em 0 0; vertical-align: text-top;}
.arrowIcon {padding: 0 .25em 0 0; vertical-align: text-top;}

.boldItalics {font-weight: bold; font-style: italic;}

.indent {
	text-indent: 5em;
	line-height: normal;
}

/*for contactus pg for columns within the content area */

.content .wrap .col1{font-weight: bold;float: left;width: 35%;margin: 0 10px 0 0; padding: 0;	}

.content .wrap .col2 {margin: 0 0 10px 0;padding: 0px;clear: right;float: left;width: 60%;}

.content .wrap .col2 p, #container #content .wrap .col1 p  { margin: 0;padding: 0;}

.content .fRight { margin:0 0 0 25px; padding: 0; float: right;	}

.content .wrap {padding: 10px;float: left;width: 95%; margin: 15px 0px;}

/* table format */

.content table {
	border-collapse: collapse;
	margin: 1em 0;
}

.content table th {
	background-color: #0076C2;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding: 5px;
}

.content table td {
	text-align: left;
	font-weight: normal;
	font-size: 90%;
	padding: 5px;
	background-color: #ebebeb;
	border-bottom: 1px solid #fff;
}

.content table th.col1 { width: 40%; }

.content table th.col2 { width: 20%; }

.content table th.col3 { width: 15%; }

.content table th.col4 { width: 15%; }

/*************** STOC SECTION ****************/
#stoc_top, #stoc_bot {	width: 550px;overflow: hidden;padding: 5px 0 1em 0; clear: right;}
#stoc_top img#top30 {float: left;}
#stoc_top img#top100 {float: right;}
#stoc_top #stoc_heading {margin: 0;  text-align: center;}
#stoc_heading h2.raycam { color: #fff; background-color: #09C; margin: 0; padding: 0; font-weight: bold;font-size: 1.25em; text-align: center;}
#stoc_heading h2 {margin: 0.5em 0;	padding: 0 0 0.5em 0;	font-weight: normal;font-size: 1.25em;}
#stoc_heading h1 {font-size: 1.6em;	margin: 20px 0 0 0;padding: 0 0 0.25em 0; line-height: 1em;}
#stoc #content ul {list-style-type: disc;}
#stoc #content ul li {	list-style-type: disc;}
#stoc #content p.return {margin-top: 1.5em;}
#stoc_bot #poweredby {float: left;margin-top: 0px;padding-top: 0px;}
#stoc_bot #content {overflow: hidden;}
#bot_content {padding-top: .25em;}
#bot_content p {margin-bottom: 1em;}
#contact_info {	margin: .5em 0 1em 0;}
#contact_info p {margin: 0px;padding: 0px;text-align: left;}
#stoc_middle {	width: 55em;}
#bot_content p {text-align: left;}
#job_posting h1 {text-align: left;}
#job_posting h2 {text-align: left;}

.content #employment {
	border: 1px solid #ccc;
	padding: 0.5em;
}

.content #employment h2 {
	margin: 0.5em 0;
	padding: 0 0 0.5em 0;
}

/*** open to public/cancellations ***/

.opentopublic {
	font-size: 0.9em;
	font-weight:normal;
	color: red;
}

/*** notice to COV employees ***/

#covnotice {
	border: 2px dashed #ccc;
	width: 80%;
	margin: 1em 1em 1em 0;
	padding: 1em;
}

/** job postings table **/

table.postings {
	width: 95%;
	font-size: .9em;
	margin-bottom: 0;
}

table.postings td {
	vertical-align: top;
}

/** stoc postings table **/

table.manualpostings {
	width: 95%;
	font-size: .9em;
	margin-top: 0;
	border-top: 1px solid #fff;
}

table.manualpostings td {
	vertical-align: top;
}

table.manualpostings td.col1 { width: 40%; }

table.manualpostings td.col2 { width: 20%; }

table.manualpostings td.col3 { width: 15%; }

table.manualpostings td.col4 { width: 15%; }


/** featured jobs **/

#hotJobs {
	border: none;
	margin: 1.5em 0;
	padding: 0;
	width: 90%;
}


#hotJobList {
	border: 2px solid #5E8532;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 2em 1em 0;
	padding: 1em;
/*	border: none;
	margin: 1em 0;
	padding: 0;*/
	width: 90%;
}

#hotJobList h2 {
	margin: 0.5em 0 1em 0;
	padding: 0 0 0.2em 0;
	/*border-bottom: 2px solid;*/
	width: 50%;
}

#hotJobList h4 {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.2em 0;
}


/** noscript notice **/

p.right { float:right;}
