/*
-----------------------------------------------
	MONSTER EU/APAC LOW VISION THEMATIC CSS v2.0
	Author:		Steven Tew
	Copyright 2004-2005 Monster
----------------------------------------------- 


===== CONTENTS =====
	
	Last Updated:		October 26th 2005	
	
	0: Overrides
	1: List modules
		: Articlelist
		: CMSrelated articles
		: CMSsections	
	2: classes for lists
		: definition lists
		: unordered lists
	3: modules
		: Modules generic (a, b, c, ads, ext )
		: CMSfeature
		: CMSsubfeature
		: CMSfeature-vertical
		: CMSsponsoredfeature
		: Mymonster
		: Quicksearch
		: Poll
		: Quicklinks dropdown
		: Zoneintro
	4: rules for Articles
		: Article
		: Articlenav
		: Tools
	5: Misc.
		: CMSBreadcrumb
		: CMSnavigation
		: Banner
		: Logolinks
		: Multipage jobsearch tabs
		: Other
	
====================
*/

/* ____________________________________________ */


/* =body and links
----------------------------------------------- *//* CSS Document */
hr.hide {
	display: none; } /* 'display: none' isn't read by some screen readers (see: http://www.access-matters.com/screen-reader-test-results/) */	
#monsterlogo {
	background-color: #609;
	clear: both;
	color: #fff;
	width: 100%; }
#navigation,
#maincolumn,
#subcolumn {
	border-top: .3em solid #609; }



/* ____________________________________________1: list modules */

/* List module: =Articlelist
----------------------------------------------- */
div.cmsarticlelist { background: #FFF url(http://media.monster.com/mm/eu-apac/core-images/bg_fade_gold.jpg) repeat-x top; border-top: .1em solid #609; height: 1%; /* to counteract IE clear:both bug */ margin-bottom: 1em; }
div.cmsarticlelist h3 { margin-bottom: .5em; }
div.cmsarticlelist dl { line-height: 1.2em; }
div.cmsarticlelist dt img { margin-right: 5px; }
div.cmsarticlelist dd { margin-bottom: .36em; }
div.cmsarticlelist ul.sections { margin-bottom: 0; }
div.cmsarticlelist p { line-height: 1.2em; margin: 0 0 .3em 0; }

/* =CMSrelated articles
----------------------------------------------- */
#relatedarticles { margin-bottom: .9em; }
#relatedarticles ul { line-height: 1.2em; }

/* =CMSsections
----------------------------------------------- */
#sectionlist { margin-bottom: .9em; }
#sectionlist ul { font-weight: bold; line-height: 1.2em; margin-bottom: 1.45em; }
#sectionlist li { margin-bottom: .36em; }

/* ____________________________________________2: classes for lists */

/* =Definition lists
----------------------------------------------- */
dl.articles,
dl.sections { line-height: 1.2em; }
dl.articles dt { font-weight: normal; }
dl.articles dd { margin: 0 0 .36em 0; }
dl.articles dt img { margin-left: 0px; margin-right: 5px; }
dl.sections dt { background: url(http://media.monster.com/mm/uken/firsttimers/bullet_arrow.gif) no-repeat left top; margin-bottom: .27em; padding-left: 18px; } 

/* =Unordered lists
----------------------------------------------- */
ul.sections { line-height: 1.2em; }
ul.sections li { background: url(http://media.monster.com/mm/uken/firsttimers/bullet_arrow.gif) no-repeat left top; list-style: none; margin-bottom: .27em; padding-left: 18px; }
ul.sections li a { font-weight: bold; }



/* ____________________________________________3: Modules */

/* =Modules generic
----------------------------------------------- */
div.module,
div.module_a,
div.module_b,
div.module_c,
div.module_ads,
div.module_ext { margin-bottom: .9em; }

/* =CMSfeature
----------------------------------------------- */
div.cmsfeature { margin-bottom: .9em; }
div.cmsfeature h4 { color: #c30; }
div.cmsfeature dl { line-height: normal; }
div.cmsfeature dt { font-size: 1.36em; padding-bottom: .3em }
div.cmsfeature dd { color: #111; margin-bottom: 0px; padding-bottom: .45em; }
div.cmsfeature dt img,
div.cmsfeature dd img {  margin-left: 0px; margin-right: 8px; }

/* =CMSsubfeature
----------------------------------------------- */
div.cmssubfeature { margin-bottom: .9em; }
div.cmssubfeature dl {  line-height: 1.2em; }
div.cmssubfeature dt img {  margin-left: 0; margin-right: 5px; }
div.cmssubfeature dd { margin: 0 0 .36em 0; }

/* =CMSsponsoredfeature
----------------------------------------------- */
dl.sponsoredarticle { border-top: .05em solid #000; background-color: #F5F5EB; color: #000; }
dl.sponsoredarticle dt img { margin-left: 0; margin-right: 8px; }
dl.sponsoredarticle dt { padding-bottom: .3em; }
dl.sponsoredarticle dd { padding-bottom: .45em; }
dl.sponsoredarticle a:link { color: #ede; }
dl.sponsoredarticle a:visited { color: #dcd; }
dl.sponsoredarticle a:hover,
dl.sponsoredarticle a:active { color: white; }

/* =Mymonster login & =Quicksearch
----------------------------------------------- */
	/* my monster login */
div.mmlogin { background: #f1ecf2 url(http://media.monster.com/mm/eu-apac/core-images/mmlogin_bgfade.jpg) repeat-x left top; margin-bottom: 1em; }
div.mmlogin h3 { background-color: #e1dbe2; border-bottom:.18em solid white; color: #306; margin: 0 0 .3em 0; padding: .3em 5px; }
div.mmlogin h3 em { font-weight: normal; }
div.mmlogin a:link { color: #306; }
div.mmlogin a:visited { color: #528; }
div.mmlogin a:hover,
div.mmlogin a:active { color: #609; }

	/* my monster and quicksearch */
	div.quicksearch form fieldset,
	div.mmlogin form fieldset { border: none; margin: 0px; padding: 0px; } 
	div.quicksearch form fieldset input,
	div.quicksearch form fieldset select,
	div.mmlogin form fieldset input,
	div.mmlogin form fieldset select { margin-bottom: .45em; }
	div.quicksearch dl,
	div.mmlogin dl { margin-bottom: 0px; }
	div.quicksearch dd,
	div.mmlogin dd { margin-bottom: .1em; }

 /* quick search */
div.quicksearch { background: #f2f3eb url(http://media.monster.com/mm/eu-apac/core-images/panel_bgfade.jpg) repeat-x left top; margin-bottom: 1em; }
div.quicksearch h3 { border-top: .05em solid #000; color: #000; }
div.quicksearch h3 em { font-weight: normal; }

/* =Poll
----------------------------------------------- */
div.poll { margin-bottom: 1em; }

/* =Zoneintro module
----------------------------------------------- */
div.zoneintro { background-color: #F5F5EB; margin-bottom: 1em; padding-bottom: 5px; }
div.zoneintro h2 { color: #336; }
div.zoneintro p { font-size: 1.1em; margin-top: .5em; }



/* ____________________________________________4: articles */

/* =Article
----------------------------------------------- */
#article { font-size: 1.09em; margin-left: 5px; margin-right: 5px; }
#article h1,
#article h2,
#article h3,
#article h4,
#article h5,
#article h6,
#article p { margin-left: 0; margin-right: 0; }
#article img { clear: both; display: block; margin-left: 0; margin-right: 1em; }
#article p.footnote { border-top: .1em solid #999; color: #222; font-size: .91em; padding: .36em 0; }
#article p.footnote img { border: none;  margin: 0 10px 0 0; padding: 4px; }
#article p.intro { color: #222; font-weight: bold; }
#article span.caption { color: #666; font-size: .91em; line-height: 1.1em; margin: 0 0 1em 0; padding: 0; }
#article ul { margin: 0; padding: 0 1em; }

/* =Articlenav
----------------------------------------------- */
div.articlenav { background-color: #F5F5EB; border-top: 1px solid #DDC; clear: both; margin-bottom: .9em; padding: .18em 0 .38em 0; }

/* =Tools
----------------------------------------------- */
#tools { background-color: #F5F5EB; border-top: 1px solid #DDC; margin-bottom: .9em; padding: .18em 5px .38em 5px; }
#tools .email { background: transparent url(http://media.monster.com/uken/cc/mail.gif) no-repeat left; padding-left: 22px; }
#tools .print { background: transparent url(http://media.monster.com/uken/cc/print_CMS.gif) no-repeat left; padding-left: 22px; }



/* ____________________________________________5: misc. */
/* =CMSBreadcrumb
----------------------------------------------- */
#pageroute { 
	background-color: #609;
	clear: both;
	color: #fff;
	line-height: 1.2em;
	margin: 0;
	padding: 5px;
	}
#pageroute a:link,
#pageroute a:visited,
#pageroute a:hover,
#pageroute a:active {
	color: #fff;
	}
	
/* =Banner
----------------------------------------------- */
#header_banner { margin-bottom: 1em; margin-top: .5em; }

/* =Logolinks
----------------------------------------------- */
div#logolinks img { border: 1px solid #306; /* color1 */ margin: 2px; }

/* =Multipage jobsearch tabs
----------------------------------------------- */

/* =Other
----------------------------------------------- */
div.default { margin-bottom: 1em; }
p.more { background: url(http://media.monster.com/mm/uken/firsttimers/bullet_arrow.gif) no-repeat left top; padding-left: 18px; }
p.rss { border-top: .1em dashed #ccc; margin-top: .5em; padding-top: .3em; }
.MNSColumnHead { background-color: #CCC; }