*				{ margin: 0; padding: 0 }
body			{ background: #eee; margin: 0px; font: 400 11px Arial, Verdana, Helvetica,Pmingliu; }
h1				{ color: #333; font-size: 18px; font-family:Arial; font-weight: bold; display:block }
h2				{ color: #333; font-size: 14px; font-family:Arial; font-weight: bold; display:block }
h3				{ color: #333; font-size: 11px; font-weight: bold; display:block }
p				{ color: #666; font-size: 11px; line-height: 1.3em; display:block }
img				{ border: 0 none }
img.logo		{ padding-bottom: 10px }
ul li			{ list-style-type: none }

.clearer		{ clear: both }
.center			{text-align:center; }
.randstad		{ padding-left: 16px; background: url(../images/logo-randstad-small.gif) no-repeat left 5px }
a.notimplemented{ cursor: no-drop }
h1 span.details { color: #666; font-size: 14px; font-family:Arial; margin-left: 10px }
h1 span.explain { color: #666; font-size: 11px; font-weight: normal; margin-left: 10px }
h1 span.explain em.star	{ color: #e41f1f; font-size: 14px; font-family:Arial; font-weight: bold;margin-right: 2px; vertical-align: middle }
select, textarea, input	{font-family:Arial,Pmingliu;}
select option			{ padding-left:3px;}


/* @group Structure */
#container		{ margin: 0 auto; width: 960px }
#header			{ margin-bottom: 10px }
#content		{ clear: both; overflow: hidden }
.col,.col1,.col2{ padding: 10px 16px 25px 16px }
.col,.twocol,
.twocol-sidebar-left,
.twocol-sidebar-right,
.threecol-sidebar-right,
.threecol-sidebar-left-right,
.sidebar		{ background-color: #fff }
.col h1,
.sidebar h1		{ background: url(/images/dotted-white.gif) repeat-x left bottom; padding: 10px 0px 10px 10px; line-height:20px; }
.left			{ float: left; width: 192px;  }
.right			{ background-color: #f9f9f9; border-left: 1px solid #eee; float: right; width: 192px }
.twocol			{ padding: 0 16px }
.twocol .col1	{ border-right: 1px solid #eee; float: left; width: 432px; margin: 0 }
.twocol .col2	{ border-left: 1px solid #eee; margin-left: 464px }
.twocol .col1 h1,
.twocol .col2 h1{ background: url(/images/dotted-white.gif) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px }
.twocol h1.top	{ border: 0 none; margin-bottom: 0; background:none }
.twocol-sidebar-right .col			{ border-right: 1px solid #eee; margin-right: 192px }
.twocol-sidebar-left .col .section,
.twocol-sidebar-right .col .section { padding-left: 16px;}
.twocol-sidebar-left .col			{ margin-left: 192px ; }
.threecol-sidebar-right .col		{ border-right: 1px solid #eee; margin-right: 192px }
.threecol-sidebar-right .col1		{ background-color: #f9f9f9; float: left; margin-right: 16px; width: 336px }
.threecol-sidebar-right .col2		{ float: left; width: 319px }
.threecol-sidebar-left-right .col	{ border-right: 1px solid #eee; margin: 0 192px 0 192px }

.jobCol			{ width: 40% }
.clientJobDiv	{ width: 350px }
.clientJobText	{ width: 350px }
.smallCol		{ width: 200px }
td.yellow		{ background-color: #ffff99 }
/* @end */

/* @group Links */

a.l1			{ background: url(../images/arrow-link.gif) no-repeat left 5px; color: #2175d9; font-size: 11px; font-weight: bold; padding-left: 8px; text-decoration: none }
a.l2			{ color: #2175d9; font-size: 11px; font-weight: bold; text-decoration: underline }
a.l3			{ color: #2175d9; font-size: 11px; font-weight: bold; text-decoration: none }
a.l4			{ color: #2175d9; font-size: 11px; font-weight: normal; text-decoration: none ; font-family:Arial, PMingLiU}
a.l5			{ color: #2175d9; font-size: 11px; font-weight: normal;text-decoration: none }
a.l100			{ color: #2175d9; font-size: 11px; font-weight: normal; text-decoration: none ; font-family:Arial, PMingLiU; float:inherit; vertical-align:top; padding: 0px 0px 0 95px; position:absolute ;}
a.l101			{ color: #2175d9; font-size: 11px; font-weight: normal; text-decoration: none ; font-family:Arial, PMingLiU; float:inherit; vertical-align:top; padding: 0px 0px 0 83px; position:absolute ;}
a:hover.l1,
a:hover.l2,
a:hover.l3,
a:hover.l4,
a:hover.l5		{ text-decoration: underline }
a.l6			{ color: #666; font-size: 11px; font-weight: normal; text-decoration: underline }
a:hover.l6		{ color: #333; text-decoration: underline }
a.l7			{ color: #333; font-size: 11px; font-weight: bold; text-decoration: none }
a.l8			{ background: url(../images/arrow-collapsed.gif) no-repeat 5px 7px; color: #333; font-size: 14px;  font-family:Arial;font-weight: bold;text-decoration: none; padding: 0 16px }
a.l9			{ color: #333; font-size: 12px;  font-family:Arial;font-weight: bold; text-decoration: none; padding: 0 16px }
a.l8h2			{ color: #2175d9; font-size: 14px; font-family:Arial; font-weight: bold;text-decoration: none; margin: 0px; margin-bottom:10px; padding-bottom:10px }
a.b5			{ background: #2175d9 url(../images/button-submit.gif); height: 19px; overflow: hidden; text-indent: -1000em; width: 19px }
a.b5:hover		{ background-color: #ff8a00 }
a.delete,
a.delete:hover,
a.delete:link,
a.delete:visited{ color: red }
a.green,
a.green:hover,
a.green:link,
a.green:visited { color: green }
a.bottomLinksLink{ TEXT-DECORATION: underline; color:#2175d9; font-size:11px }

/* @end */

/* @group Buttons */

button,input.submit		{ border: 0 none; color: #fff; cursor: pointer; font-size: 11px; font-weight: bold}
a.diable				{ color:#fff; font-size: 11px; font-weight: bold; line-height: 22px; text-decoration: none; background: #aaa url(../images/button-arrow.gif) no-repeat right center; height: 22px; padding: 3px 20px 6px 10px }
a.b1,a.b2,a.b3,a.b4		{ color: #fff; font-size: 11px; font-weight: bold; line-height: 22px; text-decoration: none }
button.b1,button.b2,
button.b3,button.b4,
.input.b1,.input.b2,
input.b3,input.b4		{ line-height: 12px }
a.b1,button.b1,input.b1	{ background: #2175d9 url(../images/button-arrow.gif) no-repeat right center; height: 22px; padding: 3px 20px 6px 10px }
a.b2,button.b2,input.b2	{ background: #009900 url(../images/button-arrow.gif) no-repeat right center; height: 22px; padding: 3px 20px 6px 10px }
a.b3,button.b3,input.b3	{ background: #e41f1f url(../images/button-arrow.gif) no-repeat right center; height: 22px; padding: 3px 20px 6px 10px }
a.b4,button.b4,input.b4	{ background: #666 url(../images/button-arrow.gif) no-repeat right center; height: 22px; padding: 3px 20px 6px 10px }
a.b5,button.b5,input.b5	{ background-color: #2175d9; background-image: url(../images/button-submit.gif); background-repeat: no-repeat; height: 19px; overflow: hidden; text-indent: -1000em; width: 19px }
a.b100,button.b100,input.b100	{ background-color:#e41f1f; background-repeat: no-repeat; height: 28px; padding: 6px 10px 6px 10px; font-weight:normal; border: solid 2px #AAAAAA; margin: 0px 10px 10px 10px }
a.b101,button.b101,input.b101	{ background-color:#009900; background-repeat: no-repeat; height: 28px; padding: 6px 10px 6px 10px; font-weight:normal; border: solid 2px #AAAAAA; margin: 0px 10px 10px 10px}
a.b5:hover,
button.b5:hover,
input.b5:hover			{ background-color: #ff8a00 }
a.back,button.back,
input.back				{ background-image: url(../images/button-arrow-left.gif); background-position: left center; padding-left: 20px; padding-right: 10px }
/* @end */

/* @group Forms */

.tform table			{ border-collapse: collapse; color: #666; float: left; width: 100% }
.tform table th			{ background: url(/images/dotted-white.gif) repeat-x left bottom; color: #333; font-size: 14px;  font-family:Arial;padding: 20px 16px 10px 16px; text-align: left }
.tform table th div		{ float:left }
.tform table th label	{ float: left; margin-top: 4px; min-width: 60px; font-weight: bold; font-size: 11px; color: #666 }
.tform table th.top		{ padding-top: 10px }
.tform table th span	{ color: #666; font-size: 11px; font-weight: normal; margin-left: 10px }
.tform table th span em.star { color: #e41f1f; font-size:14px;  font-family:Arial;font-weight:bold; margin-right: 2px; vertical-align: middle }
.tform table th span.details { margin-left: 40px }
.tform table td			{ min-width: 80px; padding: 5px 0 5px 16px; vertical-align: top }
.tform table .tdMax		{ width: 350px; padding: 5px 0 5px 16px; vertical-align: top }
.tform table td.indent	{ padding-left: 20px }
.tform table label		{ float: left; margin-top: 4px; min-width: 60px }
.tform table label.mandatory	{ font-weight: bold }
.tform table label.mandatory2	{ font-weight: bold }
.tform table td span.clear		{ display: block; width: auto; background-color: #00FFFF }
.tform table td span.clear input, .tform table td span.clear lable { float: left }
.tform table th span.star		{ color: #e41f1f; float: right; font-size: 14px;  font-family:Arial;margin-right:15px }
.tform table td span.star		{ color: #e41f1f; float: right; font-size: 14px;  font-family:Arial;margin-top: 4px }
.tform table td p				{ clear: left; padding-top: 5px; color: #999 }
.tform input.date,
.tform input.number,
.tform input.text		{ border: 1px solid #999; color: #666; font-size: 10px; line-height: 15px; padding: 1px 0 2px 10px; height: 14px;font-family:Arial,Pmingliu; }
.tform table input.text { width: 90% }
.tform label.checkbox	{ display: block; float: left; font-weight: bold; min-width: 0 }
.tform input.checkbox	{ float: left; margin: 5px 10px 0 0 }
.tform table input.radio,
.tform table label.radio{ float: left; margin: 4px 0 }
.tform table input.radio{ margin-right: 5px }
.tform table label.radio{ margin-right: 10px; min-width: 0 }
.tform table label.textarea		{ float: left; display: block; margin-bottom: 5px }
.tform table textarea	{ border: 1px solid #999; clear: left; color: #666; float: left; font-size: 10px; width: 600px }
.tform input.file		{ color: #666; font-size: 10px; line-height: 15px; padding: 3px 0 3px 10px }
.tform table select		{ font-size: 11px; }
/* @end */

/* @group Column form deviations */
.twocol .tform table th { padding-left: 0; padding-right: 0 }
.twocol .tform table td	{ padding: 5px 16px 5px 0 }
.twocol .tform table textarea				{ width: 395px }
.twocol-sidebar-right .tform table textarea { width: 550px }
/* @end */

/* @group Page header */
#header					{ background: #fff}
#capabilityLine			{ float:right; clear: both; padding-right:18px; padding-top:13px;}
#capabilityLine li		{ float:left; text-transform:capitalize}
#capabilityLine li.separator {padding:0px 4px 1px 4px; DISPLAY: inline;  BACKGROUND: url(../images/bg-bannermenu-separator.gif) no-repeat center bottom; FLOAT: left; WIDTH: 1px; LIST-STYLE-TYPE: none; HEIGHT: 12px}
#header div.the-brand	{  height: 65px; margin-bottom: 1px; clear:both }
#header div.logo		{ float: left; padding: 5px 0 0 18px }
#header div.pay-off		{ float: right; padding: 22px 51px 0 0 }
#breadcrumbs			{ height: 22px; padding: 7px 11px 0 11px }
#breadcrumbs li			{ color: #333; float: left }
#breadcrumbs li.action	{ float: right }
#breadcrumbs li.active	{ padding-left: 5px }
#breadcrumbs li a		{ padding: 0 5px }
/* @end */

/* @group Content header */
.header					{ background-color: #6da7e6; background-image: url(../images/header-arrow.gif); background-repeat: no-repeat; background-position: 32px 23px; color: #eee; height: 47px; padding: 23px 16px 23px 32px }
.header h1				{ color: #fff; float: left; font-size: 18px;  font-family:Arial;font-weight: bold; margin-left: 57px; display:block }
.header h2				{ clear: left; color: #d1e4f6; float: left; font-size: 11px; font-weight: normal; margin-left: 57px }
.header h2 a.l6			{ color: #d1e4f6 }
.header .tform			{ margin-left: 176px }
.header p				{ color: #eee; line-height: 14px; margin: 10px 0 0 205px }
.header p span			{ margin: 0 5px }
.header p a.l6			{ color: #eee; font-weight: bold }
.dashboard				{ background-image: url(../images/header-dashboard.gif) }
.dashboard h1			{ margin-left: 105px }
.dashboard h1 span		{ font-size: 11px; font-weight: normal }
.dashboard h2			{ margin-left: 105px }
/* @end */

/* @group Header tabs */
ul.header-tabs				{ background-color: #6da7e6; border-bottom: 1px solid #6da7e6; clear: left; height: 24px }
ul.header-tabs li			{ background-color: #f9f9f9; border-bottom: 1px solid #6da7e6; border-right: 1px solid #6da7e6; float: left; padding: 6px 0 }
ul.header-tabs li.selected	{ background-color: #fff; border-bottom: 1px solid #fff }
ul.header-tabs li a			{ display: block; line-height: 14px; text-align: center; width: 95px; }
/* @end */

/* @group Modules */
.module						{ background-color: #f9f9f9; float: left; margin-bottom: 10px; width: 316px; height: 188px; overflow: hidden }
.mod-wide					{ width: 634px; margin-right: 10px }
.mod-narrow					{ height: 108px }
.mod-big					{ height: 212px }
.mod-fullwidth				{ width: 960px }
.mod-middle					{ width: 308px; margin-right: 10px }
.mod-left					{ margin-right: 10px }
.module h1					{ display:block; background-color: #e0e0e0; color: #666; font-size: 12px;  font-family:Arial;font-weight: bold; height: 22px; padding: 6px 16px 0 16px }
.module h1 strong			{ color: #333 }
.module h1 a				{ margin-left: 5px }
.module .content			{ padding: 15px 16px }
.module .content h3			{ background: url(/images/dotted-white.gif) repeat-x left bottom; margin-bottom: 5px; padding-bottom: 5px }
.module .content h3 a		{ margin-left: 5px }
.module .content ul li		{ margin-bottom: 3px }
.module .content ul.job-list li	{ color: #666; list-style-type: disc; list-style-position: inside }
/* @end */


/* @group Company Module */
.scroll-container			{ height: 160px; width: 634px; overflow-x: scroll; overflow-y: hidden }
#companies					{ height: 100px; padding: 24px 0 0 0; width: 2900px }
.company					{ float: left; margin: 0 25px; width:150px; }
.company *					{ display: block; text-align: center }
.company .logo				{ display: table-cell; padding-bottom: 5px; text-align: center; vertical-align: middle; height: 72px; width: 100px ; line-height:72px}
.company .logo img			{ display: inline; vertical-align: middle }
.company a					{ color: #2175d9; text-decoration: none; margin-bottom: 2px }
.company span				{ color: #666 }
.company td					{ width:150px; white-space: normal; }
.candidate .scroll-container{ height: 122px }
.candidate #companies		{ height: 122px; padding: 10px 0 10px 0 }
.candidate .create			{ float: left; height: 30px; padding: 15px; width: 287px }
.candidate .create p		{ padding: 2px 0 0 8px }
/* @end */

/* @group Poll Module */
.tform.poll					{ color: #666;}
.tform.poll input			{ clear: left; float: left; display: block; }
.tform.poll label			{ display: block; margin-left: 20px; padding-bottom:5px }
.tform.poll a				{ float: left; margin: 9px 0 0 10px }
.tform.poll input.submit	{ margin-top: 5px }
table.poll-results			{ color: #666; margin-bottom: 5px }
table.poll-results td		{ padding: 0 5px 2px 0; height:25px }
table.poll-results td.question		{ width: 42% }
table.poll-results td.percentage	{ padding:0; margin:0; width: 7% }
table.poll-results td.result		{ width: 30% }
table.poll-results td.result span	{ float: left; height: 12px }
table.poll-results span.least		{ background-color: #99bb99 }
table.poll-results span.average		{ background-color: #79bb79 }
table.poll-results span.most		{ background-color: #59bb59 }
div.voteWrapper		{ position: relative ; height:130px;}
div.voteWrapper p	{ position:absolute; left:16px; bottom:6px;}
#voteResult	span	{ float:left;width:80%; height:28px; display:inline-block ; padding-top:4px}
#voteResult label	{ float:right; margin-left:0;}
/* @end */

/* @group News Module */
.module .content table.news			{ border-collapse: collapse; color: #999 }
.module .content table.news td		{ padding: 2px 5px }
/* @end */

/* @group Investor Module */
dl.investors		{ color: #666 }
dl.investors dt		{ float: left; padding-bottom:10px ; padding-top:1px; font: bold 17px arial}
dl.investors dt img { margin-left:4px;}
dl.investors dd		{ font-size:11px; clear:both }
dl.investors dd label	{ display: inline-block; width:69px; }
/* @end */

/* @end */

/* @group Blocks */
.block							{ padding: 10px 0 10px 16px; display:block }
.expanded,.collapsed			{ padding-left: 0 }
.expanded a.l8					{ background-image: url(../images/arrow-expanded.gif) }
.block h1						{ border: 0 none; padding: 0 0 10px 0; background:none }
.block h1 a.l8,
.block h1 span					{ float: left; line-height: 14px; padding-bottom: 10px }
.block h1 span					{ color: #999; font-size: 11px; font-weight: normal; margin-right: 10px }
.block h1 a.edit				{ float: right; margin-right: 16px }
.block .block-content			{ clear: left; background: url(/images/dotted-white.gif) repeat-x left bottom; margin: 0 16px; }
.block .block-content h3		{ color: #666 }
.block .content					{ font-size: 11px; padding: 20px 0 }
.block table.content td			{ color: #666; font-weight: bold; line-height: 15px; padding: 3px 4px }
.block table.content td.label	{ color: #999; font-weight: normal; width: 180px }
.sidebar .block					{ background-color: #f9f9f9; padding: 10px 16px 10px 0; margin-bottom: 10px }
.sidebar .block .block-content	{ border: 0 none; margin: 0; padding: 0 0 0 16px; background:none }
.sidebar .block .title			{ color: #333; font-size: 11px; font-weight: bold; margin-bottom: 15px; padding-left: 16px }
.sidebar .block .title a.l4		{ margin-left: 5px }
.sidebar .block .expander		{ background: url(../images/arrow-expanded.gif) no-repeat 5px 6px; padding: 0 16px }
.sidebar .block .collapsed		{ background: url(../images/arrow-collapsed.gif) no-repeat 5px 4px }
.right .block					{ background: url(/images/dotted-white.gif) repeat-x left bottom; border-top: 1px solid #fff; padding: 20px 16px 20px 0 }
.right .top						{ border-top: 0 none }
/* @end */

/* @group Sections */
.section					{ margin-bottom: 30px;}
.section p					{ margin-top: 10px; padding-right:0px; }
.section p.first			{ font-weight: bold }
.section ul,.section ol		{ color: #666; margin-top: 10px }
.section ul.links li		{ padding-bottom: 2px }
.section ul.links li a		{ margin-right: 5px }
.section ul.list,
.section ol.list			{ margin-top: 2px; padding-left: 10px }
.section ul.list li			{ list-style-type: disc; list-style-position: inside; padding-bottom: 2px }
.section ol.list li			{ list-style-position: inside; padding-bottom: 2px }
h1.head						{ margin-left:0; margin-bottom:20px; padding: 10px 0px 10px 0px;}
.section h2					{ background: url(/images/dotted-white.gif) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px; padding-right:16px; text-transform: lowercase }
.section h2 a				{ margin-left: 5px }
.section h2 span			{ color: #999; font-size: 11px; font-weight: normal; margin-left: 5px }
.section h3					{ margin-top: 10px; padding-right:16px; }
.section img				{ margin: 0; padding: 0 }
.section img.logo			{ float: right; margin-left: 10px }
.section .picture-left		{ float: left; margin-right: 10px }
.section .picture-right		{ float: right; margin-left: 10px }
.section .picture-center	{ margin: 0 auto; text-align: center }
.section .picture			{ margin-bottom: 10px }
.section .picture img		{ margin-bottom: 5px }
.section .picture p			{ margin: 0 }
.section table				{ border-collapse: collapse; color: #666; margin: 10px 0 20px 0 }
.section table td			{ font-weight: bold; padding-bottom: 5px }
.section table td.label		{ font-weight: normal; padding-right: 40px; vertical-align: text-top }
.section table td ul		{ margin: 0 }
.section table td ul li		{ list-style-position: inside; list-style-type: circle }
.section table.full			{ width: 100% }
.section table.data			{ border: 1px solid #e0e0e0 }
.section table.data td		{ border-right: 1px solid #e0e0e0; font-weight: normal; padding: 4px 5px }
.section table.data th		{ background-color: #f9f9f9; border-right: 1px solid #e0e0e0; padding: 4px 5px }

.section .articles li		{ color: #666; padding-bottom: 10px }
.section .articles li .author { color: #999 }
.section .actions			{ height: 23px; margin-bottom: 10px }
/* @end */

/* @group Facebox popups. */
#facebox h2					{ background: url(/images/dotted-white.gif) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px }
#facebox p					{ padding-bottom: 10px }
#facebox ul.cities			{ width: 100% }
#facebox ul.cities li		{ float: left; width: 120px; padding-bottom: 2px }
#facebox .twocol			{ margin: 0; padding: 0; width: 100% }
#facebox .twocol .col1		{ background: #f9f9f9; border: 0 none; float: left; padding: 10px 10px 0 10px; width: 160px; background-image:none }
#facebox .twocol .col2		{ border: 0 none; padding: 10px 10px 0 10px; margin-left: 180px; background-image:none}

#facebox .tform				{ color: #666; margin: 0; padding: 0 }
#facebox .tform table th	{ border: 0 none; color: #666; font-size: 11px; padding-left: 0; background-image:none}
#facebox .tform table td	{ padding: 5px 16px 5px 0 }
#facebox .tform td.label	{ padding-top: 4px; font-weight: bold }
#facebox .tform td input.textfield,
#facebox .tform td textarea { width: 95% }
#facebox .other-cities		{ width: 360px }
#facebox .send-to-a-friend	{ width: 570px }
#facebox .login				{ width: 350px }
#facebox .new-job-alert		{ width: 500px }
#facebox .disclaimer		{ width: 650px }
#facebox .job				{ width: 950px }
#facebox .confirmation		{ width: 650px }
#facebox .industry			{ width: 360px }
#facebox .job-title			{ width: 630px }
#facebox .loginto			{ width: 240px }
/* @end */

/* @group Job search */
.job-search					{ background-color: #6da7e6; height: 81px; padding: 20px 16px 0 16px; margin-bottom: 10px }
.job-search,.job-search p	{ color: #eee }
.job-search h1				{ color: #fff; float: left }
.job-search p				{ clear: left; margin-left: 205px }
.job-search p span			{ margin: 0 5px }
.job-search a#total-jobs,
.job-search p a.l6			{ color: #eee; font-weight: bold }
.search-jobs	{ margin-left: 176px; margin-bottom: 10px }
.search-jobs label			{ float: left; margin-top: 3px; margin-right: 5px }
.search-jobs input			{ border: 0 none; float: left; font-size: 11px; margin-right: 10px }
.search-jobs input.text		{ padding: 2px 4px; margin: 1px 10px 0 0; border-width:0; }
.search-jobs select			{ color: #666; float: left; font-size: 11px; margin-right: 10px;  }
/* @end */

/* @group Candidate search */
.candidate-search			{ background-color: #e0e0e0; height: 50px; margin-bottom: 10px; padding: 20px 16px 0 16px }
.candidate-search h1		{ float: left }
.candidate-search div		{ margin-left: 210px }
.candidate-search div a,
.candidate-search div h2	{ float: left }
.candidate-search div a		{ margin-top: 4px }
.candidate-search div h2	{ color: #666; font-size: 12px; font-family:Arial; font-weight: bold; margin: 6px 10px 0 0 }
/* @end */

/* @group Dashboard view */
.summary .col1				{ padding: 10px 0; width: 368px }
.summary .col2				{ padding: 10px 0; width: 351px }
.summary h1					{ background: url(/images/dotted-white.gif) repeat-x left bottom; padding: 0 0 10px 80px }
.summary h1 a				{ margin-left: 10px }
.summary table				{ border-collapse: collapse; color: #999; padding: 10px 0 }
.summary td					{ padding: 10px 10px 0 0 }
.summary td.time			{ font-size: 10px; text-align: right; vertical-align: top; width: 80px }
.summary p					{ padding-bottom: 3px }
.summary p.job				{ color: #666 }
.summary p.message			{ color: #666; font-weight: bold }
.summary p.highlighted		{ color: #333 }
.summary p.pending			{ color: #999 }
.summary p.approved			{ color: green }
.summary p.rejected			{ color: red }
.summary span.highlighted	{ color: #333 }
.summary span.pending		{ color: #999 }
.summary span.approved		{ color: green }
.summary span.rejected		{ color: red }
.summary .content			{ padding: 0 16px 0 80px }
.summary .content ul		{ color: #999 }
.summary .content li		{ padding: 10px 0 }
.summary .content li a.l3	{ font-size: 11px; margin-right: 5px }
.summary .content li div	{ margin-top: 2px }
.summary .content li span	{ margin-right: 5px }
.sidebar ul.consultants li	{ color: #999; font-size: 10px; margin-bottom: 10px }
.sidebar ul.consultants li h2	{ color: #666; font-size: 11px }
.sidebar .company-info		{ background: url(/images/dotted-white.gif) repeat-x left bottom; color: #666; text-align: left; padding-bottom: 10px }
.sidebar .company-info img	{ margin-bottom: 10px }
.sidebar .profile-info		{ color: #333; font-size: 11px; padding-top: 10px }
.sidebar .profile-info div a{ margin-left: 5px }
.sidebar .profile-info .views	{ color: #999; font-size: 10px; margin-top: 2px }
.sidebar ul.stats li		{ color: #666; list-style-type: disc; list-style-position: inside; padding: 2px 0 }
a#add-new-alert				{ margin-left: 80px }
table.alerts				{ padding: 10px 0 }
table.alerts p span			{ white-space: nowrap }
table.alerts a.l3			{ margin-right: 5px }
/* @end */

/* @group Registration */
.signup h1,.signin h1		{ color: #333; font-size: 14px; font-family:Arial; }
.signup .tform table,
.signin .tform table		{ border-collapse: collapse; color: #666; width: 100% }
.signup .tform table td,
.signin .tform table td		{ padding: 5px 0; width: auto }
.signup table.role			{ background: url(/images/dotted-white.gif) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px }
.signup table.role td		{ padding: 10px 0; width: 50% }
.signup table.role td.role input	{ float: left; margin-right: 10px }
.signup table.role td.role label	{ color: #333; float: left; font-weight: bold }
.signup ul.perks			{ color: #999; padding-bottom: 10px }
.signup ul.perks li			{ list-style-image: url(../images/star.gif); list-style-position: inside; padding-bottom: 2px }
table input.submit			{ margin-top: 10px }
/* @end */

/* @group Apply for job */
table.job-specs				{ margin-bottom: 10px }
table.job-specs td			{ padding: 0 10px 5px 0 }
/* @end */

/* @group Company browser */
.browser					{ background-color: #f9f9f9; float: left; margin: 10px 16px 25px 16px; padding: 10px 0; width: 224px; padding-bottom: 32767px; margin-bottom: -32767px }
.browser .tform				{ margin-bottom: 10px }
.browser .tform input.text	{ font-size: 10px }
.browser ul.browse-by		{ padding-bottom: 10px }
.browser ul.browse-by li	{ color: #ccc; display: inline; float: left; font-weight: bold; margin: 0 7px 0 0; padding: 0 }
.browser ul.companies		{ background: url(/images/dotted-white.gif) repeat-x left bottom;background: url(/images/dotted-white.gif) repeat-x left top; padding: 20px 0; margin: 20px 0 }
.browser ul.companies li	{ margin-bottom: 5px }
.featured-companies			{ float: left; margin: 10px 16px 25px 0; padding: 10px 0; width: 460px }
.featured-companies .company{ margin: 20px }
/* @end */

/* @group Search Results */

.refine-search				{ margin: 10px 0 25px 16px; padding: 0; width: 176px }
.refine-search h1			{ background-color: #f9f9f9;  }
.refine-search dl			{ color: #333 }
.refine-search dl dt		{ padding-bottom: 2px }
.refine-search dl dd		{ font-weight: bold; padding-left: 5px; padding-bottom: 5px }
.refine-search select		{ font-size: 11px }
.refine-search .block .title{ margin-bottom: 0 }
ul.filter li				{ padding-bottom: 2px }
ul.filter li a.undo			{ margin-left: 5px }
ul.filter li.active a.l6	{ color: #333; font-weight: bold; text-decoration: none }
a#scroll-down				{ display: block; margin: 40px 0 5px 24px }
a#scroll-up					{ display: block; margin: 5px 0 0 24px }
.scroll-results				{ height:auto;}
ol.search-results			{ color: #666; list-style-type: upper-alpha; list-style-position: outside; padding: 0 0 0 24px }
ol.search-results li		{ padding: 5px 0 5px 0 }
ol.search-results li.highlight	{ background-color: #ffff99 }
ol.search-results li p		{ margin-bottom: 2px }
.search-results h1			{ border: 0 none; background-image:none; padding:9px 16px 8px 16px;}
.search-results .sort-by	{ background-color: #eee; color: #666; float: right; height: 20px; line-height: 12px; padding: 4px 16px; margin-top:2px}
.search-results .sort-by label	{ padding-right: 10px }
.search-results .sort-by select { font-size: 11px }

.paginate					{ color: #666; line-height:14px;}
.paginate li				{ display: inline; padding-right: 5px }
.paginate li.selected		{ color: #333; font-weight: bold }
.search-results .paginate	{ background:url(/images/dotted-white.gif) repeat-x left top; padding: 8px 16px 7px 16px;  }
.news-search				{ background:url(/images/dotted-white.gif) repeat-x left top; padding: 8px 16px 7px 16px }
.search-results .result-list{ }
#news-col .search-result	{ padding:15px 16px}
.search-result				{ background: url(/images/dotted-white.gif) repeat-x left top; color: #666; padding: 20px 0px 15px 0px }
.search-result img			{ float: right; /*margin-right: 15px; margin-top: -3px;*/ }
.search-result h2			{ margin-bottom: 10px }
.search-result h2 a			{ color: #2175d9; font-size: 14px; text-decoration: none }
.search-result h2 a:hover	{ text-decoration: underline }
.search-results .randstad h2{ background: url(../images/logo-randstad-small.gif) no-repeat left middle; padding-left: 16px }
.search-result p			{ padding-bottom: 5px }
.search-result p span		{ margin-right: 5px }
.search-result p a.more		{ margin-left: 5px }
.search-result ul			{ padding-top: 5px }
.search-result ul li		{ display: inline; padding-right: 10px }
.search-results #map		{ height: 400px; margin: 10px 16px 10px 0 }
/* @end */

/* @group Company details */

.sidebar ul.jobs li			{ color: #666; padding-bottom: 10px }
.sidebar ul.jobs li .title	{ margin: 0; padding: 0 0 2px 0 }
.sidebar ul.jobs li .title a{ font-weight: bold }
/* @end */

/* @group Find your branch */
.tform.find-your-branch table td { padding-top: 0 }
/* @end */

/* @group Navigation menu */
.nav .left					{ background-color: #f9f9f9; margin: 10px 16px 25px 16px; width: 224px ;} 
.nav .col					{ margin-left: 256px; padding-left:0px }
.nav .sidebar ul			{ margin-top: 10px;  line-height:12px;}
.nav .sidebar li			{ margin-bottom: 10px }
.nav .sidebar li.selected,
.nav .sidebar li.selected a.l3	{ color: #333; font-weight: bold; font-size:14px; font-family:Arial; line-height:16px}
.nav .sidebar li.selected li.selected	{ font-weight: bold; }
.nav .sidebar ul li.selected ul,
.nav .sidebar ul li.selected ul li.selected ul		{ margin: 10px 0 0 10px;  }
.nav .sidebar li.selected li.selected li a			{ font-weight: normal; color:#2175d9;  font-family:Arial, PMingLiU}
.nav .sidebar li.selected li.selected a	,
.nav .sidebar li.selected li.selected li.selected a	{ font-weight: bold; color:#333;  font-family:Arial, PMingLiU }
/* @end */

/* @group Error page */

#content div.error			{ background-color: #fff; padding: 16px }
#content div.error h1		{ color: red; margin-bottom: 10px }
#content div.error p		{ margin-bottom: 10px }
#content div.error pre		{ font-size: 11px; color: #666 }
/* @end */

/* @group Footer */
#footer						{ background-color: #eee; border-top: 1px solid #999; color: #666; padding: 15px 16px; clear:both }
#footer ul					{ margin-bottom: 10px }
#footer ul li				{ display: inline; margin-right: 3px }
#footer ul li a				{ margin-right: 3px }
#footer .recruiting			{ float: right; height: 84px; margin-left: 100px; width: 250px }
#footer .recruiting img		{ float: left; margin-right: 10px }
#footer .recruiting h1		{ color: #ff8a00; font-size: 14px; font-weight: normal; font-family:Arial;}
#footer .recruiting h2		{ color: #666; font-size: 11px; font-weight: bold }
#footer .recruiting h2 a	{ margin-left: 5px }
/* @end */

/* @group sitemap */
ul.sitemap li { list-style: inside ;padding-left:40px; list-style-type:disc }
ul.sitemap li li { list-style-type:circle }
ul.sitemap li li li { list-style-type:square }
/* @end */

/* @group promotion activities */
.activityInfoCol {color:#666; margin-left:16px}
.activityInfoCol span.need {color:Red; font-size:14px;}
.activityInfoCol  td { padding:4px 0}
.activityInfoCol p {padding:6px 0;}
.activityInfoCol p input { margin-right:10px; width:110px}

.reportPanel { margin-top:10px;}
.reportPanel td table { margin:0;}
.reportPanel .data td td { border:0 none}
/* @end */


/* @group blindCV */
#blindCV strong { color:#2175d9;margin:0 6px;}
#blindCV h2 { margin-top:16px;}
#blindCV table { width:100%}
/* @end */



/* @group Modules HomePage*/
.moduleHomePage						{ background-color: #f9f9f9; float: left; margin-bottom: 10px; width: 960px; height: 300px; overflow: hidden }
.mod-wideHomePage					{ width: 960px; margin-right: 10px }
.mod-narrowHomePage					{ height: 108px }
.mod-bigHomePage					{ height: 200px }
.mod-fullwidthHomePage				{ width: 960px }
.mod-middleHomePage					{ width: 232px; margin-right: 10px; margin-bottom:10px; height: 240px;}
.mod-rightHomePage					{ width: 234px; margin-right: 0px; margin-bottom:10px; height: 240px;}
.mod-leftHomePage					{ margin-right: 10px }
.moduleHomePage h1					{ display:block; background-color: #e0e0e0; color: #666; font-size: 12px;  font-family:Arial;font-weight: bold; height: 22px; padding: 6px 16px 0 16px }
.moduleHomePage h1 strong			{ color: #333 }
.moduleHomePage h1 a				{ margin-left: 5px }
.moduleHomePage .content			{ padding: 10px 5px 0px 15px; }
.moduleHomePage .content h3			{ background: url(/images/dotted-white.gif) repeat-x left bottom; margin-bottom: 5px; padding-bottom: 5px }
.moduleHomePage .content h3 a		{ margin-left: 5px }
.moduleHomePage .content ul li		{ margin-bottom: 3px }
.moduleHomePage .content ul.job-list li	{ color: #666; list-style-type: disc; list-style-position: inside; height:18px; }
.moduleHomePage .content table.news			{ border-collapse: collapse; color: #999 }
.moduleHomePage .content table.news td		{ padding: 4px 3px }
/* @end */