/* the following section will be installed into the global.css when verified OK */
#wrapper { margin: 0 auto; }

/*#printerfriendly {float:right; margin-top:-23px;}*/
/* end of global stuff */
/* this section needs to be a theme-based css */
/* end of theme-based section */
.home_table_righthr
{
	background-color: #a5e0f8;
	margin-left: 5px;
	padding: 12px;
	height: 200px;
}

#sitetitle a
{
	top: 12px;
}

/*below*/

.blue
{
	background: #d4effb;
	color: #000;
	width: 350px;
	margin: 1em;
	float: left;
	padding: 5px;
	position: relative;
}

.purpleborder
{
	background: #f9f5db;
	border: 1px solid #622560;
	margin-top: 6px;
	margin-bottom: 6px;
}

.purpleheader
{
	background: #622560;
	text-align: center;
	color: #ffffff;
	padding: 5px;
}

.infolist { padding: 5px; }
.bottomright { background: url(/hr/images/bottomright.gif) no-repeat bottom right; }
.bottomleft { background: url(/hr/images/bottomleft.gif) no-repeat bottom left; }





/*Somewhere above*/

.contactbox
{
	border-left: 1px solid #15629d;
	border-bottom: 1px solid #15629d;
	padding: 5px;
}

.bluebox
{
	border: 3px solid #d4eefb;
	padding: 5px;
	background-color: #ffffff;
}

.boxsolid
{
	background: #d4eefb;
	padding: 0 5px;
}

.boxruleone
{
	border-left: 1px solid #000000;
	padding-left: 5px;
}

.infoboxblue
{
	background-color: #ffffff;
	border: 1px solid #15629d;
}

.infoboxpurple
{
	background-color: #ffffff;
	border: 1px solid #622560;
}

.infoboxblue div,
.infoboxpurple div
{
	background-color: #622560;
	padding: 3px 5px;
	margin-bottom: 9px;
	color: #fff;
	text-align: center;
	font-size: 110%;
}

.infoboxblue p,
.infoboxpurple p
{ 
	padding: 2px 6px; 
}


.intro_text
{
	color: #15629d;
}




#mainleftcol .infoboxblue ul, .infoboxpurple ul { padding: 0 5px; }


#sitetitle a
{
	color: #fff;
	font-size: 15px;
}

h1
{
	color: #622560;
	padding-top: 3px;
}

h2
{
	background-color: #15629d;
	width: 100%;
	color: #ffffff;
	padding: 3px;
}

h3
{
	color: #622560;
	font-size: 1.1em;
}











.shaded
{
	background-color: #034273;
	width: 100%;
	color: #ffffff;
	padding: 3px;
}

.tablerow1 { background-color: #faf1cf; }
.tablerow2 { }

.tableheader
{
	color: #622560;
	text-align: left;
}

/*  topmenu color scheme */
#nav, #nav ul /* full width color */
{
	color: #d4effb;
	background-color: #15629d;
}

#nav li#first a { padding-left: 3em; }
#nav li#first ul li a { padding-left: 1em; }
#nav li#first ul { margin-left: 3em; }

#nav ul li, #nav ul li a
{
	background-color: #d4effb;
	color: #15629d;
}

/* submenu text */
#nav li li { padding-right: 0; }
#nav li ul a { font-size: 1.1em; }

#nav a  /* main menu bg */
{
	color: #fff;
	background-color: #15629d;
}

#nav li  /* no apparent function */
{
	color: #fff;
	background-color: #15629d;
}

#nav li:hover, #nav li.sfhover  /* no apparent function */
{
	background: #000;
	color: #15629d;
}

#nav li a:hover, #nav li a.sfhover /* main hover block */
{
	color: #15629d;
	background: #d4effb;
}

#nav ul li a:hover, #nav ul li a.sfhover /* submenu hover */
{
	color: #fff;
	background: #15629d;
}

.newstitle
{
	color: #622560;
	text-align: center;
}

/*  end topmenu color scheme */
/* nancy's additions */
#button li.submenu a
{
	color: #15629d;
	width: 162px;
}

#button li.submenu:hover,  #button li.submenu a:hover
{
	color: #4a4d3b;
	background-color: #d4effb;
}

#textbox img { color: green; }

.hr_top_right_block
{
	background-color: #ffffff;
	border-bottom: 1px #622560 solid;
	border-left: 1px #622560 solid;
	margin: 0 0 6px 0;
}

/* form application */
.fieldset
{
	width: 540px;
	margin-left: 6px;
	padding: 6px;
	border: solid 1px #15629d;
}

.inputfield { border: solid 1px #999999; }

.inlineblock_sm
{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-top: 10px;
	width: 100px;
}

.inlineblock_md
{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-top: 10px;
	width: 160px;
}

.inlineblock_lg
{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-top: 10px;
	width: 300px;
}

.newblock_sm
{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 100px;
}

.newblock_md
{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 160px;
}

.newblock_lg
{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 300px;
}

.fullblock
{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 400px;
}

.warning
{
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

/* replace with .pullquote theme class */
.bluetext
{
	font-size: 110%;
	color: #15629d;
}

/* this part deals with rollover */
/* ========================================== */
#ask_hrwrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 169px;
	height: 29px;
	background: url(/hr/images/ask_hr_2.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#ask_hr a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 169px;
	height: 29px;
	background: url(/hr/images/ask_hr.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#ask_hr a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/ask_hr_2.jpg) top left no-repeat;
	/* second image place, for second background */
}

#directorywrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 169px;
	height: 29px;
	background: url(/hr/images/directory_2.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;

}

#directory a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 169px;
	height: 29px;
	background: url(/hr/images/directory.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#directory a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/directory_2.jpg) top left no-repeat;
	/* second image place, for second background */
}

#formswrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 169px;
	height: 29px;
	background: url(/hr/images/hr_forms_2.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#forms a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 169px;
	height: 29px;
	background: url(/hr/images/hr_forms.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#forms a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/hr_forms_2.jpg) top left no-repeat;
	/* second image place, for second background */
}

#hiringwrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 139px;
	height: 135px;
	background: url(/hr/images/hiring_process_2.gif) top left no-repeat;
	/* Placement of first image in foregrand */
}

#hiring a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 139px;
	height: 135px;
	background: url(/hr/images/hiring_process.gif) top left no-repeat;
	/* Placement of first image in foregrand */
}

#hiring a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/hiring_process_2.gif) top left no-repeat;
	/* second image place, for second background */
}

#jobsearchwrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 150px;
	height: 131px;
	background: url(/hr/images/job_search_2.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#jobsearch a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 150px;
	height: 131px;
	background: url(/hr/images/job_search.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#jobsearch a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/job_search_2.gif) top left no-repeat;
	/* second image place, for second background */
}

#oeswrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 150px;
	height: 131px;
	background: url(/hr/images/online_emp_sys_top_2.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#oes a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 150px;
	height: 131px;
	background: url(/hr/images/online_emp_sys_top.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#oes a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/online_emp_sys_top_2.gif) top left no-repeat;
	/* second image place, for second background */
}

#oesbottomwrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 150px;
	height: 58px;
	background: url(/hr/images/online_emp_sys_bottom_2.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#oesbottom a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 150px;
	height: 58px;
	background: url(/hr/images/online_emp_sys_bottom.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#oesbottom a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/online_emp_sys_bottom_2.gif) top left no-repeat;
	/* second image place, for second background */
}
#ontheroadwrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 160px;
	height: 119px;
	background: url(/hr/intra/managers_toolbox/images/on_the_road_down.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #d4effb;
}

#ontheroad a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 160px;
	height: 119px;
	background: url(/hr/intra/managers_toolbox/images/on_the_road_up.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #d4effb;
}

#ontheroad a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/intra/managers_toolbox/images/on_the_road_down.jpg) top left no-repeat;
	/* second image place, for second background */
}

#toptenwrapper
{
	display: block;
	width: 127px;
	height: 67px;
	background: url(/hr/images/topten_left_down.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#topten a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 127px;
	height: 67px;
	background: url(/hr/images/topten_left_up.gif) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#topten a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/topten_left_down.gif) top left no-repeat;
	/* second image place, for second background */
}

#valueswrapper
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 400px;
	height: 124px;
	background: url(/hr/images/values_down.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#values a
{
	/* definition of the link that will take all of the container's place */
	display: block;
	width: 400px;
	height: 124px;
	background: url(/hr/images/values_up.jpg) top left no-repeat;
	/* Placement of first image in foregrand */
	color: #ffffff;
}

#values a:hover
{
	/* masking the image when hovering background: transparent none;*/
	background: url(/hr/images/values_down.jpg) top left no-repeat;
	/* second image place, for second background */
}

/* ========================================== */

/* added by Wing to remove inline style */
.background
{
	background-color: #d4effb;
	padding: 3px;
}

.blue15text
{
	/* definition for the color used everywhere */
	color: #15629d;
}

.blue03text
{
	color: #033977;
}

.bold { font-weight: bold; }

.celebrateleftcolumn
{
	width: 47%;
	padding-top: 2px;
}

.celebraterightcolumn
{
	width: 47%;
	float: right;
	padding-top: 1px;
}

.centertext { text-align: center; }

.contentleft
{
	/* definition for the left column in the center panel */
	width: 40%;
}

.contentleftimage
{
	/* definition for the images in the center panel floating right  */
	float: left;
	margin: 9px 9px 9px 0;
}

.contentright
{
	/* definition for the right column in the center panel */
	width: 55%;
	float: right;
}

.contentrightimage
{
	/* definition for the images in the center panel floating right  */
	float: right;
	margin-left: 9px;
}

.excellenceimage
{
	height: 140px;
	width: 75px;
	float: left;
	padding-top: 9px;
}

.fineprintbox
{
	/* used in hiring process */
	background-color: #d4eefb;
	padding: 9px;
	font-size: 80%;
}

.faceline
{
	/* definition for the line in the face index page */
	width: 100%;
	height: 1px;
	border: solid #000000;
	border-width: 1px 0 0;
}

.floatleft { float: left; }
.floatright { float: right; }
.font85percent { font-size: 85%; }
.font90percent { font-size: 90%; }
.font95percent { font-size: 95%; }
.font110percent { font-size: 110%; }
.font120percent { font-size: 120%; }
.graytext { color: #666666; }

.indeximage
{
	/* definition for the images in various index.html */
	float: right;
	margin-top: 5px;
}

.interactive
{
	color: #0092dd;
	vertical-align: super;
	font-size: 90%;
}

.interactivebox
{
	border: 3px solid #d4eefb;
	padding: 5px;
	background-color: #ffffff;
	text-align: center;
	width: 160px;
}

.italic { font-style: italic; }

.jobbox
{
	float: right;
	text-align: center;
	width: 190px;
}

.jobleftcolumn { width: 350px; }

.leftcolumnbox
{
	/* definition for the left column in the home page */
	width: 164px;
	border: 1px solid #15629d;
}

.leftcolumnboxpadding { padding: 5px; }

.leftcolumnboxtitle
{
	background-color: #0890f8;
	padding: 3px 5px;
	margin-bottom: 9px;
	text-align: center;
}

.lefttext { text-align: left; }

.managerresourcebox
{
	margin-left: 9px;
	margin-top: 9px;
	width: 140px;
}

.newsbox
{
	/* definition for the news box */
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #bfe3fe;
}

.nobullet { list-style: none; }

.orgbluebox
{
	/* definition for the box used in the organizational chart */
	padding: 2px;
	border: 1px solid #15629d;
}

.padding5
{
	padding: 5px;
	/* background-color: #ffffff; */
}

.presidentbox
{
	width: 133px;
	float: right;
	margin: 0 0 6px 9px;
	padding: 9px;
	border: 1px solid #15629d;
}

.purple62box
{
	/* definition for the purple box used in the right column */
	background-color: #ffffff;
	border: 1px solid #622560;
	padding: 9px;
}

.purple62text { color: #622560; }

.purple62title
{
	background-color: #622560;
	padding: 1px 3px;
	line-height: 15px;
}

.redtext { color: #ff0000; }

.ref
{
	/* definition for a reference box */
	float: right;
	width: 350px;
}

.righttext { text-align: right; }

.seeallbox
{
	/* definition for the see all Upstate faces box */
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 3px;
}

.sortbybox
{
	/* definition used in the search page */
	background-color: #efefef;
	padding: 4px;
}

.todobox
{
	/* definition for the todo box */
	background-color: #622560;
	padding: 6px;
	margin: 0 0 6px 0;
}

.toptenbullet
{
	background-image: url(/hr/images/topten.gif);
	background-repeat: no-repeat;
	width: 19px;
	margin-top: 7px;
	text-align: center;
	font-size: 110%;
	color: #ffffff;
}

#todo
{
	width: 160px;
}

.valuepadding
{
	/* definition for the Upstate value div */
	padding: 300px 0 0 7px;
}

.whitetext { color: #ffffff; }

/* ============================================== */

#accordion h3.js
{
	padding-top: 5px;
	cursor: pointer;
}

#accordion h3,
#accordion h3.js
{
	color: #15629d;
	font-size: 1em;
}