/*      
 
Global Stylesheet for www.hrprocess.com 
Copyright 2006 HRprocess. All rights reserved.


*/



/* ================================================================= */
/* [COMMON PAGE STYLES (Body, Text Areas, etc...) ]                  */
/* ----------------------------------------------------------------- */

body, select, input, textarea {
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	}

body {
	font-size: 11px;
	background-color: #E1EDDE;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	//width: 98%;
	height: 100%;
	}

td {
	font-size: 11px;
	}

input.button {
	background-color: #666666;
	color: #FFFFFF;
	}

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #807E68;
	}
	
a:hover {
	color: #000000;
	}

.textfield {
	border: 1px #CCCCCC solid;
	background: #FFFFFF;
	font-size: 10px;
	padding-bottom: 0px;
	padding-left: 2px;
	height: 16px;
	vertical-align: top;
	}

input.searchSubmit {
	vertical-align: top;
	font-size: 11px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 59px;
	margin-top: 1px;
	background: #B3DE69;
	color: #1A9431;
	border: 1px #B3DE69 solid;
	}

div.dottedLine {
	width: 100%;
	line-height: 1px;
	margin: 10px 0px;
	border-top: 1px #CCCCCC dotted;
	}


div.solidLine {
	width: 100%;
	line-height: 1px;
	margin: 10px 0px;
	border-top: 1px #CCCCCC solid;
	}

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



/* ================================================================= */
/* [ HEADLINE STYLES ]                                               */
/* ----------------------------------------------------------------- */

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	}

h1, h1 a {
	font-size: 20px;
	color: #666666;	
	}

h2, h2 a {
	font-size: 16px;
	color: #999999;
	}

h3, h3 a {
	font-size: 14px;
	color: #48562A;
	}

h4, h4 a {
	font-size: 13px;
	color: #333333;
	}

h5, h5 a {
	font-size: 11px;
	color: #1A9431;
	}
	
h6, h6 a {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
/*	padding-bottom: 5px; */ 
	padding-left: 10px;
	}

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




/* ================================================================= */
/* PAGE STRUCTURE STYLES                                             */
/* ----------------------------------------------------------------- */

#bodyDiv {
	width: 750px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	border-left: 10px #FFFFFF solid;
	border-right: 10px #FFFFFF solid;
	background: #FFFFFF;
	}

table#maintable, table#maintableIndex {
	width: 750px;
	margin-top: 10px;
	}

table#maintableIndex {
	}

table#maintable td, table#maintableIndex td {
	vertical-align: top;
	text-align: left;
	}

table#maintableIndex th.title {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	padding-bottom: 5px;
	padding-left: 10px;
	}

table#maintableIndex td.leftColumn {
	width: 180px;
	border-right: 1px #CCCCCC solid;
	/*padding-right: 10px; */
	}

table#maintableIndex td.centerColumn {
	width: 372px;
	padding-left: 10px;
	padding-right: 10px;
	}

table#maintableIndex td.rightColumn {
	width: 176px;
	border-left: 1px #CCCCCC solid;
	/*padding-left: 16px;*/
	padding-right: 0px; 
	}

	
table#maintable td.leftColumn {	
	width: 180px;
	border-right: 1px #CCCCCC solid;
	}

table#maintable td.centerColumn {
	width: 394px;
	padding-left: 10px;
	}

table#maintable td.rightColumn {
	width: 176px;
	border-left: 1px #CCCCCC solid;
	}
	
div#contentDiv {
	width: 380px;
	text-align: left;
	}

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






/* ================================================================= */
/* HEADER SECTION STYLES                                                 */
/* ----------------------------------------------------------------- */

#headerGraphic {
	width: 750px;
	padding-top: 15px;
	background-image: url(../../images/common/site_logo.gif);
	background-repeat: no-repeat;
	}

.logoLink {
	float: left;  
	margin: 0px; 
	width: 176px;
	}

.headerImage {
	height: 121px;
	background-repeat: no-repeat;
	}

#header_OpenHire {
	background-image: url(../../images/headers/header_pro_recruiting.jpg);
	}

#header_RedCarpet {
	background-image: url(../../images/headers/header_pro_onboarding.jpg);
	}

#header_WingSpan {
	background-image: url(../../images/headers/header_pro_talent.jpg);
	}

#header_Eprise {
	background-image: url(../../images/headers/header_pro_employee.jpg);
	}

#header_GreenLight {
	background-image: url(../../images/headers/header_pro_compensation.jpg);
	}

#headerProducts {
	background-image: url(../../images/headers/header_products.jpg);
	}

#headerResources {
	background-image: url(../../images/headers/header_resources.jpg);
	}
#headerServices {
	background-image: url(../../images/headers/header_services.jpg);
	}

#headerSolutions {
	background-image: url(../../images/headers/header_solutions.gif);
	}

#headerNews {
	background-image: url(../../images/headers/header_news_events.jpg);
	}

#headerCustomers {
	background-image: url(../../images/headers/header_customers.jpg);
	}

#headerCompany {
	background-image: url(../../images/headers/header_company.jpg);
	}

#headerPartners {
	background-image: url(../../images/headers/header_partners.jpg);
	}

#headerSupport {
	background-image: url(../../images/headers/header_support.jpg);
	}


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





/* ================================================================= */
/* HOME PAGE FLASH BANNER SPECIFIC                                   */
/* ----------------------------------------------------------------- */

#flashArea {
	margin-top: 15px;
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	}


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




/* ================================================================= */
/* TOP NAV 1ST LEVEL SPECIFIC\                                       */
/* ----------------------------------------------------------------- */

.topnavOne {
	width: 567px;
	text-align: left;
	margin-left: 180px;
	border-bottom: 1px #EFEEEE solid;
	}

.topnavOne ul {
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
	}

.topnavOne li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}

.topnavOne li a {
	color: #666666;
	padding: 2px 11px 3px 11px;
	line-height: 20px;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	}

.topnavOne li a:hover {
	border-left: 1px #EFEEEE solid;
	border-right: 1px #EFEEEE solid;
	border-top: 1px #EFEEEE solid;
	}


.topnavOne li a#tabOn {
	border-left: 1px #EFEEEE solid;
	border-right: 1px #EFEEEE solid;
	border-top: 1px #EFEEEE solid;
	background: #EFEEEE;
	}

#topnavIndex {
	border-bottom: none;
	}

#topnavIndex li a {
	padding: 2px 11px 2px 11px;
	}

#topnavIndex li a:hover {
	border-left: 1px #EFEEEE solid;
	border-right: 1px #EFEEEE solid;
	border-top: 1px #EFEEEE solid;
	border-bottom: 1px #EFEEEE solid;
	}

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





/* ================================================================= */
/* TOP NAV 2ND LEVEL SPECIFIC\                                       */
/* ----------------------------------------------------------------- */
.topnavTwo {
	color: #999999;
	font-size: 11px;
	display: block;
	width: 557px;
	text-align: left;
	margin-left: 190px;
	}

.topnavTwo ul {
	padding: 0px;
	margin: 0px;
	}

.topnavTwo li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

.topnavTwo li a {
	color: #999999;
	padding: 2px 8px 3px 8px;
	line-height: 20px;
	}

.topnavTwo li a:hover {
	color: #4DAC26;
	}

.topnavTwo li a#tabOn {
	color: #4DAC26;
	}

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





/* ================================================================= */
/* HOME PAGE LATEST NEWS SPECIFIC				                     */
/* ----------------------------------------------------------------- */

#latestNews {
	}

#latestNews ul {
	padding: 0px;
	margin: 0px;
	}

#latestNews li {
	list-style-type: none;
	background-image: url(../../images/home/bullet_news.gif); 
	background-repeat: no-repeat;
	padding: 4px 0px 3px 20px;
	}

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


/* ================================================================= */
/* HOME PAGE RESOURCES SPECIFIC					                     */
/* ----------------------------------------------------------------- */

#resourcesIndex {
	display: block;
	width: 170px;
	text-align: left;
	}

#resourcesIndex h5 {
	color: #A6D164;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 2px;
	}



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


/* ================================================================= */
/* HOME PAGE CLIENTS SECTION SPECIFIC			                     */
/* ----------------------------------------------------------------- */

td.clientSection {
	padding-top: 20px;
	}

td#clientQuote {
	border-right: none;
	padding-right: 0px;
	}

td#clientQuote div.quote {
	width: 160px;
	background: #E2F6FD;
	display: block;
	padding: 10px;
	margin-top: 2px;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	}

td#clientContent {
	width: 550px;
	padding-left: 10px;
	}

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


/* ================================================================= */
/* INTERIOR PAGES SIDE NAVIGATION STYLES                             */
/* ----------------------------------------------------------------- */

.sideNav div {
	width: 168px;
	margin-bottom: 1px;
	}

.sideNav div#onTab {
	/*opacity: .5;
	filter: alpha(opacity=50);*/
	}

.subNav {
	border: 1px #EEEEEE solid;
	font-size: 11px;
	}

.subNav ul {
	padding: 0px;
	margin: 0px;
	}

.subNav li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}

.subNav li.levelTwo a {
	font-weight: bold;
	margin: 1px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	width: 156px;
	vertical-align: bottom;
	}

.subNav li.levelTwo a:hover {
	}

.subNav li.levelThree a {
	display: block;
	margin: 1px;
	margin-left: 10px;
	padding-left: 10px;
	width: 147px;
	vertical-align: bottom;
	opacity: .5;
	filter: alpha(opacity=50);
	}

.subNav li.levelThree a:hover {
	}

/* Recruiting Management Side Nav Specific */
#OpenHireNav {
	border: 1px #D8C4E0 solid;
	}

.subNav li#OpenHire a {
	color: #811788;
	}

.subNav li#OpenHire a:hover {
	background: #EFE7F3;
	}

/* OnBoarding Side Nav Specific */
#RedCarpetNav {
	border: 1px #FDBFB4 solid;
	}
	
.subNav li#RedCarpet a {
	color: #CA0014;
	}

.subNav li#RedCarpet a:hover {
	background: #FEE6E1;
	}

/* Talent Management Side Nav Specific */
#WingSpanNav {
	border: 1px #BFE7F0 solid;
	}
	
.subNav li#WingSpan a {
	color: #00A0C6;
	}

.subNav li#WingSpan a:hover {
	background: #E6F5F9;
	}

/* Employee Intranet Side Nav Specific */
#EpriseNav {
	border: 1px #FEDC9A solid;
	}
	
.subNav li#Eprise a {
	color: #F26400;
	}

.subNav li#Eprise a:hover {
	background: #FFF1D7;
	}

/* Compensation Side Nav Specific */
#GreenLightNav {
	border: 1px #7FE5CC solid;
	}
	
.subNav li#GreenLight a {
	color: #009966;
	}

.subNav li#GreenLight a:hover {
	background: #CCF5EB;
	}

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





/* ================================================================= */
/* INTERIOR PAGE COMMON STYLES                                       */
/* ----------------------------------------------------------------- */




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



/* ================================================================= */
/* FOOTER SECTION STYLES                                             */
/* ----------------------------------------------------------------- */

.footer {
	color: #999999;
	font-size: 10px;
	width: 750px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 0px;
	text-align: left; 
	}
.footer a, .footer a:active, footer a:link, .footer a:visited {
	text-decoration: underline;
	color: #999999;
	}

.footer a:hover {
	color: #333333;
	}

.footer div {
	font-size: 10px;
	display: block;
	border-bottom: 1px #CCCCCC solid;
	padding-top: 3px;
	padding-bottom: 4px;
	}

.footer div#right {
	float: right; 
	border-bottom: none;
	margin: 0px;
	line-height: 10px;
	}

.footer div#bottom {
	text-align: right;
	border-bottom: none;
	}

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







/* ================================================================= */
/* RIGHT COLUMN STYLES				                                 */
/* ----------------------------------------------------------------- */

.rightTile {	
	width: 174px;
	margin-left: 5px;
	display: block;
	padding-bottom: 2px;
	margin-bottom: 5px;
	}

.rightTile h5 {
	margin: 2px;
	margin-top: 0px;
	font-weight: bold;
	padding: 5px;
	display: block;
	color: #FFFFFF;
	background: #75BB78;
	border: 1px #E0EDDD solid;
	}

.rightTile div.picture {	
	text-align: center;
	}

.rightTile ul {
	padding: 0px;
	margin: 0px;
	}

.rightTile li.subnav, .rightTile li.frameArea {
	list-style-type: none;
	border: 1px #E0EDDD solid;
	background: #E0EDDD;
	color: #666666;
	margin: 3px 2px 0px 2px;
	width: 163px;
	display: block;
	padding: 4px 0px 3px 5px;
	}

.rightTile li.subnav a:link,  .rightTile li.subnav a:active, .rightTile li.subnav a:visited {
	color: #666666;
	}

.rightTile li.subnav a:hover {
	color: #333333;
	}

.rightTile li.frameArea {
	background: #FFFFFF;
	}

.rightTile li#rightList {
	list-style-type: none;
	background-image: url(../../images/resources/bullet_resources.gif); 
	background-repeat: no-repeat;
	padding: 4px 0px 3px 20px;
	}

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






/* ================================================================= */
/* RESOURCES TILE SPECIFIC			                                 */
/* ----------------------------------------------------------------- */

#resourcesDiv {	
	}

#resourcesDiv h5 {
	color: #FFFFFF;
	background: #99D140;
	}

#resourcesDiv li.subnav {
	list-style-type: none;
	background: #E0F1C5;
	background-image: url(../../images/resources/bullet_resources.gif); 
	background-repeat: no-repeat;
	margin: 2px 2px 0px 2px;
	width: 150px;
	display: block;
	padding: 4px 0px 3px 20px;
	}

#resourcesDiv li.subnav a:link,  #resourcesDiv li.subnav a:active, #resourcesDiv li.subnav a:visited {
	color: #4DAC26;
	}

#resourcesDiv li.subnav a:hover {
	color: #666666;
	}


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





/* ================================================================= */
/* LIVE HELP TILE SPECIFIC			                                 */
/* ----------------------------------------------------------------- */

#livehelpDiv {
	}

#livehelpDiv h5 {
	color: #999999;
	background: #E7E7E7;
	}

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





/* ================================================================= */
/* FEATURED CASE STUDY TILE SPECIFIC			                                 */
/* ----------------------------------------------------------------- */

#featuredDiv {
	}

#featuredDiv h5 {
	color: #999999;
	background: #E7E7E7;
	}

#featuredDiv p {
	margin: 0px 5px;
	padding: 0px;
	}

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



/* ================================================================= */
/* QUOTE SECTION SPECIFIC                          		             */
/* ----------------------------------------------------------------- */

#quoteDiv {
	width: 372px;	
	padding: 0px;
	margin-bottom: 10px;
	background: none;
	}

#quoteDiv div.quoteLeft {
	width: 150px;
	font-style: italic;
	color: #4DAC26;
	float: left;
	margin: 20px 10px 0px 0px;
	}

#quoteDiv div.quoteLeft img {
	margin-bottom: 10px;
	}

#quoteDiv div.quoteContent {
	width: 172px;
	background-image: url(../../images/common/quote_open.gif);
	background-repeat: no-repeat;
	color: #999999;
	padding-left: 25px;
	padding-right: 5px;
	margin-left: 160px;
	}

#quoteDiv div.quoteEnd {
	background-image: url(../../images/common/quote_end.gif);
	background-repeat: no-repeat;
	}

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




/* ================================================================= */
/* SCREENSHOT SECTION SPECIFIC                     		             */
/* ----------------------------------------------------------------- */

#screenshotDiv {
	}

#screenshotDiv h5 {
	margin-bottom: 0px;
	}

#screenshotDiv p {
	margin-top: 0px;
	color: #999999;
	}

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