@import url(/HCSite/Presentation/Design/StandardScheme/CSS/Common_orange.css);

@media screen
{
	.HollandCasinoOrange {color: #FF7800;}

	body
	{
		background: #EEEEEE url(../image/HCBgCorporate.png) no-repeat;
	}
	
	.Logo
	{
		float: left;
		margin: 16px 0 0 -20px;
	}
	.Site 
	{
		position: absolute;
		top: 49px;
		left: 190px;
		background: White url(../Image/MenuLeftBg.gif) no-repeat;
		padding-left: 60px;
		width: 728px;
	}
	.Menu .Site li
	{
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
	}
	
	.StaticMenuContainer
	{
		background: url(../Image/TopLinksLeftBg.png) left top no-repeat;
		position: absolute; 
		left: 50%; 
		right: 0px;
		clear: both;
		margin: 0;
		padding: 0;
		height: 32px;
		text-align: right;
	}
	
	.StaticMenuContainer ul
	{
		background-color: Black;
		position: absolute;
		left: 6px; 
		right: 0px;
	}
	
	.ContentFieldHome .MainContent
	{
		border-bottom: 0 none;
		padding: 0;	
	}
	
	.ContentField p,
	.ContentField li
	{
		color:Black;
		font-size: 12px;
		vertical-align: top;
	}
	
	/*EmotionBlock styles*/
	.EmotionBlocks
	{
		float: left;
		clear: both;
		width: 478px;
		min-width: 478px;
	}
	.dumb object,
	.SelectableModule object,
	.EmotionPlayBlocks .SelectableModule object	
	{
		color: Black;
	}
	
	
	/*Vacatures*/
	.BodyContent
	{
		padding: 10px;
	}

	.BodyContent h1
	{
		color: #FF7800;
		font-size: 20px;
		margin: 0;
		padding: 0;
		
	}	
	.BodyContent a
	{
		color: #FF7800;
	}


	.PageIntro h1
	{
		color: #ff7800;
	}
	.Play .PageIntro h1
	{
		color: Black;
	}
	
	.Play .PageIntro p
	{
		color: Black;
	}
	
	.Play .PageIntro li
	{
		font-size: 12px;
	}
	
	/*ie7 fudge*/
	* + html .MainPageHeader
	{
		top: 119px;
		margin: 0 0 0 -154px;
		z-index: 1;
	}	
		
	.MainPageHeader	h1.PageTitle
	{
		background: Transparent url(../image/flagOrange.gif) no-repeat left top;
	}

	
	/*ie7 fudge*/
	* + html 
	{

	}
	
	.MainContent
	{
		float: left;
		width: 478px !important;
		background: White;
	}
	
	.ContentText
	{
		display: block;
		padding: 10px;
	}
	.ContentText p
	{
		margin: 0;
		padding: 0;
	}
	
	.SubNavTitel
	{
		color: #ff7800;
	}
	
	.SubNav li .Out a
	{
		display: block;
		color: #EEEEEE;
		text-decoration: underline;
		width: 100%;
		height: 100%;
		padding: 1px 0 0 26px;
		background: transparent url(../image/link_arrow_big_orange.png) no-repeat 13px 5px;
	}

	.SubNav li .Out a:hover
	{
		color: White;
		background: Transparent url(../image/subNavSelBgOrange.png) no-repeat left center;
	}
	
	.SubNav li .Sel
	{
		background: transparent url(../image/subNavSelBgOrange.png) no-repeat left center;
	}
	
	/* Corporate Menu */
	.NavColumn
	{
		padding: 50px 0 0 0;
		height: 200px;
		background: white;
	}
	.NavMenu
	{	
		float: left;
		width: 234px;
		margin: 0 0 0 0;
	}	
	.NavMenu li a
	{
		text-align: left;
		background: white url(../Image/link_arrow_big_orange.png) no-repeat 13px center;
		padding: 0 0 0 25px;
		color: Black;
		height: 20px;
		width: 210px;
	}
	.NavMenu li a:hover
	{
		background: transparent url(../image/subNavSelBgOrange.png) no-repeat left center;	
	}
	
	.NavMenu li.Sel a
	{
		color: #FF7800;
		background: white url(../Image/link_arrow_big_orange_down.png) no-repeat 10px center;
	}
	.NavMenu li.Sel a:hover
	{
		color: Black;
		background: transparent url(../image/subNavSelBgOrange.png) no-repeat left center;
	}
	/* sub*/
	.NavSubMenu
	{
		padding: 0px;
		margin: 0 0 0 10px;
	}
	
	.NavMenu li .NavSubMenu li a
	{
		padding: 2px 0 0 25px;
		height: 20px;
		width: 184px;
		color: #FF7800;
		background: white url(../Image/link_arrow_big_orange.png) no-repeat 13px center;
	}
	.NavMenu li .NavSubMenu li.Sel a
	{
		padding: 2px 0 0 25px;
		height: 20px;
		width: 184px;
		color: White;
		background: #FF7800 url(../Image/link_arrow_big_white.png) no-repeat 13px center;
	}
	/* end corporate menu*/
	
	li.BottomSiteLinksOut a
	{
		color: #b3b3b3;
		text-decoration: none;
	}

	li.BottomSiteLinksOut A:Hover
	{
		color: Black;
		text-decoration: none;
	}
	
	.PageIntro
	{
		width: 478px;
	}
	
	.snippetColumn
	{
		margin: 0 0 0 -20px;
		padding: 0px;
	}
	.snippetColumnTopRightCorner
	{
		position: relative;
		width: 35px;
		height: 25px;
		float: right;
		z-index: 5;
		background: transparent url(../Image/snippetColumnTopRightCornerWhite.png) no-repeat right top;
	}
	
	/* Gewone TextSnippet*/
	.TextSnippet {}
	.TextSnippetTitleArea
	{
		color: Black;
		background: White;
		padding: 0 0 0 10px;
	}
	.TextSnippetContentArea
	{
		color: Black;
		background: White;
	}
	.TextSnippetContentArea.orange a
	{
		color: #FF7800;
		background: transparent url(../Image/link_arrow_small_orange.png) no-repeat 1px center;
	}
	.TextSnippetContentArea.orange a:hover
	{
		padding: 0 0 0 10px;
		color: Black;
		background: #FF7800 url(../Image/link_arrow_small_black.png) no-repeat 1px center;
	}	
	.SnippetMoreInfo a
	{
		background: Black url(../Image/link_arrow_small_Orange.png) no-repeat 5px center;
	}
	.SnippetMoreInfo a:hover
	{
		background: #FF7800 url(../Image/link_arrow_small_Black.png) no-repeat 5px center;
	}/*

	/*Inverted TextSnippet*/
	.InvertedTextSnippet
	{
		background:#FF7800 !important;
		margin: 0 0 10px 0;
	}
	.InvertedTextSnippetTitleArea
	{
		color: Black;
		background: #FF7800;
		padding: 6px 8px 1px 8px;
		font-family: Trebuchet MS;
		text-transform: uppercase;
		font-size: 14px;
	}
	.InvertedTextSnippetContentArea
	{
		color: Black !important;
		background: White;
		width: 196px;
		margin: 10px 8px 8px 8px;
		padding: 8px 8px 12px 12px;
		border-top: 1px solid #D0D0D0;
	}
	.InvertedTextSnippetContentArea p
	{
		color: Black !important;
		padding: 2px 0 2px 0;
	}	
	.InvertedTextSnippetContentArea.orange a
	{
		padding: 0 0 0 10px;
		color: #FF7800;
		background: transparent url(../Image/link_arrow_small_yellow.png) no-repeat 1px center;
	}
	.InvertedTextSnippetContentArea.orange a:hover
	{
		color: Black;
		background: #FF7800 url(../Image/link_arrow_small_black.png) no-repeat 1px center;
	}	
	.InvertedSnippetMoreInfo a
	{
		padding: 0 0 0 10px;
		background: Black url(../Image/link_arrow_small_yellow.png) no-repeat 10px center;
	}
	.InvertedSnippetMoreInfo a:hover
	{
		background: #FF7800 url(../Image/link_arrow_small_Black.png) no-repeat 10px center;
	}	
	/*End Inverted TextSnippet*/

	.Footer
	{
		background: transparent url(../image/LeftFooterCornerWhite.gif) no-repeat left bottom;
	}

	/* Forms */

	
	div.MainContent.FormLayout
	{
		Background: none !important;
	}
	
	.FormLayOut .PageIntro h1
	{
		width: 435px;
		border-bottom: double 4px #FF7800;
		height: 39px;
	}
	.FormLayOut .PageIntro
	{
		width: 440px;
	}
	
	#MainApplicationContainer 
	{
		display: block;
		background: 0 none;
	}
	
	#MainApplicationContainer table tr td {
		color:Black;
		font-size:11px;
	}
	#MainApplicationContainer table tr td input
	{
		color: Black;
		float: left;
		background-color: #EEEEEE !important;
		border: 1px solid #EEEEEE !important;
	}

	.NAW, .SollicitatieformulierDetails, .ContactformulierVraag
	{
		font-size: 0.7em;
	}

	.InputField, .DDList, .TextAreaField
	{
		border: 1px solid White;
		color: Black;
		background-color: #EEEEEE;
	}

	.InputFieldGrayedOut
	{
		color: Silver;
	}

	.DDList
	{
		color: Black;
	}

	.TextAreaField
	{
		width: 200px;
		height: 300px;
	}

	.InputField
	{
		height: 15px !important;
		margin: 0;
		padding: 0 0 0 3px;
		font-size: 1em;
		overflow: hidden;
	}

	/* NAW Table */

	Table.NAW td
	{
		color: Black;
		vertical-align: top;
	}
	/* Errormessage */
	.InputValidatorMelding
	{
		color: Red;
	}

	table.NAW .AlineaKop 
	{
		color: Black;
	}

	/* Label */
	Table.NAW .captionCell 
	{
		color: Black !important;
	}
	Table.NAW .caption
	{
		height: 25px;
	}

	/* Radiobutton Gender Male & Female */
	Table.NAW .rbGenderMale, Table.NAW .rbGenderFemale
	{
		font-size :11px;
		background: none;
	}

	/* Country Select */
	Table.NAW  .ddlCountry
	{
		width: 236px;
		background-color : #EEEEEE !important;
		color : black;
	}	

	/* Input text-boxes */
	Table.NAW .tbInitials
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}
	Table.NAW .tbInfix
	{
		width: 50px;
		background-color : #EEEEEE !important;
	}
	Table.NAW .tbLastname
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}
	Table.NAW .tbStreet
	{
		width: 163px;
		background-color : #EEEEEE !important;
	}
	Table.NAW .tbHousenumber
	{
		display: inline;
		float: left;
		width: 25px;
		margin-left: 7px;
		background-color : #EEEEEE !important;
	}
	Table.NAW .tbHousenumberExtension
	{
		width: 25px;
		display: inline;
		float: left;
		margin-left: 7px;
		background-color : #EEEEEE !important;
	}
	Table.NAW .tbZipCode
	{
		width: 60px;
		background-color : #EEEEEE !important;
		
	}
	Table.NAW .tbCity
	{
		display: inline;
		float: left;
		width: 163px;
		background-color : #EEEEEE !important;
		margin-left: 7px;
	}
	Table.NAW .tbEmail
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}

	/* Geboorte datum selects*/
	Table.NAW  .ddlDateOfBirth_Day
	{
		width: 45px;
		background-color : #EEEEEE !important;
		border: none;
		color : Black;
	}
	Table.NAW  .ddlDateOfBirth_Month
	{
		width: 103px;
		margin-left: 7px;
		background-color : #EEEEEE !important;
		border: none;
		color : Black;
	}
	Table.NAW  .ddlDateOfBirth_Year
	{
		width: 65px;
		margin-left: 7px;
		background-color : #EEEEEE !important;
		border: none;
		color : Black;
	}

	Table.NAW .tbCompanyname
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}

	Table.NAW .tbNationality
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}

	Table.NAW .tbBirthplace
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}

	Table.NAW .tbTelephone
	{
		width: 234px;
		background-color : #EEEEEE !important;
	}

	.rbGenderMale
	{
		display: block;
		float: left;
	}
	.rbGenderMale input
	{
		width: auto;
		height: auto;
		background: none !important;
	}
	.rbGenderMale label
	{
		width: auto;
		height: auto;
		background: none !important;
	}
	a.rbGenderMale, a:hover.rbGenderMale,a:link.rbGenderMale,a:active.rbGenderMale,a:visited.rbGenderMale
	{
		text-decoration : none;
		color : Black;
		
	}
	.rbGenderFemale, .rbStandardGenderFemale
	{
		width: auto;
		height: auto;
		background-color: transparent!important;
	}
	.rbGenderFemale input
	{
		width: auto;
		height: auto;
		background-color: transparent!important;
	}
	.rbGenderFemale label, .rbStandardGenderFemale label
	{
		width: auto;
		height: auto;
		background: none !important;
	}

	a.rbGenderFemale, 
	a:hover.rbGenderFemale,
	a:link.rbGenderFemale,
	a:active.rbGenderFemale,
	a:visited.rbGenderFemale
	{
		text-decoration : none;
		color : Black;
	}
	
	/*Contactformulier Company*/
	table.ContactformulierVraag .AlineaKop 
	{
		color: Black;
	}
	.tbCompanyname
	{
		
	}
	.tbStreet, .tbCompanyStreet
	{
		width: 100px;
	}

	.tbHousenumber, .tbCompanyHousenumber
	{
		margin-left: 7px;
		width: 30px;
	}

	.tbHousenumberExtension
	{
		width: 30px;
	}

	.tbZipCode, .tbCompanyZipCode, .tbCompanyPOBoxZipCode
	{
		width: 43px;
	}
	
	
	.btnTable
	{
		width: 100% !important;
		padding: 0;
	}
	.btnContainer
	{
		width: 100% !important;
		padding: 0 7px 0 0 !important;
	}
	.btnBg a
	{
		height: 35px;
		margin: 0px;
		background: Black !important;
		color: White;
		padding: 5px 5px 0 0;
		font-size: 16px;
		font-family: Trebuchet MS, Arial, Sans-Serif;
		text-align: right;
	}
	
	
	/*Sollicitiatie*/

	Table.SollicitatieformulierDetails .ddlDeeltijdUren
	{
		width: 40px !important;
	}
	Table.SollicitatieformulierDetails .rbParttime
	{}	
	Table.SollicitatieformulierDetails .rbFulltime
	{
		display: block;
	}	
	Table.SollicitatieformulierDetails .rbNoPreferedEstablishment
	{
		width: 300px;
	}
	Table.SollicitatieformulierDetails .rbPreferedEstablishment
	{
		width: 100px;
	}

	Table.SollicitatieformulierDetails .ddlEstablishments
	{
		width: 10px;
	}
	


	Table.SollicitatieformulierDetails .tbCV
	{
		width: 300px;
		height: 100px;
		font-family: Georgia, Times New Roman, Serif;
	}

	Table.SollicitatieformulierDetails .tbMotivatie
	{
		width: 300px;
		height: 100px;
		font-family: Georgia, Times New Roman, Serif;
	}

	Table.SollicitatieformulierDetails .tbOpleiding
	{
		width: 300px;
		height: 100px;
		font-family: Georgia, Times New Roman, Serif;
	}

	Table.SollicitatieformulierDetails .tbWerkervaring
	{
		width: 300px;
		height: 100px;
		font-family: Georgia, Times New Roman, Serif;
	}

	Table.SollicitatieformulierDetails .tbFunctie
	{
		width: 300px;
		font-family: Georgia, Times New Roman, Serif;
	}
	
	/*EmotionBlock styles*/
	.LeftBlock4k
	{
		visibility: hidden;
	}
	
	.InnerContainer
	{
		background: White;
	}
	
	/* TextSnippet */
	.TextSnippetInnerTitleArea
	{
		color: #FF7800;
	}
	.TextSnippetContentArea  a
	{
		background: url(../Image/link_arrow_small_orange.png) no-repeat left center;
	}
	.TextSnippetContentArea  a:hover
	{
		color: Black;
		background: #FF7800 url(../Image/link_arrow_small_blackpng) no-repeat left center;
	}
	
	/*white*/
	.ColumnContainer4k.white
	{
		color: #FF7800;
	}
	.ColumnContainer4k.white a.leesVerderLink:link,
	.ColumnContainer4k.white a.leesVerderLink:active,
	.ColumnContainer4k.white a.leesVerderLink:visited
	{
		color: #FF7800;
		background: transparent url(../image/link_arrow_big_orange.png) no-repeat 1px center;
		margin: 0 0 0 8px;
	}

	/* HTML edit controls */
	#NCPHRICH_HeaderPlaceholder
	{
		color: #FF7800;
	}
	#NCPHRICH_ContentPlaceholder
	{
		color:black;
	}
}


@media print
{
}
