/* Common HTML elements */

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 5px 0px 5px 0px;
}

li {
	list-style-position: inside;
}


/* Block title */

.LoginContainer .LiTitle,
.ManageProfileContainer .Title,
.ResultInformation h1,
.ForgotPasswordContainer .LiTitle,
.CV .title
{
	color: #237DBC;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}


/* Block subtitle */

.SaveSearch .title,
.QueryControl .title,
.MyLastestSearches .Title,
.CV .RoundBox .title
{
	color: #237DBC;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}


/* Text input */

.LoginContainer input.TxtUserName,
.LoginContainer input.TxtPassword,
.ManageProfileContainer input.TxtPhone,
.ManageProfileContainer input.TxtFirstName,
.ManageProfileContainer input.TxtLastName,
.ManageProfileContainer input.TxtStreet,
.ManageProfileContainer input.TxtPostCode,
.ManageProfileContainer input.TxtCity,
.ManageProfileContainer input.TxtMobile,
.ManageProfileContainer input.TxtEmail,
.ManageProfileContainer input.TxtConfirmEmail,
.ManageProfileContainer input.TxtPassword,
.ManageProfileContainer input.TxtConfirmPassword,
.SearchResults .txtName input,
.SearchResults .txtMail input,
.SearchResults .QueryControl .textBox input.hint,
.SearchResults .QueryControl .GeoSearchOptions input.hint,
.Login .ForgotPasswordContainer .TxtEmail input.TxtUserName
{
	border: 1px solid #D7D7D7;
	height: 19px;
	padding: 2px 0px 0px 0px;
}


/* Select */

.ManageProfileContainer select.drpMobilePrefix,
.ResultsDisplayControl .ResultsContainer .PnSearchResultSortOrderItems select,
.ResultsDisplayControl .ResultsContainer .PnSearchResultPageSize select,
.SearchResults .QueryControl .navigator select,
.SearchResults .QueryControl .DistanceSelector select,
.SearchResults .QueryControl .CriteriaDropDown select
{
	border: 1px solid #D7D7D7;
	height: 23px;
	line-height: 23px;
}


/* Link with premarker */

.EnterCV .ThreeColumnCenter_left .navigation-direct a {
	font-weight: bold;
	padding: 0px 0px 0px 13px;
	background: transparent url('http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/marker.ashx') left 4px no-repeat;
}


/* Link with postmarker */

.LiForgotPassword a,
.CreateAccount a,
.Login .contentAd a
 {
	font-weight: bold;
	padding: 0px 13px 0px 0px;
	background: transparent url('http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/marker.ashx') right 4px no-repeat;
}

/* Button with marker 65px wide */

.Login .LoginContainer div.BtnLogin a.BtnLogin {
	display: block;
	width: 55px;
	height: 23px;
	padding: 0px 10px 0px 0px;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	border-style: none;
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/btn_65_bg_marker.ashx) center center no-repeat;
}


/* Button with marker 80px wide */

.NewAccount .ManageProfileContainer .SubmitContainer a.BtnSubmit,
.Login .ForgotPasswordContainer .btnForgetPasswordSend a,
.Login .ForgotPasswordContainer .btnForgetPasswordCancel a
{
	display: block;
	width: 70px;
	height: 23px;
	padding: 0px 10px 0px 0px;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	border-style: none;
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/btn_80_bg_marker.ashx) center center no-repeat;
}


/* Button with marker 100px wide */

.NewAccount .ManageProfileContainer .SubmitContainer a.BtnSubmit,
.CV .cvupload .input-upload a,
.CV .CreateCV .CreateCVButton a
{
	display: block;
	width: 90px;
	height: 23px;
	padding: 0px 10px 0px 0px;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	border-style: none;
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/btn_100_bg_marker.ashx) center center no-repeat;
}


/* Button with marker 100px wide */

.SearchResults .SaveSearch .save a {
	display: block;
	width: 100px;
	height: 23px;
	padding: 0px 10px 0px 0px;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	border-style: none;
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/btn_110_bg_marker.ashx) center center no-repeat;
}


/* Rounded corners block common settings */

.Login .LoginContainer,
.NewAccount .ManageProfileContainer,
.SearchResults .SaveSearch,
.SearchResults .ThreeColumnCenter_left .QueryControl,
.SearchResults .MyLastestSearches,
.Login .ForgotPasswordContainer,
.RoundBox
{
	border: 1px solid #D7D7D7;
	background-color: #DEE0E0;
	background-position: top left;
	background-repeat: repeat-x;
	position: relative;
	padding: 10px 15px 10px 15px;
}

.TopCornersContainer div,
.BottomCornersContainer div,
.TopContainer div,
.BottomContainer div,
.TopConersContainer div
{
	width: 6px;
	height: 6px;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
}

.TopCornersContainer .GlobalTopLeftCorner,
.TopConersContainer .TopLeftCorner,
.TopContainer .TopLeftCorner
{
	left: -1px;
	top: -1px;
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/corn_tl.ashx);
}

.TopCornersContainer .GlobalTopRightCorner,
.TopConersContainer .TopRightCorner,
.TopContainer .TopRightCorner
{
	right: -1px;
	top: -1px;
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/corn_tr.ashx);
}

.BottomCornersContainer .GlobalBottomLeftCorner,
.BottomConersContainer .BottomLeftCorner,
.BottomContainer .BottomLeftCorner
{
	left: -1px;
	bottom: -1px;
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/corn_bl.ashx);
}

.BottomCornersContainer .GlobalBottomRightCorner,
.BottomConersContainer .BottomRightCorner,
.BottomContainer .BottomRightCorner
{
	right: -1px;
	bottom: -1px;
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/corn_br.ashx);
}


/* Rounded corners low block settings */
.SearchResults .SaveSearch {
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/block_bg_1.ashx);
}


/* Rounded corners mid block settings */

.Login .LoginContainer,
.SearchResults .MyLastestSearches,
.Login .ForgotPasswordContainer,
.CV .RoundBox,
.EnterCV .RoundBox
{
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/block_bg_2.ashx);
}


/* Rounded corners high block settings */

.NewAccount .ManageProfileContainer,
.SearchResults .QueryControl
{
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/block_bg_3.ashx);
}


/*******************************
	Layouts.
	main container width: 885px
	column width: 210px
	gap width: 15px
********************************/

.pagecenter {
	width: 885px;
	margin: 0px auto 0px auto;
}

.TwoColumnContainer,
.ThreeColumnCenter,
.FourColumnContainer
{
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	height: 1%;
}


/* Two columns */

.TwoColumnContainer .TwoColumnLeft,
.TwoColumnContainer .TwoColumnRight
{
	float: left;
	min-height: 10px;
	background-color: #EBEBEB;
}

.TwoColumnContainer .TwoColumnLeft {
	width: 660px;
	margin: 0px 15px 0px 0px;
}

.TwoColumnContainer .TwoColumnRight {
	width: 210px;
}


/* Three columns */

.ThreeColumnCenter .ThreeColumnCenter_left,
.ThreeColumnCenter .ThreeColumnCenter_middle,
.ThreeColumnCenter .ThreeColumnCenter_right
{
	float: left;
	min-height: 10px;
}

.ThreeColumnCenter .ThreeColumnCenter_left {
	width: 210px;
	margin: 0px 15px 0px 0px;
}

.ThreeColumnCenter .ThreeColumnCenter_middle {
	width: 435px;
	margin: 0px 15px 0px 0px;
}

.ThreeColumnCenter .ThreeColumnCenter_right {
	width: 210px;
}	

/* Four columns */

.FourColumnContainer .FourColumnLeft,
.FourColumnContainer .FourColumnMidLeft,
.FourColumnContainer .FourColumnMidRight,
.FourColumnContainer .FourColumnRight
{
	float: left;
	width: 210px;
	margin: 0px 15px 0px 0px;
	min-height: 10px;
	background-color: #EBEBEB;
}

.FourColumnContainer .FourColumnRight {
	margin: 0px 0px 0px 0px;
}


/* Header */

.pagecenter .MastHead {
	height: 75px;
	position: relative;
	margin: 0px 0px 15px 0px;
}

.pagecenter .MastHead .Logo {
	width: 125px;
	height: 55px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.pagecenter .MastHead .LoginContainer,
.pagecenter .MastHead .AdvertiserLink,
.pagecenter .MastHead .PreLogoutText,
.pagecenter .MastHead .LogoutLinkContainer
{
	float: right;
	margin: 20px 0px 0px 0px;
}

.pagecenter .MastHead .LoginContainer,
.pagecenter .MastHead .LogoutLinkContainer,
.pagecenter .MastHead .PreLogoutText
{
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #B6B6B6;
}

.pagecenter .MastHead .LoginContainer .TopCornersContainer,
.pagecenter .MastHead .LoginContainer .BottomCornersContainer,
.pagecenter .MastHead .LogoutContainer .TopCornersContainer,
.pagecenter .MastHead .LogoutContainer .BottomCornersContainer,
.pagecenter .MastHead .LogoutContainer .PreLogoutSeparator,
.pagecenter .MastHead .LogoutContainer .PostLogoutSeparator,
.pagecenter .MastHead .LogoutContainer .PostLogoutText
{
	display: none;
}


.pagecenter .MastHead .RadMenu {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.pagecenter .MastHead .RadMenu ul li.rmTemplate {
	list-style-type: none;
	padding: 0px 0px 0px 25px;
	float: left;
}

.pagecenter .MastHead .RadMenu ul li.rmSeparator {
	display: none;
}

.pagecenter .MastHead .RadMenu ul li a {
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

.pagecenter .MastHead .RadMenu ul li a:hover {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #257BB8;
}

.pagecenter .MastHead .RadMenu ul li.rmExpanded a {
	color: #227CBA;
}

/* Autocomplete list */

.autocomplete-list {
	z-index: 1000;
}

.autocomplete-list ul {
	background-color: #FFFFFF;
	border: 1px solid #D7D7D7;	
}

.autocomplete-list ul li {
	padding: 5px;
	list-style-type: none;
	cursor: pointer;
}

.autocomplete-list ul li:hover {
	background-color: #EBEBEB;
}

/* Query control */

.pagecenter .Top {
	position: relative;
	margin: 0px 0px 15px 0px;
}

.pagecenter .Top .QueryControl {
	height: 42px;
	padding: 0px 15px 0px 15px;
	position: relative;
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/search_mnu_bg.ashx) left top repeat-x;
	
}

.pagecenter .Top .QueryControl .TopLeftCorner,
.pagecenter .Top .QueryControl .TopRightCorner
{
	width: 7px;
	height: 42px;
	position: absolute;
}

.pagecenter .Top .QueryControl .TopLeftCorner {
	top: 0px;
	left: 0px;	
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/search_mnu_corn_l.ashx) center center no-repeat;
}

.pagecenter .Top .QueryControl .TopRightCorner {
	top: 0px;
	right: 0px;	
	background: transparent url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/search_mnu_corn_r.ashx) center center no-repeat;
}

.pagecenter .Top .QueryControl .title {
	color: #257BB8;
	float: left;
}

.pagecenter .Top .QueryControl .BoxBody {
	float: left;
	margin: 8px 0px 0px 0px;
}

.pagecenter .Top .QueryControl .BoxBody .introduction {
	display: none;
}

.pagecenter .Top .QueryControl .BoxBody .NavigatorPanel,
.pagecenter .Top .QueryControl .BoxBody .CriteriaPanel,
.pagecenter .Top .QueryControl .BoxBody .SearchButton
{
	float: left;
}

.pagecenter .Top .QueryControl .BoxBody .NavigatorPanel {
	margin: 0px 5px 0px 0px;
}

.pagecenter .Top .QueryControl .BoxBody .SearchButton a {
	display: block;
	width: 70px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	background-image: url(http://jobworld.int.matchwork.com/~/media/Customers/Denmark/JobWorld/images/btn_80_big_bg_marker.ashx);
}

.pagecenter .Top .QueryControl .BoxBody .SearchButton a span {
	font-size: 14px;
	font-weight: bold;
}

.pagecenter .Top .QueryControl .title h1 {
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 0px 5px 0px 0px;
}

.pagecenter .Top .QueryControl .textBox input {
	border: 1px solid #D7D7D7;
	width: 300px;
	height: 20px;
	padding: 3px 0px 0px 0px;
}

.pagecenter .Top .QueryControl .FreetextCriteriaTextPanel .title {
	display: none;
}

.pagecenter .Top .active-jobs *,
.pagecenter .Top .HeaderJobLinks *
{
	font-size: 14px;
	font-weight: bold;
}

.pagecenter .Top .active-jobs {
	position: absolute;
	top: 13px;
	right: 225px;
	border-right: 1px solid #C6C6C6;
}

.pagecenter .Top .HeaderJobLinks {
	position: absolute;
	top: 13px;
	right: 20px;
}

.pagecenter .Top .active-cvs,
.pagecenter .Top .heading
{
	display: none;
}

.pagecenter .Top .active-jobs .value,
.pagecenter .Top .active-jobs .label,
.pagecenter .Top .HeaderJobLinks .AllJobs,
.pagecenter .Top .HeaderJobLinks .Top20Jobs
{
	float: left;
}

.pagecenter .Top .active-jobs .value {
	margin: 0px 5px 0px 0px;
	color: #257BB8;
}

.pagecenter .Top .active-jobs .label {
	padding: 0px 10px 0px 0px;
}

.pagecenter .Top .HeaderJobLinks .AllJobs {
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	border-right: 1px solid #C6C6C6;
}


/* Footer */

.pagecenter .GlobalFooter {
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px dashed #A3A3A3;
}

.pagecenter .GlobalFooter,
.pagecenter .GlobalFooter *
{
	font-size: 11px;
	color: #787878;
}