@charset "utf-8";
/*-- Reset --*/
body{position: relative;}
li {margin: 0; padding:0;}

#bg {
	background-image: url(/admin/hr/imgs/uwgen-template/main-background.png);
	background-repeat: repeat-x;
}
#header {
	background-image: url(/admin/hr/imgs/uwgen-template/default.jpg);
}
/*------------------------- Rounded Middle Area ----------------------------*/

#pageBackground {
	background-image: url(/admin/hr/imgs/uwgen-template/bgSliceMiddle.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#bgSliceMiddle {
	background-image: url(/admin/hr/imgs/uwgen-template/bgSliceMiddle2.png);
	background-repeat: repeat-y;
	overflow: hidden;
}
#bottomRoundedLeft {
	background: url(/admin/hr/imgs/uwgen-template/bgSliceBottom.png) no-repeat;
	height: 10px;
}

/*----------Portal Story-----------*/

.portalRound {
	margin: 0 0 20px;
	background-image: url(/admin/hr/imgs/uwgen-template/rounded/l.gif);
	background-repeat: repeat-y;
	background-position: left;
	overflow: hidden;
}
/*----------Portal Tiles Area-----------*/

.portalBlockBG {
	background-image: url(/admin/hr/imgs/uwgen-template/rounded/r.gif);
	background-repeat: repeat-y;
	background-position: right;
	overflow: hidden;
}

/*----------Rounded Corners-----------*/
.roundtop { 
	background: url(/admin/hr/imgs/uwgen-template/rounded/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(/admin/hr/imgs/uwgen-template/rounded/br.gif) no-repeat bottom right; 
}
.bgtop {
	background: url(/admin/hr/imgs/uwgen-template/rounded/t.gif) repeat-x top;
	display: block;
	font-size: 0
}
.bgbottom {
	background: url(/admin/hr/imgs/uwgen-template/rounded/b.gif) repeat-x bottom;
	display: block;
	font-size: 0;
	clear: both;
}
.roundLeftBottom {
	background: url(/admin/hr/imgs/uwgen-template/rounded/bl.gif) no-repeat bottom left;
	display: block;
	height: 12px;
}
.roundLeftTop {
	background: url(/admin/hr/imgs/uwgen-template/rounded/tl.gif) no-repeat top left;
	display: block;
	height: 12px;
}
.contentInsetBox .roundLeftTop, .contentLargeBox .roundLeftTop {
	height: 25px;
	background:transparent url(/admin/hr/imgs/uwgen-template/rounded/tl_arrow.gif) no-repeat scroll left top;
}

/*----------Left Nav-----------*/

div#leftNav {
	background-image: url(/admin/hr/imgs/uwgen-template/shadow_show.png);
	background-repeat: no-repeat;
	background-position: right top;	
}

#leftNav ul {
	margin: 10px 20px 0;
	list-style-type: none;
}

#leftNav a {	
	font-size: 92%;
	color: #484848;
}

#leftNav ul > li{
border-bottom:1px solid #f2f2f2;
}

#leftNav li {
	display: block;
	margin: 0;
	padding: 1px 0;
}

#leftNav ul li ul li:last {
	padding-bottom: 15px;
}

#leftNav ul ul {
	margin: 5px 0 10px;
	padding: 8px 0 0;
	background-image: url(/admin/hr/imgs/uwgen-template/nav_notch2.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#leftNav ul ul a {
	font-size: 88%;
	padding-left:0;
	padding-right:0;
}
#leftNav ul ul li {
	border-bottom: 1px solid #CCC;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ECEBEC;
}

#leftNav ul ul li:hover {
	background-color: #F6F6F6;
}

#leftNav ul ul a:hover, #leftNav ul ul a:focus {
	color: #000;
}
#leftNav ul ul a:focus {
	color: #666;
}

#leftNav p {	
	color: #422873;
}

.leftNavBackground {
	background-image: url(/admin/hr/imgs/uwgen-template/shadow_show_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
div#menu > li.navSectionHead a, 
#menu > li.navSectionHead a:hover {
	background-image: url(/admin/hr/imgs/uwgen-template/arrow_h3.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
}
#menu > li.navSectionHead {
	background-image:url(/admin/hr/imgs/uwgen-template/leftNav_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom:medium none;
	font-size:118%;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:18px;
}

.selectedAccordion {
	padding-left: 10px;
	background-image:url(/admin/hr/imgs/uwgen-template/arrow_h3.gif);
	background-position:-1px 3px;
	background-repeat: no-repeat;
	font-weight:bold;
}
#menu > li >  a:hover, #menu > li > a:focus {
	background-image:url(/admin/hr/imgs/uwgen-template/arrow_h3.gif);
	background-position:-1px 3px;
	background-repeat: no-repeat;
	outline:none;
}
.selectedAccordion > a {
	color:#666;
	font-weight:bold;
	outline:none;
}

#menu a {
	padding-left: 5px;
}

div.leftNavBlocks {
	margin-top: 30px;
	padding: 10px 25px 0px 35px;	
}
div.leftNavBlocks p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;	
	margin-bottom: 0;
	color: #309;
	font-weight: bold;
}

div.leftNavBlocks p a { font-size:12px;}

#rightInfo .leftNavBlocks {
	padding: 0 45px 15px 20px;
}
.leftNavBlocks h3 {
	padding-bottom:5px;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/*----------Typography-----------*/

h3.greyItal { 
	color:#888;
	text-transform: uppercase;
	font-size:125%; 
	letter-spacing:-0.03em;
	line-height:1.2em;
	margin-bottom: 1em;
	}
	h3.greyItal i {
	font-family:georgia,times,serif;
	text-transform:lowercase;
	}

h1.documentFirstHeading {
	margin:30px 0 10px;
	padding:0 0 10px 20px;
	background-image: url(/admin/hr/imgs/uwgen-template/h1_bar.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}



/*-------------------------------- Right Column -----------------------------------*/

#rightInfo img {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 3px 0;
	margin:0 0 10px;
}
#rightInfo h3{
	margin-bottom:0;
}
#rightInfo p {
	font-size: 92%;
	line-height: 14px;
	padding: 0;
}
#rightInfo ul {	
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0 10px 0 0;
}
.allPages ul {
	margin: 10px 0 0;
}
.portalLinks li, #rightInfo li, .allPages li, .portal-extras li {
	margin: 0 25px 4px 0;
	padding: 1px 0 1px 10px;
	line-height: 15px;
	background-image: url(/admin/hr/imgs/uwgen-template/arrow_small.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.allPages li {
	margin: 0 8px 4px 0;
	line-height: 16px;
	background-position:left 5px;
}

#rightInfo li {
	padding: 2px 0 2px 10px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e9e9e9;
	background-position: left 7px;
}

/*----------------------------------------- Information Pages ------------------------------------------*/

.pad1 {	
	display: block;
	margin: 8px 0 0;
	padding: 0 50px 30px 20px;

}
.pad2 {	
	display: block;
	margin: 20px 0 0;
	padding: 0 35px 15px 25px;

}
.pad3 {
	display:block;
	margin:5px 0 0;
	padding:0 35px 0 16px;
}
.pad3 p, .pad3 h2{
	padding:0 10px 0 10px;
}
.borderRight {
	border-right: 1px dotted #ccc;
	margin-bottom:15px;
}

.zebra {
	background-color: #f6f4eb;
}