﻿/* -- Changes in default Header -- */
#globalNav {
	/*display: none;*/
}
/* -- End Changes in default Header -- */

/* -- Generic corner box scalable, outlined or plain color --
   -- code to type with example of grey color, outlined and plain
outline
<div class="cornerBox C370">
	-- option for outline
	<div class="greyOutline LO"><div class="greyOutline RO"><div class="greyOutline TO"><div class="greyOutline BO">
	--
	<div class="cornerGreyOutline TL"></div><div class="cornerGreyOutline TR"></div>
	<div class="cornerGreyOutline BL"></div><div class="cornerGreyOutline BR"></div>
	<div class="cornerBoxInner">
		<!-- begining of content -->
		<h3>Partnerships</h3>
		<p>Access perspectives from internationally recognised universities and research institutes, already established as Adecco Institute partners.</p>
		<p><a class="bullet" href="/AboutUs/Partnerships/Pages/Partnerships.aspx">More</a></p>
		<!-- end of content -->
	</div>
	-- option for outline
	</div></div></div></div>
	--
</div>
--------
plain
<div class="cornerBox grey">
	<div class="cornerGrey TL"></div><div class="cornerGrey TR"></div>
	<div class="cornerGrey BL"></div><div class="cornerGrey BR"></div>
	<div class="cornerBoxInner">
		<!-- begining of content -->
		<!-- end of content -->
	</div>
</div>
-- */
.cornerBox { position: relative; width: 100%; }
/* -- color to use -- */
.cornerGreyOutline  { position: absolute; width: 10px; height: 10px; background: url('/RoundedCornerBox/corners_grey_outline.gif') no-repeat; font-size: 0%; }
.cornerGrey { position: absolute; width: 10px; height: 10px; background: url('/RoundedCornerBox/corners_light_grey.gif') no-repeat; font-size: 0%; }
.cornerGreen { position: absolute; width: 10px; height: 10px; background: url('/RoundedCornerBox/corners_green.gif') no-repeat; font-size: 0%; }
.cornerBlue { position: absolute; width: 10px; height: 10px; background: url('/RoundedCornerBox/corners_blue.gif') no-repeat; font-size: 0%; }
/* -- content -- */
.cornerBoxInner { padding: 10px; }
/* -- corners style -- */
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

/* -- optional : the following is to use in case of outlined border -- */
.greyOutline { background: url('/RoundedCornerBox/corners_grey_outline_dot.gif'); }
.TO { background-position: 0% 0%; background-repeat: repeat-x; }
.BO { background-position: 50% 100%; background-repeat: repeat-x; }
.LO { background-position: 0% 100%; background-repeat: repeat-y; }
.RO { background-position: 100% 0%; background-repeat: repeat-y; }
/* -- end optional -- */

.grey {background: #F4F3F1; }
.green {background: #CCC68B; color: #FFFFFF; }
.blue {background: #708CA1; color: #FFFFFF; }
.cornerBoxInner h2, .cornerBoxInner h3 { font-weight: bold; font-size: 1em; font-family: Tahoma, Arial, sans-serif; }
/* -- End of generic corner box scalable -- */

/* -- Containers structure -- */
.C940, .C750, .C560, .C370, .C275, .C180, .C120 {
	position: relative;
	float: left;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

/*.C940 img, .C750 img, .C370 img, .C275 img, .C180 img, .C120 img */
.C940 img, .C750 img {
	position: relative;
	float:left;
	margin-bottom: 10px;
	border: 0px;
}

.C940 { width: 940px; }
.C750 { width: 750px; }
.C560 { width: 560px; }
.C370 { width: 370px; }
.C275 { width: 275px; }
.C180 { width: 180px; }
.C120 { width: 120px; }

.right10 { margin-right: 10px; }
.left10 { margin-left: 10px; }
.bottom10 { margin-bottom: 10px; }
.top10 { margin-top: 10px; }
.height290 { height: 290px; }
.height250 { height: 250px; }
.height220 { height: 220px; }
.height90 { height: 90px; }
/* -- End of containers structure -- */

/* -- overwrite style of default <a> when colored panel if necessary -- */
a.forceWhite {
	color: #FFFFFF;
	padding-left:8px;
	background:url('/PublishingImages/bullet_white.gif') left 4px no-repeat;
}

/* -- overwrite style to have right positionning of div -- */
.forceRight { float: top right; }

/* -- overwrite a style for pdfs links using the default pdf icon -- */
a.pdf {
  padding-left:8px;
  background:url('/_layouts/images/icpdf.gif') left 4px no-repeat;
}

/* -- text alignment set to right -- */
.forceTextRight {	text-align: right; }

/* -- force to clear the display -- */
.forceClear { clear: both; }
