/*
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background: #FFFFFF; text-align: left; }

/*
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
td            { vertical-align: top; }

h1, h2, h3 { color: #000; }

/*
 * Front defenitions
 */
div#front             { width: 900px; margin: 0 auto; text-align: center; position: relative; }
div#front a#vacature  { position: absolute; right: 20px; width: 237px; height: 103px; top: 80px; 
                        background: transparent url(../images/vacatureStamp.png) no-repeat top left; }

div#front div#photo   { float: left; vertical-align: top; width: 430px; height: 698px; padding-right: 20px; }

div#front div#logo    { float: left; width: 267px; height: 100px; margin-top: 190px; padding-bottom: 15px; }

div#front div#buttons { float: left; width: 420px; height: 200px; margin-left: 10px; display: inline; }

div#front div#werkgever,
div#front div#werknemer,
div#front div#zzp         { width: 120px; height: 200px; margin-right: 14px; float: left; }
div#front div#werkgever   { clear: left; }

div#front div#image       { float: left; width: 120px; height: 120px; padding-bottom: 10px; cursor: pointer; }
div#front div#province *  { width: 120px; margin: 0px;  }
div#front div#submit      { width: 120px; padding-top: 10px; height: 20px; cursor: pointer; }

img.menuIcon { margin-bottom: 10px; }

div#links		  { display: none; }

div.frontsitedescription { background-color: #013e5b; color: #fff; }
div.frontsitedescription table tbody tr td  { color: #fff; }
div.frontsitedescription table tbody tr td a { font-size: 95%; color: #fff; text-decoration: none; }
div.frontsitedescription table tbody tr td a:hover { text-decoration: underline; }
div.frontsiteposition { margin-left: auto; margin-right: auto; width: 900px; padding-top: 20px; padding-bottom: 20px; }

div.sitedescription { margin-left: auto; margin-right: auto; width: 900px; background-color: #e0ecf3; font-size: 95%; line-height: normal; }
div.sitedescription span { font-size: 110%; }
div.sitedescription p { margin-top: 10px; margin-bottom: 10px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */

div#site   {
  text-align: left;
  background-image: url(../images/main_bg.gif);
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0px;
}

div#toolTip     { background-color: #e0e0e0; border: 1px solid #555; padding: 5px; overflow: hidden; z-index: 10000; width: 175px; }
div#header      { height: 80px; background-color: #fff; padding: 5px 0 0 5px; }
div.space,
div#top         { width: 876px; float: left; }
div#logo        { float: left; height: 66px; display: inline; cursor: pointer; }
div#breadcrumbs { padding-left: 5px; padding-top: 10px; width: 400px; float: left; }
div#user        { float: right; text-align: right; font-size: 10px; }
div#mainHeader,
div#mainFooter  { background-color: #fff; width: 750px; height: 40px; float: left; }
div#mainHeader  { height: 20px; }
div#gradient    { position: relative; margin-left: 750px; height: 576px/*376px*/; background-repeat: repeat-x; background-position: top left; }
div#footerMenu  { padding-left: 5px; width: 745px; color: #fff; text-align: left; clear: both; float: left; padding-top: 1px; }
div#footerLogos { text-align: left; float: left; padding-left: 10px; }
div#siteIconContainer    { height: 1px; left: 0px; top: -20px; position: absolute; min-width: 100%; }
div#siteIcon             { height: 1px; width: 1200px; float: right; text-align: right; }
div#footerLogos { margin-top: 10px; }
div#footerLogos a { margin-right: 9px; }
div#footerLogos a.noMargin { margin-right: 0px; }
div#partnersFooter { float: left; margin-left: 16px; width: 110px; background-color: #fff; position: relative; display: inline; }

div.lefttopCorner,
div.leftbottomCorner { float: left; display: inline; }
div.righttopCorner,
div.rightbottomCorner { float: right; display: inline; }
div.lowerCorner { margin-top: 20px; }

div#main   { float: left; clear: left; width: 750px; background-color: #fff; margin: 0px; margin-bottom: 10px; padding-bottom: 65px; }

div#left   { width: 115px; float: left; display: inline; background: #fff; border: 1px solid #fff; margin-left: 5px; }
div#middle { width: 605px; float: left; display: inline; background: #fff; margin-right: 20px; position: relative; }
div.loggedIn div#left { margin-left: 0px; padding-left: 0px; width: 200px; border-right: 1px solid #D7D7D7; margin-right: 10px; }
div.loggedIn div#middle { width: 525px; margin-right: 10px; ~width: 515px; }

div#full   { width: 710px; float: left; display: inline; background: #fff; margin-right: 20px; margin-left: 20px; }
div#footer { position: absolute; height: 65px; clear: both; width: 100%;  }
div#innerFooter { width: 1200px; height: 65px; }

div#login                      { float: left; text-align: right; margin-top: 20px; }
div#login div#logon            { width: 310px; margin-left: 0px; height: 25px; background-position: top left; float: left; }
div#login div#print            { width: 150px; margin-left: 0px; margin-right: 10px; height: 25px; background-position: top left; float: left; }
div#login div#logout           { width: 70px; margin-left: 0px; height: 25px; background-position: top left; float: left; }
div#login div#loginInformation { float: right; margin-right: 10px; clear: both; width: 350px; }
div#login div#submit           { width: 21px; height: 21px; margin-left: 5px; float: left; cursor: pointer; }
div#login input#hiddenSubmit   { display: none; }

div#left a#aangemeld,
div#left a#register          { display: block; width: 120px; height: 120px; }
div#left a#vacatureToevoegen { display: block; width: 120px; height: 120px; }
div#left div#zoekzzp,
div#left div#zoekwerkgever,
div#left div#zoekwerknemer   { width: 120px; height: 120px; }

div#banners { position: absolute; top: 60px; left: 25px; width: 180px; }

/* Making the footer stick to the bottom =] */
div#site        { position: relative; min-height: 100%; width: 1200px; margin-bottom: -65px;}

/*
 * Module, menu and block definitions
 */
div.block  { margin-bottom: 10px; background-color: #F5F5F5; }
div#topMenuRight { float: right; padding-right: 150px; }
ul#topMenu { float: left; margin: 0px; padding: 0px; background-repeat: no-repeat; padding-left: 10px; }
a#sponsors { float: right; display: block; margin-top: 15px; text-decoration: none; vertical-align: bottom; height: 17px; margin-right: 141px; }

a#sponsors span.middle { background-color: #CB3301; color: #ffffff; text-align: center; line-height: 15px; font-weight: bold; float: left; height: 17px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
a#sponsors span.right,
a#sponsors span.left                  { width: 2px; height: 17px; background: transparent url(../images/top.leverancier.bg.gif) top left no-repeat; }
a#sponsors span.right                 { background-position: top right; float: left; }

div.module { margin-bottom: 10px; }

div.content { margin-left: 0px; padding: 0px; }
div.module div.content { text-align: left; }


div.blockFieldHeader  { width: 120px; height: 6px; }
div.blockField        { width: 115px; padding-left: 5px; overflow: hidden; }
div.contentFieldHeader        { height: 6px; width: 100%; font-size: 1px; }
div.contentSearchField,
div.contentField              { overflow: hidden; width: 100%; }
div.contentSearchField div.content,
div.contentField div.content  { padding: 0px 10px; }

div#searchBtnView { width: 41px; height: 24px; padding-left: 28px; text-align: left; padding-top: 3px; float: left; cursor: pointer; }
div#searchBtnReact { width: 91px; height: 24px; padding-left: 28px; text-align: left; padding-top: 3px; float: left; margin-left: 5px; }
div#searchBtnReact a, div#searchBtnView a { text-decoration: none; color: #222; } 
div#searchBtnReact a:hover, div#searchBtnView a:hover { text-decoration: underline; }
/*
div.contentFieldHeader  { width: 588px; height: 6px; }
div.contentField        { width: 578px; padding-left: 10px; overflow: hidden; }
div.loggedIn div.contentFieldHeader { width: 525px; }
div.loggedIn div.contentField { width: 515px; }
*/
div#full div.contentField       { width: 700px; }
div#full div.contentFieldHeader { width: 710px; }
div#full table.reactions div.contentField       { width: 578px; }
div#full table.reactions div.contentFieldHeader { width: 588px; }
div.corner_lefttop,
div.corner_righttop,
div.corner_leftbottom,
div.corner_rightbottom { width: 6px; height: 6px; }

div.waitMessage { margin-top: 100px; text-align: center; }
div.waitMessage div.container { position: absolute; margin-left: -300px; left: 50%; text-align: left; width: 600px; }
div.waitMessage h1 { width: 588px; margin-bottom: 1em; }
div.waitMessage a { float: none; }
div.waitMessage .error { width: 100%; float: left; }
div.waitMessage div.content { width: 600px; }

ul#userMenu,
ul#userMenu ul                        { float: left; list-style: none; margin: 0px; padding: 0px; width: 200px; }
ul#userMenu li                        { margin: 0px; padding: 0px; }
ul#userMenu li a                      { text-decoration: none; height: 28px; display: block; cursor: pointer; }
ul#userMenu li a span                 { padding-top: 3px; float: left; }
ul#userMenu li a span.unread          { font-weight: bold; }
ul#userMenu li a span.total           { padding-left: 5px; font-weight: normal; font-size: 11px; }
ul#userMenu li a img.plusmin          { padding-top: 3px; }
ul#userMenu li a img                  { float: left; }
ul#userMenu li a:hover                { text-decoration: underline; }
ul#userMenu ul li a                   { padding-left: 10px; }
ul#userMenu li.current li a           { background: none; }

div#userOptions                       { padding: 10px; border: 1px solid #D7D7D7; border-left: 0px; border-right: 0px;  color: #666666; }
div#userOptions td                    { vertical-align: top; padding-top: 5px;  color: #666666; }
div#userOptions input.checkbox        { width: 12px; margin: 0px; }
div#userOptions div#occupied_date     { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; width: 180px; margin-top: 20px; }
div#userOptions div#active_cron       { margin-top: 20px; } 
div#userOptions div#active_cron select { width: 80px; }
div#userOptions select.date_day       { width: 36px; }
div#userOptions select.date_month     { width: 74px; }
div#userOptions select.date_year      { width: 47px; }
div#userOptions div.save              { float: right; width: 70px; margin-top: 10px; }
div#userOptions div.save button       { width: 80px; }

div#leftBlocks                        { padding: 10px; }

ul#topMenu                            { float: left; list-style: none; padding-top: 15px; }
ul#topMenu li span.right,
ul#topMenu li span.left               { width: 2px; height: 17px; background: transparent url() top left no-repeat; }
ul#topMenu li span.right              { background-position: top right; }
ul#topMenu li,
ul#topMenu li *                       { float: left; cursor: pointer; }
ul#topMenu li.menu_item a             { height: 17px; color: #fff; line-height: 15px; font-weight: bold; }
ul#topMenu li.menu_item a span.right  { margin-right: 5px; }
ul#topMenu li.menu_item a span.middle { padding: 0 5px 0 5px; white-space: nowrap; height: 17px; font-size: 13px; }
ul#topMenu li.current a span.middle,
ul#topMenu li.menu_item a:hover span.middle { background-color: #ffffff; }
ul#topMenu li.current a span.right, ul#topMenu li.current a span.left,
ul#topMenu li a:hover span.right,   ul#topMenu li a:hover span.left               { background-image: url(../images/top.menu.bg.gif); }

.spacer { height: 0.5em; }
.clear { clear: both; }
.left  { float: left; }
.right { float: right; }
.full  { width: 100%; }
.hidden { display: none; }
/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

ul { margin-top: 0px; }

div.home hr { width: auto; }

div.home div#managerInformation { width: 150px; }
div.home div#managerInformation fieldset { width: 120px; text-align: center; }

div.home a { float: none; text-decoration: none; } 
div.home a:hover { text-decoration: underline; } 

div.home div#occupied_date div.elementDescription { margin-left: 23px; width: 100px; }
div.home div#active_cron    { margin-left: 23px; }
div.home div.save           { float: right; margin-right: 20px; }

div.topOptions .formStep,
div.options .formStep { margin: 0px; }

div.home div#floatingLinks { position: relative; }
/*
div.bannerFlashContainer { height: 70px; }
div#bannerFlashContainer { position: absolute; top: 140px; left: 250px; z-index: 100; }
*/

div.cv div#location,
div.vacature div#specialities { float: left; }
div#specialities ul { margin-bottom: 0px; }
div#specialities { padding-bottom: 20px; }
div.cv div#info,
div.vacature div#info { float: right; margin-right: 15px; }
div.vacature div#description { float: left; margin-top: 15px; width: 100%; }

/* experience UTA */
div.utalabel { float: left; width: 228px; }
div.utainput { float: left; width: 60px; }
div.utaselect { margin-left: 23px; }
div.utaselect label { cursor: pointer; }
div#utapersoneel { display: none; }

div.searchResult                                    { padding-bottom: 20px; }
div.searchResult div.contentSearchField td          { padding-bottom: 10px; }
div.searchResult div.contentSearchField td td       { padding-bottom: 0px; }

div.searchCv div                                    { float: left; cursor: pointer; }
div.searchCv div#itemLeft                           { width: 120px; }
div#cvLogo_zzp,
div#cvLogo_werknemer                                { width: 40px; height: 40px; }
div.searchCv div#itemMiddle                         { width: 450px; }

div.searchCv div#itemMiddle div#function            { width: 150px; }
div.searchCv div#itemMiddle div#speciality          { width: 150px; }
div.searchCv div#itemMiddle div#dob                 { width: 150px; }

div.searchCv div#itemMiddle div#experience          { width: 150px; }
div.searchCv div#itemMiddle div#location            { width: 150px; }
div.searchCv div#itemMiddle div#distance            { width: 150px; }

div.searchCv div#cvInzien                           { float: left; width: 68px; height: 21px; }

div.searchVacature div                              { float: left; cursor: pointer; }
div.searchVacature div#itemLeft                     { width: 120px; }
div#vacatureLogo                                    { width: 40px; height: 40px; }
div.searchVacature div#itemMiddle                   { width: 450px; }

div.searchVacature div#itemMiddle div#function      { width: 200px; }
div.searchVacature div#itemMiddle div#speciality    { width: 150px; }
div.searchVacature div#itemMiddle div#hours         { width: 100px; }

div.searchVacature div#itemMiddle div#experience    { width: 200px; }
div.searchVacature div#itemMiddle div#location      { width: 150px; }
div.searchVacature div#itemMiddle div#distance      { width: 100px; }
div.searchVacature div#itemBottom                   { margin-top: 20px; }
div.searchVacature div#vacatureInzien               { float: left; width: 106px; height: 21px; }

div#rating                                          { margin-top: 3px; height: 12px; }

div.submit,
div#submit                                          { width: 21px; height: 21px; float: left; cursor: pointer; }

div.marginRight                                     { margin-right: 15px; }
div.vacature div.reaction,
div.cv div.reaction                                 { float: right; width: 245px; margin-right: 13px; }
div.vacature div.itemBottom,
div.cv div.itemBottom                               { float: right; margin-top: 5px; text-align: right; display: inline;  }
div#reageer                                         { float: left; width: 60px; height: 20px; margin-right: 5px; display: inline; }
div.reactionClick                                   { float: right; margin-right: 15px; margin-top: 10px; }
div.reactionClick fieldset                          { width: 220px; padding-bottom: 0px; padding-right: 10px; }
div.reactionClick fieldset.react                    { width: 150px; padding: 5px; text-align: center; }
div.reactionClick table                             { margin-bottom: 5px; }
div.reactionClick fieldset.react a.formStep         { padding: 0px; margin: 0px; }
div.reactionClick img.infoIcon                      { margin: 2px; margin-top: 7px; float: left; }
div.reactionClick div.info                          { float: left; width: 20px; }
div.reactionClick div.info img                      { margin: 10px 10px 2px 2px; }
div.itemBottom div                                  { cursor: pointer; }
div.reactionReply                                   { float: left; margin-right: 5px; display: inline; white-space: nowrap; }
div.cv div.submit,
div.vacature div.submit                             { clear: right; padding-bottom: 5px; }

table.reactions td                                  { padding-top: 6px; padding-left: 5px; cursor: pointer; vertical-align: top; }
table.reactions th                                  { border: 1px solid #fff; border-right: 0px; padding-left: 5px; }
table.reactions td                                  { border: 1px solid #fff; border-top: 0px; border-bottom: 0px; border-right: 0px; }
table.reactions td.middle td                        { vertical-align: middle; }
table.reactions .negative                           { background-color: #d3b5b7; }

div#sendurl_form textarea,
div#sendurl_form input              { width: 300px; }
div#sendurl_form textarea           { margin: 2px; }
div#sendurl_form input.button       { width: 100px; color: #fff; }

div#leveranciers                    { margin-left: 15px; }
div#leveranciers table.category     { width: 230px; margin-bottom: 10px; }
div#leveranciers table.category th { color: #fff; font-weight: bold; padding: 0px; }
div#leveranciers table.category th div.leverancierLeft,
div#leveranciers table.category th div.leverancierRight   { width: 10px; height: 20px; float: left; }
div#leveranciers table.category th div div { float: left; width: 10px; height: 10px; }
div#leveranciers table.category th div.leverancierContent { float: left; width: 210px; height: 19px; padding-top: 1px; }
div#leveranciers table.category td { vertical-align: middle; text-align: center; }
div#leveranciers table.category td div.leverancierItemBg { display: block; width: 70px; height: 70px; float: left; }
div#leveranciers table.category tbody td { padding-top: 10px; }
div#leveranciers table.category td div.leverancierItemBg td { padding: 0px; }
div#leveranciers table.category tbody td a { text-decoration: none; }

div#leveranciers div.links table.category td { vertical-align: middle; text-align: left; }
div#leveranciers div.links table.category tbody td { padding-top: 0px; padding-left: 5px; }
div#leveranciers div.links table.category tbody td a:hover { text-decoration: underline; }

a.unreadAction { text-decoration: none; color: #003F5A; font-weight: bold;}
a.readAction   { text-decoration: none; color: #000; }

div#aanbiedingen h1 { padding-left: 20px; }
div#aanbiedingen a { text-decoration: none; }
div#aanbiedingen a:hover { text-decoration: underline; }
div#aanbiedingen a b { color: #222; }
div#aanbiedingen div.aanbieding { float: left; width: 220px; text-align: center; padding-bottom: 20px; }
div#aanbiedingen div.aanbieding a { width: 100%; text-align: center; }
div#aanbiedingen div.archiefAanbieding { float: left; width: 235px; text-align: left; padding-left: 20px; }

div#gradient { padding-top: 32px; padding-left: 16px; position: relative; }
div#innerGradient { width: 500px; }
div#SOSlogo    { display: block; float: left; padding-left: 16px; height: 554px; width: 220px; }
div#partners { float: left; padding-left: 16px; width: 110px; height: 450px; }
div#partners h1 { padding-top: 20px; padding-left: 20px; }
div#partners div.partner { float: left; padding-top: 5px; padding-left: 10px; text-align: center; width: 90px; padding-bottom: 10px; }
div.partnerPopup { position: absolute; width: 615px; height: 400px; top: 132px; left: 200px; background-color: #fff; text-align: center; border: 1px solid black; z-index: 200; }
div.partnerPopup div.partnerHeader { height: 120px; width: 100%; text-align: center; padding-bottom: 10px; }
div.partnerPopup div.partnerContent { padding: 20px; height: 185px; }
div.partnerPopup div.partnerContent td { text-align: left; font-size: 10px; line-height: 17px; padding-left: 10px; }
div#partnerAanmelden { position: absolute; bottom: 16px; left: 10px; }

table.searchblock td { padding: 2px; }

div#nocar { display: none; }

div.infobtn { width: 20px; position: absolute; top: 2px; right: 5px; }

table.weather th { padding: 5px; }
table.weather td { padding-left: 5px; padding-right: 5px; }