﻿/* CSS Document */

body, html {
	width:				100%;
	height:				100%;
	padding:			0px;
	margin:				0px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#929292;
	line-height:		16px;
}

body {
	/*background:			url(../images/body-bg.jpg) top center repeat-x;*/
	background:			url(../images/bg_75.gif) top center repeat-x;
}

/* ========== MAIN CLASSES ========== */

a {
	color:				#929292;
	text-decoration:	underline;
}

a:hover {
	color:				#333333;
	text-decoration:	none;
}

form.MainForm {
	padding:			0px;
	margin:				0px;
}

.StudentsColor {
	color:				#b6c827;
}

.CompaniesColor {
	color:				#0098d0;
}

.AlumiColor {
	color:				#97000a;
}

.mainColor {
	color:				#0445a9;
}
div.answer_percent
{
	background-color:#0445a9;
}
.Clear {
	clear:				both;
}

img.Null {
	display:			block;
	width:				1px;
	height:				1px;
	border-width:		0px;
}

ins {
	text-decoration:	none;
}

div.TextLineHeight15 {
	line-height:		15px;
}

.FloatRight {
	float:				right;
}

.FloatLeft {
	float:				left;
}

.noBotMargin {
	margin-bottom:		-14px;
}

div.Space {
	height:				14px;
}

/* ========== HEADER SECTION ========== */

div.HeaderContainer {
	height:				55px;
	width:				100%;
	position:			relative;
}

div.HeaderContainer div.BlueLine {
	position:			absolute;
	width:				50%;
	height:				32px;
	top:				0px;
	left:				0px;
	background:			url(../images/header-blueline-bg.gif) top left repeat-x;
}

div.HeaderContainer div.Center {
	width:				960px;
	margin:				0px auto;
	background:			url(../images/header-blueline-bg.gif) top left repeat-x;
	text-align:			right;
}

div.HeaderContainer div.Center img {
	width:				132px;
	height:				21px;
	border-width:		0px;
	margin-top:			11px;
	line-height:		14px;
}

div.HeaderContainer div.Center h1 {
	color:				#0445a9;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	padding:			0px;
	margin:				3px 0px 0px 0px;
}

/* ========== TOP MENU SECTION ========== */

div.TopMenuContainer {
	width:				960px;
	height:				27px;
	margin:				0px auto;
	background:			url(../images/topmenu-bg.gif) #FFFFFF top center repeat-x;
	padding-bottom:		15px;
}

div.TopMenuContainer div.Left {
	height:				27px;
	float:				left;
}

div.TopMenuContainer div.Right {
	height:				27px;
	float:				right;
	padding-right:		4px;
}

div.TopMenuContainer a.TopMenuItem, div.TopMenuContainer p.TopMenuItem {
	display:			block;
	height:				22px;
	float:				left;
	color:				#929292;
	text-decoration:	none;
	padding:			5px 16px 0px 16px;
	margin:				0px;
}

div.TopMenuContainer p.TopMenuItem {
	color:				#0445a9;
}

div.TopMenuContainer a.TopMenuItem:hover {
	background-image:	url(../images/topmenu-bg-over.gif);
	color:				#333333;
}

div.TopMenuContainer a.Language { /*, div.TopMenuContainer div.Right span {*/
	display:			block;
	width:				14px;
	height:				9px;
	padding:			0px;
	margin:				8px 7px 0px 0px;
	font-size:			1px;
	float:				right;
}

div.TopMenuContainer a.Language {
	background-position:-14px 0px;
}

div.TopMenuContainer a:hover {
	background-position:0px 0px;
}

div.TopMenuContainer .en {
	background-image:	url(../images/flag-en.gif);
	background-repeat:  no-repeat;
	background-position:0% 60%;
	height:				22px;
	width:				14px;
	float:				right;
	display:			block;
	margin-right:		7px;
}

div.TopMenuContainer .nl {
	background-image:	url(../images/flag-nl.gif);
	background-repeat:  no-repeat;
	background-position:0% 60%;
	height:				22px!important;
	width:				14px;
	float:				right;
	display:			block;
	margin-right:		7px;
}

div.TopMenuContainer div.Separator {
	width:				2px;
	height:				27px;
	font-size:			1px;
	line-height:		1px;
	background-image:	url(../images/topmenu-separator.gif);
	float:				left;
}

/* ========== BOTTOM MENU CONTAINER SECTION ========== */

div.BottomMenuContainer {
	width:				960px;
	margin:				0px auto;
	height:				58px;
	background:			url(../images/bottommenu-bg.gif) top center repeat-x;
	font-size:			10px;
	color:				#c7c7c7;
	padding-top:		36px;
}

div.BottomMenuContainer div.Left {
	float:				left;
	padding-left:		12px;
}

div.BottomMenuContainer div.Right {
	float:				right;
}

div.BottomMenuContainer div.Right a {
	display:			block;
	float:				left;
	padding:			0px 12px;
	text-decoration:	none;
	color:				#c7c7c7;
}

div.BottomMenuContainer div.Right a:hover {
	color:				#333333;
}

div.BottomMenuContainer div.Right span {
	float:				left;
}

/* ========== PAGE CONTAINER SECTION ========== */

div.PageContainer {
	width:				960px;
	margin:				0px auto;
	background-color:	#FFFFFF;
}

div.ContentBg {
	background:			url(../images/content-bg.gif) top center repeat-y;
}

div.PageContainer h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	font-weight:		normal;
	margin:				0px 0px 14px 0px;
}

/* ---------- MAIN PAGE SECTION ---------- */

#MainFlashContainer {
	width:				960px;
	height:				428px;
	margin-top:			20px;
}

div.PageContainer div.MainBottom {
	padding-top:		30px;
}

div.PageContainer div.MainBottom div.WelcomeDiv {
	width:				620px;
	border-right:		solid 1px #e9e9e9;
	padding:			0px 10px;
	float:				left;
}

div.PageContainer div.EventsContainer {
	width:				299px;
	float:				left;
	padding:			0px 10px;
}

div.PageContainer div.EventsContainer ul {
	padding:			0px;
	margin:				0px;
}

div.PageContainer div.EventsContainer ul li {
	list-style:			none;
}

div.PageContainer div.EventsContainer ul li span {
	display:			block; 
	float:				left;
	width:				72px;
}

/* ---------- LEFT MENU SECTION ---------- */

div.LeftMenu {
	width:				175px;
	float:				left;
	/*padding:			14px 18px 40px 18px;*/
	padding:			12px 18px 40px 18px;
}

div.LeftMenu h1 {
	font-size:			19px;
	margin-bottom:		19px;
}

div.LeftMenu h1.mainColor a, div.LeftMenu h1.mainColor a:hover
{
	text-decoration		: none;
	background-image	: none;
}

div.LeftMenu ul {
	margin:				0px;
	padding:			0px;
	font-size:			12px;
	list-style:			none;
}

div.LeftMenu ul li {
	padding:			0px 0px 5px 10px;
}

div.LeftMenu ul li.Selected{
	padding:			14px 0px 14px 12px;
	margin-left:		10px;
	font-weight:		bold;
	text-decoration:	none;
	background:			url(../images/leftmenu-arrow-down-gray.gif) 0px 21px no-repeat;
}

div.LeftMenu ul li.Selected ul {
	padding-top:		5px;
	font-weight:		normal;
	margin-left:		-10px;
}

div.LeftMenu ul li.Selected a
{
    background: transparent url(../images/leftmenu-arrow-down-gray.gif) 0px 21px no-repeat; 
    padding-left:0px;
}
div.LeftMenu ul li.Selected a.mainColor, div.LeftMenu ul li.Selected a.mainColor:hover
{
	color	:#0445a9;
	background: transparent url(../images/leftmenu-arrow-down-gray.gif) -10px -10px no-repeat; 
	background-position:-10px;
}

div.LeftMenu ul li.Selected
{
	color	:#0445a9;
}

div.LeftMenu ul li.Selected ul a, div.LeftMenu ul li.Selected ul a:hover, div.LeftMenu ul li.Selected ul li.mainColor,
div.LeftMenu ul li.Selected ul li.StudentsColor, div.LeftMenu ul li.Selected ul li.CompaniesColor {
	background:			none;
}

div.LeftMenu ul li.mainColor {
	/*margin-left:		10px;*/
	background:			url(../images/leftmenu-arrow-right-main.gif) 0px 8px no-repeat;
}

div.LeftMenu ul li.StudentsColor {
	margin-left:		10px;
	background:			url(../images/leftmenu-arrow-right-students.gif) 0px 8px no-repeat;
}

div.LeftMenu ul li.CompaniesColor {
	margin-left:		10px;
	background:			url(../images/leftmenu-arrow-right-companies.gif) 0px 8px no-repeat;
}

div.LeftMenu ul a {
	padding-left:		10px;
	text-decoration:	none;
	background:			url(../images/leftmenu-arrow-right-gray.gif) 0px 3px no-repeat;
	display:			block;
}

div.LeftMenu ul a:hover {
	background-position: 1px 3px;
	/*background-image:	url(../images/leftmenu-arrow-right-main.gif);*/
	color:				#333333;
}

/* ---------- RIGHT PANEL SECTION ---------- */

div.RightPanel {
	width:				175px;
	padding:			14px 18px 40px 18px;
	float:				left;
	overflow:			hidden;
}

div.RightPanel p {
	font-size:			10px;
	padding:			0px;
	margin:				10px 0px;
}

div.RightPanel p i {
	line-height:		12px;
}

div.RightPanel h1 {
	font-size:			15px;
}

div.RightPanel h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	margin:				8px 0px;
}

div.RightPanel h2 span {
	font-size:			11px;
	font-weight:		normal;
}

div.RightPanel img.Testimonial {
	display:			block;
	/*background-color:	#efedf3;*/
	width:				154px;
	border-width:		0px;
	padding:			10px;
}

div.RightPanel input, div.RightPanel textarea, select {
	border-top:			solid 1px #9a9a9a;
	border-right:		solid 1px #e0e0e0;
	border-bottom:		solid 1px #f1f1f1;
	border-left:		solid 1px #e0e0e0;
	width:				171px;
	margin-bottom:		14px;
	font-size:			11px;
	color:				#b8b8b8;
	line-height:		11px;
}

div.RightPanel div.TextLineHeight15 p {
	margin:				10px 0px 0px;
}

select {
	color:				#929292;
	width:				auto;
	margin:				0px 0px 0px 14px;
}

option {
	padding:			1px 14px;
}

div.RightPanel input {
	height:				16px;
	padding:			1px;
	height:			14px;
	padding-top:		3px;
}

div.RightPanel textarea {
	font-family:		Arial, Helvetica, sans-serif;
	padding:			1px;
	height:				68px;
	overflow:			hidden;
}

/* ---------- CONTENT HOLDER SECTION ---------- */

div.PageContainer div.Separator {
	display:			block;
	height:				1px;
	margin:				21px 0px 22px 0px;
	background-image:	url(../images/block-separator.gif);	
	overflow		:	hidden;
}

div.PageContainer a.mainColor {
	background:			url(../images/leftmenu-arrow-right-main.gif) 0px 2px no-repeat;
}

div.PageContainer a.mainColor:hover {
	background-position:1px 2px;
	color:				#0445a9;
}

div.PageContainer a.StudentsColor {
	background:			url(../images/leftmenu-arrow-right-students.gif) 0px 2px no-repeat;
}

div.PageContainer a.StudentsColor:hover {
	background-position:1px 2px;
	color:				#B6C827;
}

div.PageContainer a.CompaniesColor {
	background:			url(../images/leftmenu-arrow-right-companies.gif) 0px 2px no-repeat;
}

div.PageContainer a.CompaniesColor:hover {
	background-position:1px 2px;
	color:				#0098d0;
}

div.PageContainer a.Link {
	padding:			0px 0px 0px 8px;
	margin:				0px;
	font-size:			11px;
	text-decoration:	none;
}

div.ContentHolder {
	width:				502px;
	padding:			14px 18px 40px 18px;
	float:				left;
	overflow			:hidden;
}

div.ContentHolder h1 {
	font-size:			15px;
}

div.ContentHolder h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	margin:				0px 0px 10px 0px;
}

div.ContentHolder h2 a {
	margin:				0px;
	padding:			0px;
}

div.ContentHolder h2 ins, div.ContentHolder h1 ins {
	padding:			0px 10px;
	color:				#e5eaf5;
}
div.Block ins
{
	padding:			0px 5px 0px 5px;
}
div.ContentHolder h2 span, div.ContentHolder h1 span {
	/*font-size:			10px;
	color:				#929292;
	font-weight:		normal;*/
}

div.ContentHolder p {
	margin:				8px 0px;
}

div.ContentHolder img.InfoImg {
	display:			block;
	width:				90px;
	height:				90px;
	float:				left;
	margin:				4px 18px 0px 0px;
}

div.ContentHolder a {
	text-decoration:	none;
	padding-left:		8px;
	
}

div.ContentHolder a.TextLink {
	text-decoration:	underline;
	padding-left:		0px;
}

div.ContentHolder a.TextLink:hover {
	text-decoration:	none;
}

#LoationFlashContainer {
	display:			block;
	width:				241px;
	height:				245px;
	float:				left;
	margin:				0px 18px 20px 0px;
	margin-bottom:		0px;
	overflow			: hidden;
}

#LoationFlashContainer img {
	width:				241px;
	height:				245px;
	padding:			0px;
	margin:				0px;
	border-width:		0px;
}

#CarouselFlashContainer {
	display:			block;
	width:				502px;
	height:				68px;
	margin:				-14px 0px -20px 0px;
}

div.ContentHolder div.Half {
	width:				232px;
	float:				left;
	padding-top:		6px;
}

div.ContentHolder div.Block
{
    float	:left;
    width	:100%;
}

div.ContentHolder div.Block div.RightBorder {
	border-right:		solid 1px #e9e9e9;
	margin-right:		18px;
	padding-right:		18px;
	
}

div.Form {
	padding:			0px 14px;
}

div.Form p.Title {
	display:			block;
	float:				left;
	width:				153px;
	margin-top:			2px;
}

div.Form input {
	border-top:			solid 1px #9a9a9a;
	border-right:		solid 1px #e0e0e0;
	border-bottom:		solid 1px #f1f1f1;
	border-left:		solid 1px #e0e0e0;
	width:				214px;
	margin-bottom:		10px;
	font-size:			11px;
	color:				#b8b8b8;
	line-height:		11px;
	height:				16px;
	padding:			1px;
	height:			14px;
	padding-top:		3px;
}

div.Form select {
	border-top:			solid 1px #9a9a9a;
	border-right:		solid 1px #e0e0e0;
	border-bottom:		solid 1px #f1f1f1;
	border-left:		solid 1px #e0e0e0;
	width:				218px;
	margin:				0px 0px 10px 0px;
	font-size:			11px;
	color:				#b8b8b8;
}

div.Form input.RadioCheck {
	width:				auto;
	height:				auto;
	border-width:		0px;
	float:				left;
	padding:			0px;
	margin-right:		6px;
}

div.Form span.RadioCheck {
	float:				left;
	margin-top:			2px;
	margin-right:		20px;
}

div.Form textarea {
	border-top:			solid 1px #9a9a9a;
	border-right:		solid 1px #e0e0e0;
	border-bottom:		solid 1px #f1f1f1;
	border-left:		solid 1px #e0e0e0;
	width:				470px;
	height:				56px;
	overflow:			hidden;
}

div.Form input.SubscribeStudents {
	width:				90px;
	height:				18px;
	background:			url(../images/btn-subscribe-students.gif) transparent;
	border-width:		0px;
}

div.ContentHolder img.AllWidthImg {
	width:				502px;
	border-width:		0px;
}

div.ContentHolder img.CompanyImg {
	margin-top:			-14px;
	width:				502px;
	margin-bottom:		20px;
}



/***** Customization *****/
div.LeftMenu ul li.CustomizedItem {
	background:			none;
}

div.LeftMenu ul li.CustomizedItem a {
	background:			none;
}
/*************************/

.LanguageContainer
{
	float:				right;
}
.paragraph
{
	margin:8px 0;
}

a img
{
	border:0;
}

div.TopMenuContainer a.TopMenuItemSelected
{
	color:#0445A9;
}

div.TopMenuContainer a.TopMenuItemSelected:hover
{
	color:#0445A9;
}

div.ContentHolder span.noLinkDecoration a
{
    text-decoration:underline;
    padding-left:0px;
}

div.ContentHolder span.noLinkDecoration p
{
    margin-bottom:0px;
}
span.erroralignleft
{
    text-align:left;
}

span.RadioCheckText
{
    margin-right:20px;
    margin-top:2px;
}