/* © Patersons 2000-2009. All Rights Reserved.*/

* {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS;
	font-size: 13px;
}
body {
	color: #3e3e3e;
	
	font-size: 13px;
}
*:focus {
	outline: none;
}
a:link,a:visited,a:hover {
	color: #1c4385;
	text-decoration: underline;
}
a img {
	border: none;
}

#root #content p.error{
	color:red;
}

p, ul{
	padding:0px 10px 10px 10px;
	color:#1C4384;
}
h1 {
	color: #1c4384;
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 9px;
	width: 515px;
	height: 126px;
	padding-top: 11px;
	padding-left: 15px;
	background: #fff url(/images/corp/top_banners/PeopleBanner.png) no-repeat;
}
h2 {
	color: #1c4384;
	font-size: 20px;
}
#content h2{
	padding:10px 10px 0 10px;
} 
span.mid_heading{
	font-weight:bold;
	font-size:18px;
}

.box {
	background-color: #f2fbff;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
		/*-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;*/
}
#root {
	width:  1003px;
	background: url(../images/corp/PageShadow_L.png) repeat-y;
	padding-left: 20px;
	/*padding-bottom: 20px;*/
	
}
#root .right_shadow {
	
	background: url(../images/corp/PageShadow_R.png) repeat-y right;
	width: 1001px;
	overflow: auto;
	height: 100%;
}
#root .header {
	background: url(../images/corp/arc_banner.png) no-repeat;
	height: 137px;
	width:981px;
}
#root .header #langsel{
	float: right;
	margin-top: 18px;
	margin-right: 18px;
	width: 205px;
}
#root #main {
	padding-left: 18px;
	padding-right: 18px;
	width:945px;
	overflow: auto;
}
#root #right_menu {
	float: right;
	width: 205px;
}
#root #menu {
	float: left;
	width: 205px;
	display: block;	
}
#root #menu #menu_ul{
	padding:0;
}

#root #center {
	float: left;
	width: 515px;
	margin-left: 10px;
	margin-right: 10px;
}
#root #center .mini_nav {
	background-image: url(/images/corp/LinksPanel.gif);
	height: 57px;
	text-align: center;
	padding-top: 5px;
	color: #999; 
}

	#root #center .mini_nav p,#root #center .mini_nav a  { 
		color: #999; 
		font-size: 13px;
	}
#root #right_menu #helpdesk {
	overflow: hidden;
	width: 185px;
	height: 102px;
	padding: 15px 10px 10px 10px;
	display: block;
	background: url(/images/corp/HelpdeskPanel.png);
	
}
#root #right_menu #helpdesk .country{
	float: left;
	clear: both;
	font-weight: bold;
	padding-top: 5px;
	color: #1c4384;
}
#root #right_menu #helpdesk .number{
	float: right;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	text-align: right;
	color: #1c4384;
	/*width: 128px;*/
}
#root #right_menu #helpdesk  h2 {
	background: url(../images/corp/PhoneIcon.png) no-repeat 0px 0px;
	padding-left: 25px;
	height: 22px;
	padding-top: 2px;
	font-size: 13px;
}
#permalink li a{
	font-size: 10px;
}
#root .mini_nav a  {
	text-decoration: none;
}

#root #content {
	overflow: hidden;
	width: 515px;
	background-color: #fff;
	background-color:#F2FBFF;
	margin-bottom:10px;
	padding-bottom:10px;	
}




/*  Right column Click4HR  Plans*/

#click4hr_plan_preview{
	height:190px;
	width:205px;
	margin-bottom:10px;
	background:url(/images/click4hr/PlanBG.png);
}

#click4hr_plan_preview h3{
	height:58px;
	color:#1C4384;
	font-size:16px;
	font-weight:bold;
	padding:10px 10px 0;
}

#click4hr_plan_preview a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	text-align:center;
	width:182px;
	height:21px;
	padding-top:5px;
	margin-left:11px;
	margin-bottom:12px;
}

#click4hr_login{
	height:127px;
	width:205px;
	margin-bottom:10px;
	background:url(/images/click4hr/AlreadyBG.png);
}

#click4hr_login h3{
	color:#1C4384;
	font-size:16px;
	font-weight:bold;
	padding:10px 10px 0;
	padding-top:15px;
	padding-left:24px;
}

#click4hr_login .button_bar{
	width:183px;
	margin-top:40px;
	margin-left:10px;
}

#click4hr_plan_preview .button_bar{
	width:183px;
	margin-top:10px;
	margin-left:10px;
}

#click4hr_login .button_bar .button_middle, #click4hr_plan_preview .button_bar .button_middle{
	height:24px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

/*  Right column Click4HR  Plans*/



/*
* Button CSS
*/


.button_bar {
	padding-left: 2px;
	display: block;
	height: 31px;
	width:203px;
}
.button_bar div.button_right {
	padding-right: 2px;
	height: 31px;
}
.button_bar div.button_right div.button_middle {
	height: 29px;
	padding-top: 3px;
}

.bar.blue {
	background: url(../images/corp/gallery/barTop.png)  repeat-x  ;
	overflow: auto;
	height: 27px
}

/*blue*/
.button_bar.blue  {
color: #fff;
	background: url(../images/corp/buttons/left_blue.png)  left no-repeat;
}
.button_bar.blue div.button_right {
	background: url(../images/corp/buttons/right_blue.png) right  no-repeat;
}

.button_bar.blue div.button_right div.button_middle{
	background: url(../images/corp/buttons/middle_blue.png)  repeat-x  ;
}
/*silver*/
.button_bar.silver  {
	background: url(../images/corp/buttons/left_silver.png)  left no-repeat;
}
.button_bar.silver div.button_right {
	background: url(../images/corp/buttons/right_silver.png) right  no-repeat;
}

.button_bar.silver div.button_right div.button_middle{
	background: url(../images/corp/buttons/middle_silver.png)  repeat-x  ;
}

/*light_blue*/
.button_bar.light_blue  {
	background: url(../images/corp/buttons/left_light_blue.png)  left no-repeat;
}
.button_bar.light_blue div.button_right {
	background: url(../images/corp/buttons/right_light_blue.png) right  no-repeat;
}

.button_bar.light_blue div.button_right div.button_middle{
	background: url(../images/corp/buttons/middle_light_blue.png)  repeat-x;
}

.button_bar.light_blue div.button_right div.button_middle div.label{
	width:170px;
	float:left;
	height:29px;
}

.button_bar.light_blue div.button_right div.button_middle div.arrow{
	padding-left:0;
	width:26px;
	height:29px;
	float:right;
	background: url(../images/corp/buttons/up.png) top left no-repeat;
}

.button_bar.light_blue div.button_right div.button_middle div.up{
	background: url(../images/corp/buttons/up.png) top left no-repeat;
}

.button_bar.light_blue div.button_right div.button_middle div.down{
	background: url(../images/corp/buttons/down.png) top left no-repeat;
}


/*green*/
/* Note This is the hover colour */
.button_bar.green  {
	background: url(../images/corp/buttons/left_green.png)  left no-repeat;
}
.button_bar.green div.button_right {
	background: url(../images/corp/buttons/right_green.png) right  no-repeat;
}

.button_bar.green div.button_right div.button_middle{
	background: url(../images/corp/buttons/middle_green.png)  repeat-x ;
}
/*
* hover colour
*/
.button_bar:hover  {
	background: url(../images/corp/buttons/left_green.png)  left no-repeat !important;
}
.button_bar:hover div.button_right {
	background: url(../images/corp/buttons/right_green.png) right  no-repeat !important;
}

.button_bar:hover  div.button_right div.button_middle{
	color: #fff !important;
	background: url(../images/corp/buttons/middle_green.png)  repeat-x  !important;
}

 .button_bar:hover  div.button_right div.button_middle div.label{
 	color: #fff	;
 }
.button_bar a:hover, .button_bar a:visited, .button_bar a {
	text-decoration: none;
}

#bread_crumb {
	position: relative;
	top: 106px;
	left: 232px;
	width: 515px;
	height:20px;
}
#bread_crumb, #bread_crumb * {
	color: #666;
	font-size:12px;
	
}
#bread_crumb a.crumb {
	text-decoration: none;
	color: #666;
}
#bread_crumb a:hover {
	color: #1C4385;
}
.button_list {
	list-style: none;
	overflow: auto;
	scroll: none;
	display: block;
	margin-bottom: 5px;
	z-index: 96;
}

.button_list li  {
	float: left;
	height: 33px;
	z-index: 97;

}
.button_list li a {
	text-decoration: none;
	z-index: 98;
	width: 160px;
	display: block;
	margin-right: 5px;
	background-color: #d8dff1;
	
	text-align: center;
	padding-top: 10px;
	height: 23px;

}

.button_list li a:hover {
	background-color:  #1c4384;
	color: #fff;
	text-decoration:none;
}
.button_list li a.here {
	background-color:  #1c4384;
	color: #fff;
}


#content  ul{
	margin-left: 15px;
	list-style-image: url(/images/corp/bulletBlue.png);
}

#content  ul li ul{
	list-style-image: url(/images/corp/bulletGreen.png);
}


#root #right_menu .advert {
	width:  205px;
	height: 135px;
	
}

#content a.button_link {
	background-image: url(/images/corp/Benefit_button.png);
	width: 233px;
	height: 28px;
	display: block;
	float: left;
	margin-right: 4px; 
	text-decoration: none;
	margin-bottom: 4px;
	padding-left: 10px;
	font-size: 15px;
	padding-top: 8px;
	margin-top: 5px;
	color: #1c4384;
	font-weight: bold;
}
#content a.button_link:hover {
	background-image: url(/images/corp/Benefit_button_over.png);
}
.clear {
	clear: both;
	display: block;
}
#menu #permalink {
	float: left;
	width: 185px;
	padding:5px 10px 3px 10px;
	margin-top:10px;
	height:55px;
	border-color: red 1px solid;
	/*-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;*/
	background-color:#F2FBFF;
}
#menu #permalink  li {
	display: inline;	
	overflow: auto;
	width: 85px;
}
#menu #permalink  li.left {
	float: left;
	clear: both;
}
#menu #permalink  li.right {
	float: right;

}
#menu #permalink img {
	margin-right: 3px;
}
#menu #permalink a {
	float: left;
}
#keep_in_touch{
	margin-top: 6px;
	padding: 3px 10px;  
	border:6px solid #F2FBFF;
	height: 120px;
}
#keep_in_touch h2{
	text-align: center;
	color: #0E5DA5;
	font-size: 14px;
}

.paterson_social{
	margin-left: 12px;
		
}
.left_social{
	float:left;
	margin-left: 2px;
	
}
.middle_social{
	float:left;
	margin-left: 18px;
	margin-right: 10px;
} 
.right_social{
	float: right;
}

#filler{
	width:205px;
	background-color:#F2FBFF;
	display:block;
	margin-top:10px;
	height:190px;
}


#filler.left{
	height:306px;
	margin-top:89px;
}

/* Slide area in right column */
#news_events{
	width:205px;
	overflow:hidden;
}

#news_events .button_middle{
	color:#1C4384;
}

.button_bar div.button_right div.button_middle div.label{
	color:#1C4384;
}

#news_events ul{
	list-style-type:none;
	height:231px;
	width:205px;
	padding:0;
}

#right_column_news_content{
	height:157px;
}

#right_column_news_content a, #right_column_events_content a{
	text-decoration:none;
	/*font-weight:bold;*/
	/*padding:10px;*/
}
#news_events .date {
	font-weight: default;
}
#right_column_news_content p, #right_column_events_content p{
	text-decoration:none;
	font-size: 13px;
	margin:2px 5px 0px 7px;
	padding-bottom: 2px;
	padding-left:0;
	border-bottom: 1px dotted #000;
}

#right_column_news_content p.last, #right_column_events_content p.last{
	border-bottom:none;
}

#right_column_events_content{
	height:0px;
	display:none;	
	clear:both;
}


/* Login Register buttons*/
#login_register{
	width:205px;
	height:23px;
	position: relative;
	top: 80px;
	left: 758px;
}

#login_register a{
	text-decoration:none;
	display:block;
	padding:1px 0 5px 8px;
}

#login_register .button{
	padding-left: 2px;
	display: block;
	
}

#login_register #login.button,#login_register #enter.button{
	float:left;
	width:125px;
	height: 23px;
}

#login_register #register.button,#login_register #logout.button{
	float:right;
	width:70px;
	height: 23px;
}
#login_register #logout.button  div.middle {
	padding-left: 5px;
}

#login_register  div.right{
	padding-right: 2px;
	height: 23px;
}
#login_register #register.button div.right div.middle, #login_register #login.button div.right div.middle{
	height: 29px;
	padding-top: 2px;
}



.button.grey  {
	background: url(../images/corp/buttons/greyButL.png)  left no-repeat;
}
.button.grey div.right {
	background: url(../images/corp/buttons/greyButR.png) right  no-repeat;
}

.button.grey div.right div.middle{
	background: url(../images/corp/buttons/greyButM.png)  repeat-x  ;
}
.pdf {
	background: url(../images/portal/pdfIcon.png) no-repeat left 1px;
	padding-left: 20px;
}
/***********************
 *	FAQs
 ***********************/

div.faq{
}

ul.faq {
	margin-top: 20px;
	margin-bottom: 10px;
}
ul.faq li.question {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.faq li.question a {
	font-weight: bold;
	text-decoration: none;
}
 #content ul.faq li.answer{
	display: none;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
	list-style-image: none;
}
ul.faq li.answer ul {
	margin-left: 20px;
}
ul.faq li.answer ul li {
	list-style: disc !important;
}

.faq_heading {
	background:transparent url(../images/portal/slice.png) repeat-y scroll left top;
	font-size:10pt;
	font-weight:bold;	
	padding-top:5px; 
	padding-bottom:5px; 
	padding-left:5px;
	color: white;
}

#content .collapsed {
	list-style-image: url(../images/portal/plus.gif);
}

#content .expanded {
	list-style-image: url(../images/portal/minus.gif);
}
ul#section_menu li {
	width: 218.5px;
}
ul.section_menu,ul.section_menu2,ul.tcmenu {
	overflow: hidden;
	margin-bottom: 10px;
}
ul.section_menu li,ul.section_menu2 li,ul.tcmenu li {
	float: left;
	width: 218.5px;
	margin: 1px;
	text-align: center;
}
ul.section_menu2 li {
	width: 329px;
}
ul.section_menu li a,ul.section_menu2 li a,ul.tcmenu li a {
	display: block;
	background: #B8CEDC;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
ul.section_menu li a:hover,ul.section_menu2 li a:hover,ul.tcmenu li a:hover {
	background: #0D61A1;
	color: #fff;
}
ul.tcmenu li {
	width: 245px;
}
.show {
	display: block;
}
.glossary_alphabet li {
	display:block;
	margin-right: 10px;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}
.glossary_alphabet {
	margin-left: 80px; 
	overflow: hidden;
	margin-top: 10px;
}

.glossary_expanded,.glossary_collapsed:hover {
	background-color: #B8CEDC;
	
}
.p_bothsides {
	margin-top: 20px;
}
#glossary .faq_question a{
	width: 100px;
}
.faq_uparrow {
	display: block;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 600px;
}
#alphabet {
	margin-bottom: 10px;
}
#glossary {

}
#glossary .term {
	font-weight: bold;
}

#glossary .definition {
	margin: 5px 0 10px 15px;
}

/***********************
 *	FAQs
 ***********************/