/* 
Randstad Styleguide CSS v0.1
Date: 29-10-2009
Author: J.Smit
*/
*{
  margin:0px;
  padding:0px;
}

body{
  background-color:#EEEEEE;
  color:#666666;
  font-family:Arial,sans-serif;
  font-size:11px;
}

/* General element layouts */
a{color:#2175D9;text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
h1{color:#333333;font-size:18px;font-weight:bold;}
h2{color:#333333;font-size:11px;font-weight:bold;}
ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
ol{list-style-image:none;list-style-position:outside;}


input.submit.b5{
  background-image:url('/content/images/system/button-submit.gif');
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#2175D9;
  cursor:pointer;
  height:19px;
  width:19px;
  text-indent:-999999px;  
}
input.submit.b5:hover{
  background-color:#FF8A00;
}

/* General container/wrapper */
.container{
  margin:0 auto;
  text-align:left;
  width:960px;
}

/* Brand Header styles */
.header{background-color:#FFFFFF;height:213px;margin:10px 0 0;position:relative;width:960px;}
.brand-header{background-color:#FFFFFF;background-image:url('');background-position:center bottom;background-repeat:no-repeat;height:155px;margin:0 0 1px;width:960px;}
.brand-header .randstadlogo{float:left;margin:76px 0 0 66px;}
.brand-header .service-concepts{float:right;margin:9px 18px 0 0;}
.brand-header .service-concepts{cursor:pointer;}
.brand-header .service-concepts li{display:inline;}
.brand-header .service-concepts a{color:#7AAFDE;font-size:11px;text-decoration:underline;}
.brand-header .service-concepts a.selected{color:#2175D9;}
.brand-header .payoff{clear:right;float:right;margin:62px 107px 0 0;}

/* Header Top Navigation styles */
.global-navigation{background-color:#6DA7E6;float:left;height:29px;position:relative;width:960px;}
.global-navigation .main-navigation li{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px -34px;
  background-repeat:repeat;
  border-right:1px solid #FFFFFF;  
  color:#FFFFFF;
  display:inline;
  float:left;
  font-size:12px;
  vertical-align:bottom;
}
.global-navigation .main-navigation li:hover{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px -68px;
  background-repeat:repeat;
}
/* Special Concept Top Menu Mouseover Styles */
body.staffing .global-navigation .main-navigation li:hover{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px 0px;
  background-repeat:repeat;
}
body.inhouse-services .global-navigation .main-navigation li:hover{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px -136px;
  background-repeat:repeat;
}
body.search-selection .global-navigation .main-navigation li:hover{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px -170px;
  background-repeat:repeat;
}
body.hrsolutions .global-navigation .main-navigation li:hover{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px -204px;
  background-repeat:repeat;
}
body.professionals .global-navigation .main-navigation li:hover{
  background-image:url('/content/images/system/top-menu-sprite.png');
  background-position:0px -238px;
  background-repeat:repeat;
}
.global-navigation .main-navigation li a{
  background-image:url('/content/images/system/menu-arrow.gif');
  background-position:right 13px;
  background-repeat:no-repeat;
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  padding:7px 25px 7px 16px;
}
.global-navigation .main-navigation li a:hover{
  text-decoration:none;
}
.global-navigation .main-navigation ul{
  background-image:url('/content/images/system/dropshadow.png');
  background-position:bottom right;
  display:none;
  padding:1px 4px 4px 0;
  top:29px;
  position:absolute;
}
.global-navigation .main-navigation li:hover ul, 
  .global-navigation .main-navigation li.hover ul{
    display:block;
    z-index:1;
}

.global-navigation .main-navigation li ul li{background-color:#FFFFFF;background-image:none;border: 0 none;  color:#2175D9;display:block;float:none;font-size:11px;width:224px;}
.global-navigation .main-navigation li ul li a{font-weight:normal;color:#2175D9;background-image:none;  height:19px;padding:5px 0 2px 16px;}
.global-navigation .main-navigation li ul li:hover{background-image:none;background:#6DA7E6;}
.global-navigation .main-navigation li ul li:hover a{color:#FFFFFF;}
.global-navigation .user-navigation{margin:29px 16px 0 0;position:absolute;right:0;}
.global-navigation .user-navigation li{float:right;padding:7px 0 0 5px;}

/* Header Branch/Site Search Form styles*/
.site-search{color:#FFFFFF;margin:158px 16px 0 0;position:absolute;right:0;top:0;z-index:2;}
.site-search label{padding-top:2px;}
.site-search label, .site-search input{border:0 none;float:left;margin:3px 0 0 5px;}
.site-search .text{color:#999999;font-size:9pt;height:17px;padding:0 5px;}

/* Header Breadcrumb styles */
.breadcrumbs{display:inline;float:left;margin:0 0 0 16px;}
.breadcrumbs li{float:left;padding:7px 4px 0 0;}
.breadcrumbs li a.active{color:#333333;}

/* Content Wrapper */
.content{background-color:#FFFFFF;float:left;margin:10px 0 0;overflow:hidden;padding:0 0 20px;width:960px;}

/* Content rules (can be used to overwrite specific layouts e.g. wide etc) */
.content-page .content,
  .search-page .content{  
  background-image:url('/content/images/system/right-column.gif');
  background-position:right center;
  background-repeat:repeat-y;
}

.title-header{
  background-color:#2175D9;
  float:left;
  height:93px;
  width:960px;
}
.title-header h1{
  background-image:url('/content/images/system/header-arrow.gif');
  background-position:left top;
  background-repeat:no-repeat;
  color:#FFFFFF;
  margin:23px 0 -20px 32px;
  padding:5px 0 20px 57px;
}
.title-header h2{
  color:#D1E4F6;
  margin:0 0 0 89px;
}

/* (Left)Side Navigation Styles*/
.sidenavigation{background-color:#F9F9F9;display:inline;float:left;margin:10px 0 0 16px;width:224px;}
.sidenavigation h1{border-bottom:1px dotted #CCCCCC;padding:10px 16px;}
.sidenavigation a.selected{color:#333333;font-weight:bold;}
.sidenavigation ul{margin:10px 0 30px 16px;}
.sidenavigation ul li{margin: 0 0 5px;}
.sidenavigation ul li a{font-weight:bold;color:#2175D9;}
.sidenavigation li.selected a.l3.selected{color:#333333;}
.sidenavigation li.selected a.l4.selected{color:#333333;}
.sidenavigation ul li ul{margin:5px 0 10px 16px;}
.sidenavigation ul li ul li{margin:0 0 5px;}
.sidenavigation ul li ul li ul li a{font-weight:normal;}

/* Content related styles*/
.content .content-body{float:left;margin:10px 16px 0;width:496px;}
.content .content-body a{font-weight:bold;}
.content-body{display:inline;overflow:hidden;}
.content-body h1{border-bottom:1px dotted #CCCCCC;margin:0;padding:10px 16px;text-align:left;}
.content-body h1.news{clear:both;}
.content-body .content-section{clear:both;overflow:hidden;padding:0 16px;margin-bottom:5px;}
.content-body div.content-section > p:first-child{margin-top:10px;}
.content-body .content-section h3 + p.picture{margin-top:4px;}
.content-body .content-section p{margin:10px 0;}
.content-body .content-section ol li{margin-left:32px;}
.content-body .content-section.intro{font-weight:bold;}
.content-body span.error{color:red;}

/* Content wide variant without left menu */
.content.wide .content-body{width:736px;}

/* (Right)Sidebar blocks*/
.sidebar-module-block,
  .expandable-sidebar-module{
  float:right;
  background-color:#F9F9F9;
  border-bottom:1px solid #E0E0E0;
  clear:right;
  padding:10px 16px 12px;
  width:159px;
}
.sidebar-module-block.first,
  .expandable-sidebar-module.first{
    border-top:1px solid #E0E0E0;
    margin-top:52px;  
}
.sidebar-module-block .picture.picture-left {
  float:left;
  margin-right:5px;
}
.expandable-sidebar-module .expander{
  background-image:url('/content/images/system/arrow-expanded.gif');
  background-position:4px 4px;
  background-repeat:no-repeat;
  cursor:pointer;
  display:block;
  margin:0 -16px 8px;
  padding:0 0 0 16px;
}
.expandable-sidebar-module .expander.collapsed{
  background-image:url('/content/images/system/arrow-collapsed.gif');
}
.expandable-sidebar-module .expander a{
  color:#333333;
  font-size:11px;
  font-weight:bold;
}
/* Content component related styles */
.content-body .content-section h2{border-bottom:1px dotted #CCCCCC;margin:5px 0 5px;padding-bottom:5px;  font-size:14px;}
.content-body .content-section h3,
.content-body ul.links.faq h3{font-size:11px;margin:3px 0;color:#333333;}
.content-body .content-section table{border:1px hidden #FFFFFF;border-collapse:collapse;margin:5px 0 16px;}
.content-body .content-section table th{background-color:#F9F9F9;border:1px solid #E0E0E0;padding:5px;text-align:center;}
.content-body .content-section table td{border:1px solid #E0E0E0;padding:5px;vertical-align:top;}
.content-body .content-section table.full-width{width:100%;}
.content-body .content-section ul.list li{list-style-type:disc;margin:0 32px;}
.content-body .content-section ul.links li a,
.content-body ul.links.faq li a{
  background-image:url('/content/images/system/arrow-link.gif');
  background-position:2px 5px;
  background-repeat:no-repeat;
  font-weight:bold;
  padding:0 5px 0 10px;
}
.content-body ul.links.faq{margin-left:16px;}
.content-body .content-section .picture-left{float:left;margin:4px 5px 5px 0px;}
.content-body .content-section .picture-right{float:right;margin:4px 0 5px 5px;}
.content-body .content-section .picture-center{text-align:center;}
.content-body .content-section .picture span{display:block;clear:both;}

/* Forms & Response Styles */
.content-body div.form-line{overflow:hidden;margin-left:16px;padding:5px 5px 5px 0;position:relative;}
.content-body div.form-line .options{width:295px;}
.content-body div.form-line .options label{display:inline;float:none;margin-right:5px;}
.content-body div.form-line .options input{display:inline;margin:3px 2px 2px 0;}
.content-body div.form-line input,
  .content-body div.form-line select,
    .content-body div.form-line textarea{
      border:1px solid #AAAAAA;
    }
.content-body div.form-line label{display:block;float:left;overflow:hidden;margin-right:15px;width:161px;}
.content-body div.form-line em.required{
  background-image:url('/content/images/system/rsg-icons-sprite.png');
  background-position:-7px 0px;
  background-repeat:no-repeat;
  position:absolute;
  margin-top:4px;
  left:165px;
  overflow:hidden;
  padding-left:8px;
  width:0;
}
.content-body div.form-line input.text, 
  .content-body div.form-line textarea{
    width:290px;
  }
.content-body div.form-line input.text{padding:1px 1px 1px 3px;}
.content-body div.form-line.selection-1 select{font-size:11px;height:20px;padding:1px 0;width:296px;}
.content-body div.form-line input.date,
.content-body div.form-line input.file{
  padding:1px 1px 1px 3px;
  font-size:10px;
  color:#666666;
  width:120px;
}
.content-body div.form-line input.date{padding-left:5px;}
.content-body div.form-line input.file{width:120px;}
.content-body div.form-line div.error{color:red;margin-left:176px;}
.content-body input.submit{
  background-image:url('/content/images/system/button-arrow.gif');
  background-position:right 10px;
  background-repeat:no-repeat;
  background-color:#2175D9;
  color:white;
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  line-height:22px;
  height:23px;
  border:none;
  margin:0 10px 0 15px;
  padding:0 18px 1px 8px;
  width:auto;
}

.content-body input.submit.next{
  background-color:#666666;
}
.content-body input.submit.previous{
  background-image:url('/content/images/system/button-arrow-left.gif');
  background-position:left 10px;
  background-repeat:no-repeat;  
  background-color:#666666;
  padding:0 8px 1px 18px;
}
.content-body span.fileinfo{float:left;margin-left:176px;padding:1px 1px 1px 3px;}
.content-body span.fileinfo em{float:left;margin-right:10px;}
.content-body span.fileinfo input{float:right;}

/* Footer related styles */
.footer{background-color:#EEEEEE;border-top:1px solid #999999;float:left;margin:0;padding:15px 16px;  width:928px;}
.footer .recruiting{float:right;position:relative;width:250px;padding-left:50px;height:84px;}
.footer ul.site-links{display:inline;width:600px;float:left;}
.footer ul.site-links li{display:inline;margin: 0 5px;}
.footer div p{font-size:10px;margin-left:5px;margin-top:5px;}
.footer div.disclaimer{width:600px;float:left;}
.footer .recruiting img{left:0;position:absolute;}
.footer .recruiting h1{font-size:14px;color:#FF8A00;font-weight:normal;}
.footer .recruiting h2{margin:3px 0;color:#666666;}
.footer .recruiting h2 a{font-weight:normal;margin-left:5px;}


/* Search Results styles */
body.search-page .content-body{border-bottom:1px dotted #CCCCCC;}
body.search-page .content-body form{padding:4px 5px 3px 5px;background:#EEEEEE;width:235px;float:right;margin-top:1px;}
body.search-page .content-body form label{width:88px;float:left;margin-top:3px;}
body.search-page .content-body form input#main-search{font-size:9pt;color:#999999;height:17px;}
body.search-page .content-body .search-content .submitsearch.b5{border:none;float:right;}
.pagination{padding:7px 16px;clear:both;}
.pagination ul{display:inline;}
.pagination ul li{display:inline;font-weight:bold;margin:0 0 0 6px;}
p.keywords{margin-left:16px;padding:3px 5px 3px 1px;}
.search-result{border-top:1px dotted #E0E0E0;margin:0 16px;padding:10px 0;}
body.search-page .content-body .pagination + .search-result {border-bottom:1px dotted #E0E0E0;}
body.search-page .content-body .search-result + .search-result{border-bottom:1px dotted #E0E0E0;border-top:0 none;}
.search-result h2{font-size:14px;margin:0 10px 0 0;}
.search-result p.date{margin-top:5px;}


a.b5,button.b5,form input.b5 {
	
	background-image: url(/content/images/system/button-submit.gif);
	background-color: #2175d9;
	background-repeat: no-repeat;
	height: 19px;
	width: 19px;
	overflow: hidden;
	text-indent: -1000em;
	width: 19px;
}

a.b5:hover,button.b5:hover,form input.b5:hover {
	background-color: #ff8a00;
}

/* Override rule for wide Iframe pages, no right column vertical line */
.content.iframewide {background-image:none;}
.content.iframewide .content-body {width:688px;}