<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* ==========================================================
// Box Layout
// ========================================================== */

/* ----------------------------------------------------------
// General Box Styles
// ---------------------------------------------------------- */

html
{
    /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
}

html, body
{
    height: 100%;
}

body
{
	background-color: #ffffff;
	margin: 175px 0px 0px 0px; /* Responsive */
    /*margin: 0px 0px 0px 0px;*/ /* Responsive */
}

form#ppadmin
{
    height: 100%;
}

div#Creativity
{
	width: 100%;
    height: 100%;
}

div#Creativity &gt; div
{
	padding-left: 25px;		/* Responsive */
	padding-right: 25px;	/* Responsive */

    /*z-index: 5;*/

    /*border: dotted 1px green;*/
}

div#Creativity &gt; div &gt; div.Content
{
	/*border: solid 1px black;*/
	/*background-color: aquamarine;*/

	position: relative;
	max-width: 1100px;      /* Responsive */
	margin: 0px auto;

    /*border: solid 1px red;*/
}

.lt-ie9 div#Creativity &gt; div &gt; div.Content
{
    min-width: 770px;
}

div.Smaller
{
    /*border: solid 1px green;*/
	/*float: left;*/
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 298px;
    overflow: hidden;

    /*background-color: rgba(0,128,255, 0.5);*/
}

div.Wider
{
    /*border: solid 1px yellow;*/

    /*float: right;
    height: 100%;*/

    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;           /* For Chrome only */
    right: 0px;
    /*right: 0px;*/
    /*bottom: 57%;*/
    /*margin-bottom: -80px;*/   /* Responsive */

    text-align: right;
    padding-left: 15px;     /* Responsive */
    /*padding-right: 25px;*/    /* Responsive */

    /*background-color: #1868ac;*/
    /*background-image: url('../images/TransparentBrown.png');*/
    /*background-color: rgba(43, 16, 13, 0.25);*/

    color: #000000;
}

br.Clearfix
{
    clear: both;
}

.lt-ie10 .Icon
{
    display: none;
}


/* ----------------------------------------------------------
// Box Styles for selected areas
// ---------------------------------------------------------- */

div#Creativity &gt; div#Status
{
    position: fixed;        /* Responsive */
    top: 0px;               /* Responsive */
    left: 0px;
    right: 0px;             /* Responsive */
    z-index: 9000;
    
    background-color: #e9e9e9;  /* Responsive */
    font-size: 13px;
    line-height: 25px;
	color: #1868ac;             /* Responsive */

    max-height: 145px; /* Limit for debug-output */ /* Responsive */
    overflow: hidden;  /* Limit for debug-output */

    -webkit-box-shadow: 0px -2px 10px 0px rgba(10, 10, 10, 0.9); /* Responsive */
    -moz-box-shadow:    0px -2px 10px 0px rgba(10, 10, 10, 0.9); /* Responsive */
    box-shadow:         0px -2px 10px 0px rgba(10, 10, 10, 0.9); /* Responsive */
}

div#Creativity &gt; div#Status &gt; div.Content
{
    max-width: 1100px;
    /*border: solid 1px red;*/
}


/*div#Creativity &gt; div#Status.LoggedIn
{
    background-color: #ffffff;
    color: #323232;
}*/

	div#Status div.QuickInfo
	{
		float: left;        /* Responsive */
		width: 450px;
        /*border: solid 1px red;*/
	}
    
    /*div#Status div.QuickInfo a,
    div#Status div.QuickInfo a:visited
    {
        text-decoration: underline;
        color: #ffffff;
    }

    div#Status.LoggedIn div.QuickInfo a,
    div#Status.LoggedIn div.QuickInfo a:visited
    {
        color: #323232;
    }*/

	div#Status div#AdminBar
	{
		float: right;           /* Responsive */
        /*white-space: nowrap;*/

        /*border: solid 1px blue;*/
	}

		div#Status div#AdminBar a
		{
            text-decoration: none;
            color: #838383;         /* Responsive */
            margin-left: 15px;      /* Responsive */
            margin-right: 0px;
		}

        div#Status div#AdminBar a:hover
        {
            text-decoration: underline;
            color: #1868ac;
        }

        /*div#Status.LoggedIn div#AdminBar a
        {
            color: #ec221e;
        }*/

a.Logo
{
    display: block;
    position: absolute;
	background-image: url('../images/Logo.png');
	width: 220px;						/* Responsive */			
	height: 50px;					    /* Responsive */
	background-repeat: no-repeat;
    background-size: cover;

	border: 0px none;
    left: 0px;
    top: 50%;
    margin-top: -12.5px;

    /*border: solid 1px red;*/
}

div#Creativity &gt; div#Balance
{
	height: 175px;      /* Responsive */

	/* Default scrolling behaviour: */
	/*position: relative;*/

	/* Fixed scrolling behaviour: */
	position: fixed;
	z-index: 201;
	left: 0px;
	right: 0px;
	top: 0px;

    /*overflow: hidden;*/   /* Responsive */
    
    background-color: #ffffff;

    /*border-bottom: 5px solid rgba(75, 137, 190, 0.25);
    margin-bottom: -5px;*/

    /*-webkit-box-shadow: 0px 5px 0px 5px rgba(24, 104, 172, 0.5);
    -moz-box-shadow:    0px 5px 0px 5px rgba(24, 104, 172, 0.5);
    box-shadow:         0px 5px 0px 5px rgba(24, 104, 172, 0.5);*/
}

div#Creativity &gt; div#Balance &gt; div.Content
{
	height: 100%;
	position: relative;

    z-index: 202;

    /*background-color: yellow;*/
}

div#Creativity &gt; div#Balance &gt; div.Content &gt; div.ZeroGravity
{
    /*position: absolute;*/
    /*top: 0px;
    bottom: 0px;
	left: 0px;
	right: 0px;*/
    height: 100%;

    /*border: solid 1px red;*/
}

/*div#Creativity &gt; div#Visualization
{
	background-color: #dedede;
	overflow: hidden;
	position: relative; /- Needed for lte IE7 -/

    margin-top: -101px;     /- Responsive -/
}

html.lt-ie8 div#Creativity &gt; div#Visualization
{
    top: -101px;            
    margin-bottom: -101px;  
}

div#Creativity &gt; div#Visualization &gt; div.Content &gt; div.Slider
{
	height: 650px;			/- Responsive -/
	width: 1680px;          /- Responsive -/
	margin-left: -290px;	/- Responsive -/
}

div#Creativity &gt; div#Visualization &gt; div.Content &gt; div.Slider &gt; ul &gt; li
{
	background-color: #f3f1f1;
}

div.Slider div.Slide
{
	margin-left: 0px; 
	margin-top: 0px;
	margin-right: 0px;
}*/

div#Creativity &gt; div#PreRuler
{
    height: 50px;
    margin-top: 0px;
    margin-bottom: 0px;

    /*background-color: rgba(255, 0, 0, 0.28);*/
    position: relative;
    /*border: dotted 1px orange;*/
}

div#Creativity &gt; div#Ruler
{
    /*display: none;*/
    position: relative;
	background-image: url('../images/TransparentBlue.png');
    height: 50px;
	margin-top: -50px;
    /*margin-bottom: 0px;*/
    /*top: 0px;*/
    /*z-index: -2;*/
    z-index: 10;

    /*border: solid 1px yellow;*/
}

div#Creativity &gt; div#Ruler.Fixed
{
	/* Fixed scrolling behaviour: */
	position: fixed;
	/*z-index: 210;*/
	left: 0px;
	right: 0px;
	top: 125px;					/* Responsive */
	margin-top: 0px;

    /*background-image: none;*/
    /*background-color: rgba(24, 186, 23, 0.45);*/
}

div#Creativity &gt; div#Ruler &gt; div.Content
{
    /*position: static;*/
    /*z-index: 10;*/
}

div#Creativity &gt; div#AfterRuler
{
    display: block;
    position: relative;
    z-index: 1;
    height: 50px;
    /*top: 100px;*/
    margin-bottom: -50px;
    background-image: url('../images/TransparentBlue.png');
    /*background-image: none;*/
    /*background-color: rgba(206, 16, 16, 0.43);*/
    /*border: solid 1px green;*/

    /*display: none;*/
}

div#Creativity &gt; div#AfterRuler.Fixed
{
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 175px;             /* Responsive */
    margin-bottom: 0px;
}


div#Creativity &gt; div#Contrast
{
	background-color: #1868ac;
}


/* ----------------------------------------------------------
// Header
// ---------------------------------------------------------- */

div#Creativity &gt; div#Header
{
    position: relative;
    overflow: hidden;

    background-color: #e2ebf4;

    margin-bottom: -100px;
    
    /*z-index: 4;*/

    /*border: solid 1px red;*/
}

div#Creativity &gt; div#Header &gt; div.Content
{
    /*position: static;*/
    /*position: absolute;
    background-image: url('../images/Header1.jpg');
    left: -290px;
    width: 1680px;*/
    height: 530px;          /* Responsive */
}

div#Creativity &gt; div#Header &gt; div.Content &gt; img
{
    margin-left: -290px;    /* Responsive */
    /*width: 100%;*/
}

div#Creativity &gt; div#Header &gt; div.Content &gt; h1
{
    color: #ffffff;
    position: absolute;
    display: block;
    right: 0px;             /* Responsive */
    top: 50px;              
    text-align: right;
    margin-left: 280px;     /* Repsonsive */

    -moz-hyphens: none;     /* Responsive */
    -o-hyphens: none;       /* Responsive */
    -webkit-hyphens: none;  /* Responsive */
    -ms-hyphens: none;      /* Responsive */
    hyphens: none;          /* Responsive */
}


/* ----------------------------------------------------------
// Regular light content layout
// ---------------------------------------------------------- */

div#Creativity &gt; div.Light
{
    position: relative;
    
    display: block;
    z-index: 2;

    background-color: #ffffff;
    border-top: solid 1px #ffffff; 
}

div#Creativity &gt; div.Light.Sheet
{
    /*border: solid 1px red;*/
    margin-top: 50px;
    /*margin-bottom: -50px;*/
}

div#Creativity &gt; div.Light.Sheet &gt; div.Content
{
    /*position: static;*/
    margin-top: -50px;
}

div#Creativity &gt; div.Light &gt; div.Content
{
    z-index: auto;
    position: relative;
    /*background-color: #ffffff;*/
    background-color: inherit;
    padding: 26px 26px 26px 26px;

    /*background-color: rgba(39, 235, 169, 0.5);*/
    /*background-color: gray;*/
    /*border: solid 1px red;*/
}

div.Light &gt; div.Content &gt; div.Shadow
{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 90px;
    width: 100%;
    z-index: -1;
    -webkit-box-shadow: 0px -2px 28px -3px rgba(50, 50, 50, 0.72);
    -moz-box-shadow:    0px -2px 28px -3px rgba(50, 50, 50, 0.72);
    box-shadow:         0px -2px 28px -3px rgba(50, 50, 50, 0.72);

    /*background-color: rgba(254, 249, 17, 0.20);*/
    /*background-color: red;*/
}

div.Light &gt; div.Content &gt; *
{
    width: 65%;         /* Responsive */
    
}

div.Light &gt; div.Content &gt; .FullWidth,
div.Light[id] &gt; div.Content &gt; .FullWidth:first-child
{
    /*width: 100%;*/
    position: relative;
    /*margin-top: -50px;*/
    padding-top: 40px;
    padding-bottom: 30px;
}

div.Light &gt; div.Content &gt; .Wide,
div.Light[id] &gt; div.Content &gt; .Wide:first-child
{
    width: 100%;
}

/*div.Light[id] &gt; div.Content &gt; .FullWidth &gt; *:first-child
{
    padding-top: 20px;
}*/

div.Light &gt; div.Content &gt; *:first-child
{
    margin-top: 0px;
}

div.Light &gt; div.Content &gt; *:last-child
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

div.Light[id] &gt; div.Content &gt; *:first-child
{
    padding-top: 70px;  /* Responsive */
}

div.Light &gt; div.Content &gt; h1
{
    width: auto;
}

div.Light &gt; div.Content img
{
	width: 100%;
	border: none;
}

div.Light &gt; div.Content img.RightSide,
div.Light &gt; div.Content div.RightSide
{
    position: absolute;         /* Responsive */
    width: 44%;                 /* Responsive */
    right: -53.846%;            /* Responsive */
    margin-top: 7px;            /* Responsive */
    top: 0px;
}

div.Light &gt; div.Content div.LeftFloat
{
    float: left;                /* Responsive */
    width: 65%;                 /* Responsive */
}

div.Light &gt; div.Content div.RightFloat
{
    float: right;               /* Responsive */
    width: 29%;                 /* Responsive */
}

div.Light &gt; div.Content div.Relative
{
    position: relative;
}



/* ----------------------------------------------------------
// Parallax Scrolling
// ---------------------------------------------------------- */

/*div#Creativity &gt; div.Light
{
    background-color: #ffffff;

    position: relative;
}

div#Creativity &gt; div.Parallax
{
    width: 100%;

    padding-left: 0px;
    padding-right: 0px;

    margin-top: 0px;
    margin-bottom: 0px;
    
    padding-top: 0px;
    padding-bottom: 0px;

    display: none;
}

div#Creativity &gt; div.Parallax &gt; div
{
    position: fixed;

    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    
    background-repeat: no-repeat;
    background-size:  cover;        /- Responsive -/
    z-index: 1;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}*/


/* ----------------------------------------------------------
// Footer (Contrast)
// ---------------------------------------------------------- */

div#Creativity &gt; div#Contrast
{
    margin-top: 140px;      /* Responsive */
}

div#Creativity &gt; div#Contrast &gt; div.Content
{
    padding-top: 68px;		/* Responsive */
	padding-bottom: 70px;	/* Responsive */
}

div#Creativity &gt; div#Contrast &gt; div.Content &gt; div
{
	float: left;    /* Responsive */
    width: 22%;     /* Responsive */
    position: relative;
}

div#Creativity &gt; div#Contrast &gt; div.Content &gt; div &gt; *
{
    line-height: 19px;
}

div#Creativity &gt; div#Contrast &gt; div.Content &gt; div.Separator
{
	height: 1px;    /* Responsive */
	width: 4%;
}


div#Creativity &gt; div#Contrast &gt; div.Content .OneChar
{
    display: inline-block;
    width: 15px;
}

div#Creativity &gt; div#Contrast &gt; div.Content div.LogoFooter
{
    display: inline-block;
    background-image: url(../images/LogoFooter.png); /* Responsive */
    background-repeat: no-repeat;
    width: 46px;                    /* Responsive */
    height: 142px;                  /* Responsive */
    float: left;
    margin-top: -68px;              /* Responsive */
    margin-right: 10px;
    margin-left: -10px;             /* Responsive */
}

div#Creativity &gt; div#Contrast &gt; div.Content p,
div#Creativity &gt; div#Contrast &gt; div.Content a,
div#Creativity &gt; div#Contrast &gt; div.Content a:visited
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffffff;
}

div#Creativity &gt; div#Contrast &gt; div.Content a,
div#Creativity &gt; div#Contrast &gt; div.Content a:visited
{
	text-decoration: underline;
}

div#Creativity &gt; div#Contrast &gt; div.Content a:hover
{
	text-decoration: none;
}

div#Creativity &gt; div#Contrast &gt; div.Content strong
{
	margin-top: 0px;
	
}


/* ==========================================================
// Navigation
// ========================================================== */

/* ----------------------------------------------------------
// Main Navigation (Hierarchy Level 1)
// ---------------------------------------------------------- */

div#MainNavigation
{
	/*line-height: 134px;		
	vertical-align: middle;*/
}

div#MainNavigation div.MenuOpener
{
	display: none;		/* Responsive */
}

div#MainNavigation &gt; div.Level1
{
    position: relative;         /* Responsive */
    line-height: 50px;
    vertical-align: middle;
    
    top: 50%;                   /* Responsive */
    margin-top: -12.5px; /* Half of height - half of adminbar height */

    /*border: solid 1px blue;*/
    /*background-color: yellow;*/
}

div#MainNavigation a
{
	text-decoration: none;
	color: #062742;             /* Responsive */
}

div#MainNavigation a .Icon
{
    font-size: 20px;
    /*text-decoration: none;*/

    font-family: 'LigatureSymbols';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;

    margin-right: 5px;

    /*color: red;*/
}

div#MainNavigation span.Separator
{
	width: 20px;	            /* Responsive */
	display: inline-block;      /* Responsive */
	height: 1px;
}

@media only screen and (max-width: 819px)
{
    div#MainNavigation span.Separator
    {
        width: 10px;
    }
}

div#MainNavigation a.Active .Text
{
    /*border-bottom: 5px solid #1868ac;
    border-bottom: 5px solid rgba(43, 16, 13, 0.52);*/
    text-decoration: underline;
}

div#MainNavigation a:hover
{
    color: #1868ac;             /* Responsive */
}

/* ----------------------------------------------------------
// Sub Navigation (Hierarchy Level 2 + 3)
// ---------------------------------------------------------- */

div#SubNavigation
{
	max-height: initial;
	line-height: 50px;
	height: 50px;
}

div#SubNavigation &gt; div.Bar
{
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	height: 50px;			
}

div#SubNavigation a,
div#SubNavigation .SeparatorLine
{
	text-decoration: none;
	color: #ffffff;
}

div#SubNavigation .SeparatorLine
{
	line-height: 50px;		/* Responsive */
	vertical-align: top;
}

div#SubNavigation span.Separator
{
	width: 20px;			/* Responsive */
	display: inline-block;
	height: 1px;
}

div#Ruler div#SubNavigation .Active &gt; a
{
	text-decoration: underline;
}

div#SubNavigation a:hover
{
	text-decoration: underline;
}

div#SubNavigation .Level2,
div#SubNavigation .Level2Separator
{
	vertical-align: top;
}

html.lt-ie8 div#SubNavigation .Level2,
html.lt-ie8 div#SubNavigation .Level2Separator
{
    vertical-align: auto;
}

div#SubNavigation div.NavigateLeft,
div#SubNavigation div.NavigateRight
{
	/*display: none;		/* Modified via JS */
	width: 59px;		/* = 14px + 20px for separator + 25px for margin */ /* Responsive */
	height: 50px;
	background-repeat: no-repeat;
}

div#SubNavigation div.NavigateLeft:hover,
div#SubNavigation div.NavigateRight:hover
{
	cursor: hand;
	cursor: pointer;
}

div#SubNavigation div.NavigateLeft
{
	background-image: url('../images/ArrowLeftActive.png');
	background-position: 25px center;	/* Responsive */
	float: left;
	margin-left: -25px;	                /* Responsive */
}

div#SubNavigation div.NavigateRight
{
	background-image: url('../images/ArrowRightActive.png');
	background-position: 20px center;	/* Responsive */
	float: right;
	margin-right: -25px;	            /* Responsive */
}


/* ==========================================================
// Slider
// ========================================================== */

div#Lingua &gt; div.Content &gt; div.SliderContainer
{
    /*border: solid 1px red;*/
    padding: 0px 0px 0px 0px;
    
    display: block;
}


/* ----------------------------------------------------------
// Product slider
// ---------------------------------------------------------- */

div.Light &gt; div.Content &gt; div.SliderContainer.JobCompany
{
    width: 100%;
}

div.SliderContainer.JobCompany &gt; div.Slider
{
    /*border: solid 1px green;*/
}

    div.Slider #JobCompanySlider
    {
        /*border: solid 1px red;*/

        height: 100px;
        width: 147px;

        /*background-color: yellow;*/
    }

    div.Slider #JobCompanySlider div.Slide
    {
        text-align: center;
    }

    div.Slider #JobCompanySlider div.Slide &gt; a
    {
        line-height: 80px;
        vertical-align: middle;
    }

    div.Slider #JobCompanySlider div.Slide &gt; a &gt; img
    {
        width: auto;
        vertical-align: middle;
    }

/* ----------------------------------------------------------
// Header slider
// ---------------------------------------------------------- */

/*div.Slider #HeaderSlider
{
    width: 1680px;
	height: 650px;
}

div.Slider #HeaderSlider div.Slide
{
    position: relative;
}

div.Slider #HeaderSlider div.Slide a.Box,
div.Slider #HeaderSlider div.Slide a.Box:hover
{
    position: absolute;

    right: 290px;           /- Responsive -/
    bottom: 25px;           /- Responsive -/
    height: 140px;          /- Responsive -/
    min-width: 450px;       /- Responsive -/
    padding-left: 15px;     /- Responsive -/
    padding-right: 15px;    /- Responsive -/

    background-image: url('../images/TransparentWhite.png');

    text-decoration: none;
}

@media only screen and (max-width: 1149px)
{
	/- Show slider box left if on the right hand is too less space -/

    div.Slider #HeaderSlider div.Slide a.Box,
    div.Slider #HeaderSlider div.Slide a.Box:hover
    {
        right: auto;
        left: 290px;
    }
}


div.Slider #HeaderSlider div.Slide a.Box:hover
{
    background-image: none;
    background-color: #ffffff;
}

div.Slider #HeaderSlider div.Slide a.Box div.Title
{
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: 500; /- Medium -/
    font-size: 42px;            /- Responsive -/
    line-height: 42px;          /- Responsive -/
    margin-top: 34px;           /- Responsive -/
    margin-bottom: 7px;         /- Responsive -/
    vertical-align: text-bottom;
    color: #1868ac;
    text-decoration: none;
}

div.Slider #HeaderSlider div.Slide a.Box div.Subtitle
{	
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: 500; /- Medium -/
    font-size: 18px;        /- Responsive -/
    line-height: 18px;      /- Responsive -/
    margin-top: 0px;
    margin-bottom: 0px;
    color: #1868ac;
    text-decoration: none;
}*/




/* ==========================================================
// Fonts and Text
// ========================================================== */

body, h1, h2, h3, h4, h5, h6, p
{ 
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: 400; /* Book */
	font-size: 16px;
	line-height: 26px;
	color: #231f20;

    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 

}

small 
{
    font-size: 13px;
	line-height: 18px;
}

::selection
{
	color: #ffffff;
	background-color: #1868ac;
}

div#Contrast ::selection
{
	color: #1868ac;
	background-color: #ffffff;
}

#MainNavigation a
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-size: 20px;        /* Responsive */
}

#SubNavigation a,
#SubNavigation .SeparatorLine
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

h1
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-size: 36px;		/* Responsive */
    line-height: 42px;      /* Responsive */
	color: #1868ac;
	margin-top: 0px;
    margin-bottom: 30px;
	/*padding-top: 35px;*/
    /*margin-left: -4px;*/      /* Responsive */
}

h2
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-size: 20px;		    /* Responsive */
    line-height: 20px;          /* Responsive */
    margin-top: 0px;
	margin-bottom: 0px;
    color: #1868ac;
}

h3, h4, h5, h6
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #1868ac;
}

h6
{
    margin-bottom: 0px;
}

a,
a:active,
a:visited,
a.NoHover:hover
{
	color: #1868ac;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

ul,
ol
{
	margin-left: 0px;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 0px;
}

ul
{
	list-style-image: url(../images/BulletPoint.gif);
}

.White ul
{
	list-style-image: url(../images/CheckPoint.png);
}

li
{
	margin-left: 16px;
	padding-left: 0px;
	/*color: #231f20;*/
}

em, i
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: 400; /* Book */
	font-size: 16px;
	line-height: 26px;
	color: #1868ac;
}

em a,
em a:active,
em a:visited
{
     text-decoration: underline;
     color: #1868ac;
}

em a:hover
{
    color: #1868ac;
}

strong, b
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: 700; /* Book */
}


/* ----------------------------------------------------------
// Color variations for other background colors (.FullWidth)
// ---------------------------------------------------------- */

.White h1,
.White a,
.White a:visited,
.White p,
.White
{
	color: #ffffff;
}


/* ==========================================================
// Teaser
// ========================================================== */

/*div#Creativity &gt; div#Teaser &gt; div.Content
{
    padding-top: 36px;
    padding-bottom: 46px;
}

div#Creativity &gt; div#Teaser &gt; div.Content &gt; div
{
    /-border: solid 1px green;-/
	float: left;
	width: 22%;				/- Responsive -/
}

div#Creativity &gt; div#Teaser &gt; div.Content &gt; div.Separator
{
	float: left;
	width: 4%;				
	height: 1px;
}

div#Creativity &gt; div#Teaser &gt; div.Content *
{
	color: #231f20;
}

div#Creativity &gt; div#Teaser &gt; div.Content h2
{
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-weight: 500; /- Medium -/
    font-size: 20px;
    line-height: 20px;
	margin-bottom: 24px;        /- Responsive -/
}

div#Creativity &gt; div#Teaser &gt; div.Content p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div#Creativity &gt; div#Teaser &gt; div.Content p.Description
{
	margin-bottom: 0px;	
}

div#Creativity &gt; div#Teaser &gt; div.Content p.Picture
{

}

div#Creativity &gt; div#Teaser &gt; div.Content p.Link
{
    text-align: right;
}

div#Creativity &gt; div#Teaser &gt; div.Content img
{
	width: 100%;
}

div#Creativity &gt; div#Teaser &gt; div.Content a,
div#Creativity &gt; div#Teaser &gt; div.Content a:visited 
{
    
	text-decoration: underline;
}

div#Creativity &gt; div#Teaser &gt; div.Content a:hover
{
	text-decoration: none;
}*/


/* ==========================================================
// News Styles (for News and Archive)
// ========================================================== */

div.News p.Date,
div.Light &gt; div.Content .Columns &gt; .column &gt; p.Date
{
	float: left;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 0px;
}


/* ==========================================================
// Form Table (for Guestbook Entry, ...)
// ========================================================== */

table.FormTable
{
	display: block;
	clear: both;	
	/*width: 100%;*/
}

table.FormTable td
{
	width: auto;
    padding-bottom: 5px;
}

table.FormTable td.LabelColumn
{
	padding-right: 15px;
	vertical-align: top;
	white-space: nowrap;
	width: 25%;
}

table.FormTable .Validator,
table.SimpleTable .Validator,
table.Simple .Validator
{
	color: #ce1010;
	display: block;
	clear: both;

    /*border: solid 1px green;*/
}

table.FormTable .InputField
{
	/*width: 220px;				*/
	width: 100%;
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #231f20;
}

table.FormTable input[type=text],
table.FormTable textarea
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #1868ac;
    height: 32px;
    line-height: 28px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 16px;
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #231f20;

    -moz-box-shadow: 0px 0px 5px #1868ac;
	-webkit-box-shadow: 0px 0px 5px #1868ac;
	box-shadow: 0px 0px 5px #1868ac;
}

table.FormTable textarea
{
    height: 150px;
}

table.FormTable .Button,
table.FormTable .Submit
{
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	/*color: #231f20;*/
}

table.FormTable .CheckboxField
{
	display: inline-block;
	width: 110px;
	white-space: nowrap;
}

table.FormTable h3
{
    padding-top: 20px;
}


/* ==========================================================
// Data Table (for BackEnd Data Listing)
// ========================================================== */

table.Data
{
    width: 100%;
    border-collapse: collapse;
}

    table.Data thead
    {
        
    }

        table.Data thead td
        {
            border: 1px solid #062742;
        }

    table.Data td
    {
        border: 1px solid #1868ac;
        padding: 3px;
        white-space: nowrap;
    }

        table.Data td.Status
        {
            width: 1%;
        }

        table.Data td.Wrap
        {
            white-space: normal;
        }

        table.Data td.QuarterWidth
        {
            width: 25%;
            white-space: normal;
        }

        table.Data td.HalfWidth
        {
            width: 45%;
            white-space: normal;
        }

        table.Data td.OneThirdWidth
        {
            width: 30%;
            white-space: normal;
        }

        table.Data td.TwoThirdsWidth
        {
            width: 60%;
            white-space: normal;
        }

        table.Data td.FullWidth
        {
            width: 95%;
            white-space: normal;
        }

        table.Data td.Number
        {
            text-align: right;
        }

        table.Data td.Center
        {
            text-align: center;
        }

        table.Data td.NoRightSpace
        {
            padding-right: 0px;
        }

        table.Data td.NoLeftSpace
        {
            padding-left: 0px;
        }

    /*table.Data td span.HierarchyIndent
    {
        display: inline-block;
        background-color: #ffffff;
        width: 32px;
        height: 23px;
        margin-left: -3px;
        margin-top: -5px;
        background-color: #e2ebf4;
    }*/

    table.Data td span.HierarchyIndent
    {
        display: inline-block;
        width: 32px;
        height: 23px;
        /*margin-left: -3px;
        margin-top: -5px;*/
        background-color: #ffffff;
        /*background-color: #e2ebf4;*/
    }

    table.Data td.Hierarchical
    {
        position: relative;
    }

    table.Data td span.HierarchyHideLine
    {
        display: block;
        width: 32px;
        height: 32px;
        float: left;
        position: absolute;
        left: 0px;
        top: -1px;
                
        background-color: #ffffff;
        /*background-color: #ff6600;*/
    }


/* ----------------------------------------------------------
// Command buttons
// ---------------------------------------------------------- */

p.CommandButtons
{
    /*display: block;*/

    /*border: 1px solid red;*/

    float: right;
    margin-top: -2px;
    /*vertical-align: top;*/
    /*position: absolute;
    right: 0px;
    top: 0px;*/
}


/* ----------------------------------------------------------
// Regular and submit buttons
// ---------------------------------------------------------- */

.Button.Regular,
.Button.Submit,
.Button.Edit
{	
    display: inline-block;
    border: 1px solid #1868ac;
    height: 32px;
    line-height: 28px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 15px;

    -moz-box-shadow: 0px 0px 5px #dedede;
	-webkit-box-shadow: 0px 0px 5px #dedede;
	box-shadow: 0px 0px 5px #dedede;

    /*background-color: #569bd7; /* #98b4ca; /* #062742; */
    color: #ffffff;
    cursor: hand;
    cursor: pointer;

    background: #1868ac; /* Old browsers */
    background: -moz-linear-gradient(top,  #569bd7 0%, #1868ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#569bd7), color-stop(100%,#1868ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #569bd7 0%,#1868ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #569bd7 0%,#1868ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #569bd7 0%,#1868ac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #569bd7 0%,#1868ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569bd7', endColorstr='#1868ac',GradientType=0 ); /* IE6-9 */
}

.Button.Submit
{
    background: #1868ac; /* Old browsers */
    background: -moz-linear-gradient(top,  #1868ac 0%, #125995 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1868ac), color-stop(100%,#125995)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1868ac 0%,#125995 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1868ac 0%,#125995 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1868ac 0%,#125995 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1868ac 0%,#125995 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1868ac', endColorstr='#125995',GradientType=0 ); /* IE6-9 */
}

.Button.Edit
{
    width: 40px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}

    .Button.Submit:focus,
    .Button.Regular:focus,
    .Button.Edit:focus
    {
        border: 1px solid #e2ebf4;
        -moz-box-shadow: 0px 0px 5px #e2ebf4;
        -webkit-box-shadow: 0px 0px 5px #e2ebf4;
        box-shadow: 0px 0px 5px #e2ebf4;
        
    }

    .Button.Submit:hover,
    .Button.Regular:hover,
    .Button.Edit:hover
    {
        border: 1px solid #062742;
        -moz-box-shadow: 0px 0px 5px #062742;
        -webkit-box-shadow: 0px 0px 5px #062742;
        box-shadow: 0px 0px 5px #062742;
        text-decoration: none;
    }

/* ----------------------------------------------------------
// Tree View
// ---------------------------------------------------------- */

.Tree
{
    max-height: 400px;
    overflow-y: scroll;

    /*border: 1px solid #3a85c1;
    -moz-box-shadow: 0px 0px 5px #dedede;
	-webkit-box-shadow: 0px 0px 5px #dedede;
	box-shadow: 0px 0px 5px #dedede;*/
}


/* ----------------------------------------------------------
// Small quare buttons, Data Pager
// ---------------------------------------------------------- */

p.Pager
{
    text-align: left;
    cursor: default;
}

    p.Pager &gt; span &gt; *,
    .SingleValueButtons &gt; *,
    .SingleValueButtons &gt; a:visited,
    .SquareButton,
    .SquareButton:visited
    {
        color: #66a3dd;
        display: inline-block;
        border: 1px solid #66a3dd;
        height: 26px;
        width: 26px;
        text-align: center;
        text-decoration: none;
        -moz-box-shadow: 0px 0px 5px #66a3dd;
        -webkit-box-shadow: 0px 0px 5px #66a3dd;
        box-shadow: 0px 0px 5px #66a3dd;
        cursor: pointer;
    }

    p.Pager &gt; span &gt; a:hover,
    .SingleValueButtons &gt; a:hover,
    .SquareButton:hover
    {
        border: 1px solid #ff6600;
        -moz-box-shadow: 0px 0px 5px #ff6600;
        -webkit-box-shadow: 0px 0px 5px #ff6600;
        box-shadow: 0px 0px 5px #ff6600;
        text-decoration: none;
    }

    p.Pager &gt; span &gt; span,
    .SingleValueButtons &gt; span
    {
        border: 0px none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: default;
    }

    p.Pager &gt; span &gt; a[disabled=disabled],
    .SingleValueButtons &gt; a[disabled=disabled],
    .SquareButton[disabled=disabled]
    {
        border: 1px solid #dedede;
        text-decoration: none;
        -moz-box-shadow: 0px 0px 5px #dedede;
        -webkit-box-shadow: 0px 0px 5px #dedede;
        box-shadow: 0px 0px 5px #dedede;
        cursor: default;
    }

    p.Pager &gt; span &gt; *.Triple,
    .SingleValueButtons &gt; *.Triple,
    .SingleValueButtons &gt; a.Triple:visited,
    .SquareButton.Triple,
    .SquareButton.Triple:visited
    {
        width: 86px;
    }


/* ----------------------------------------------------------
// Status image
// ---------------------------------------------------------- */

img.Status,
div#Creativity &gt; div.Light &gt; div.Content img.Status
{
    /*display: inline-block;*/
    width: 18px;
    height: 18px;
    border: 0px none;
    vertical-align: text-top;    
}


/* ----------------------------------------------------------
// Several smaller classes
// ---------------------------------------------------------- */

.RightAligned
{
    clear: both;
    text-align: right;
}

.RightFloated
{
    float: right;
}


/* ==========================================================
// Shadow table (for price list)
// ========================================================== */

table.Shadow
{
    width: 100%;
    border-collapse: collapse;
}

table.Shadow td
{
    width: 20%;

    vertical-align: middle;
    text-align: center;
    height: 70px;
    padding: 5px;

    background-color: #e2ebf4;

    -moz-box-shadow:    inset 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow:         inset 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;

    border-right: 25px solid #ffffff;
    border-bottom: 25px solid #ffffff;
}

table.Shadow td:last-of-type
{
    border-right: none;
}

/*table.Shadow tbody tr:last-of-type td
{
    border-bottom: none;
}*/

table.Shadow thead td
{
    color: #ffffff;
    background-color: #062742;
}

table.Shadow tbody td.Hot
{
    background-color: #bcd1e5;
}


/* ==========================================================
// Search
// ========================================================== */

.Search
{
	/*border: 1px solid blue;*/

	/*float: right;*/

    margin-top: -2px;

    display: inline-block;
    /*display: inline;*/

	width: 323px;
	height: 28px;

    position: relative;
}

	.Search .SearchBox
	{
		/*margin-top: 20px;*/
		border: 1px solid #062742;
		height: 28px;
		line-height: 28px;
		width: 283px;
		padding-left: 7px;
		padding-right: 30px;
		font-size: 15px;

		background-position: right center;
		background-repeat: no-repeat;

		-moz-box-shadow: 0px 0px 5px #1868ac;
		-webkit-box-shadow: 0px 0px 5px #1868ac;
		box-shadow: 0px 0px 5px #1868ac;
	}

		.Search .SearchBox::-ms-clear
		{
			display: none;
		}

    .Search .SearchButton
    {
        right: 2px;
        top: 5px;

        position: absolute;
    }



/* ----------------------------------------------------------
// Panel Box (for Profile editing)
// ---------------------------------------------------------- */

div.PanelBox
{
}

    div.PanelBox &gt; div.Tabs
    {
        width: 100%;
        margin-bottom: 35px;
    }

        div.PanelBox &gt; div.Tabs &gt; a,
        div.PanelBox &gt; div.Tabs &gt; span.Spacer
        {
            white-space: nowrap;
            line-height: 25px;
            vertical-align: top;
            text-decoration: none;
            padding-right: 15px;
            color: #1868ac;
        }

            div.PanelBox &gt; div.Tabs &gt; a:hover
            {
                text-decoration: underline;
            }

            div.PanelBox &gt; div.Tabs &gt; a.Active,
            div.PanelBox &gt; div.Tabs &gt; a.Active:hover
            {
                color: #000000;
                cursor: default;
            }

        div.PanelBox &gt; div.Tabs &gt; span.Spacer
        {
            display: none;
        }

        div.PanelBox &gt; div.Tabs &gt; a.EditData
        {
            float: right;
        }

    div.PanelBox &gt; div.Content
    {
        margin-top: 0px;
    }


/* ==========================================================
// Simple Tables (for News Archive, Open Job List, ...)
// ========================================================== */

table.Simple
{
	border: 0px none;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;

    /*border: solid 1px red;*/
}

table.Simple thead td
{
	border-top: 0px none;
	font-weight: bold;
}

table.Simple td.NoWrap
{
	white-space: nowrap;
}

table.Simple td.NoWrap.SpaceLeft
{
	padding-left: 12px;
}

table.Simple td
{
	vertical-align: top;
	border-top: 1px solid #000000;
}

table.Simple td.MaxWidth
{
	width: 99%;
}

table.Simple td:first-of-type
{
    padding-left: 5px;
}

table.Simple tr.Highlight
{
    background-color: #e2ebf4;
}

table.Simple tr.Highlight td:first-of-type
{
    border-left: 3px solid #1868ac;
}

/*table.Simple img.LogoImage,
div#Creativity &gt; div.Light &gt; div.Content table.Simple img.LogoImage
{
    width: auto;
    height: 40px;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
}*/

table.Simple div.LogoImage,
div#Creativity &gt; div.Light &gt; div.Content table.Simple div.LogoImage
{
    float: left;
    width: 60px;
    height: 40px;
    margin-right: 10px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


table.Simple div.JobText,
div#Creativity &gt; div.Light &gt; div.Content table.Simple div.JobText
{
    margin-left: 70px;      /* Responsive */
}

div.JobText .JobShortDescription
{
    font-size: 14px;
    display: block;
    color: #838383;
}


/* ==========================================================
// Form Div (for Registration, ...)
// ========================================================== */

div.Form *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


div.Form &gt; div &gt; div *
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div.Form &gt; div
{
    /*clear: both;*/
    overflow: hidden;
    padding: 1px;
    margin: 0 0 20px 0;
}

div.Form &gt; div &gt; fieldset
{
    border: 0;
    padding: 0;
}

    div.Form &gt; div &gt; fieldset &gt; div &gt; div
    {
        margin: 0 0 5px 0;
    }

    div.Form &gt; div &gt; label,
    div.Form &gt; div &gt; span.Label,
    legend
    {
        width: 35%;
        float: left;
        padding-right: 10px;
        padding-top: 6px;
    }

        div.Form &gt; div &gt; span.Label &gt; .Description
        {
            display: block;
            color: #89b9e2;
        }

    div.Form &gt; div &gt; div,
    div.Form &gt; div &gt; fieldset &gt; div
    {
        /*background-color: yellow;*/
        width: 65%;
        float: right;
    }

    /*div.Form &gt; div &gt; fieldset label
    {
        font-size: 90%;
    }*/


div.Form input[type=text],
div.Form input[type=password],
div.Form input[type=submit],
div.Form input[type=button],
div.Form input[type=file],
div.Form textarea,
div.Form select
{
    width: 100%;
    /*border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
    
    border: 1px solid #1868ac;
    height: 32px;
    line-height: 28px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 16px;
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #231f20;

    -moz-box-shadow: 0px 0px 5px #1868ac;
	-webkit-box-shadow: 0px 0px 5px #1868ac;
	box-shadow: 0px 0px 5px #1868ac;
}

    div.Form *::-ms-clear,
    div.Form *::-ms-reveal
    {
        display: none;
    }

div.Form textarea
{
    width: 95%;
}

div.Form input[type=file]
{
    border: 1px solid rgba(255, 255, 255, 0.00);
    background-color: #1868ac;
}

div#Creativity &gt; div.Light &gt; div.Content img.PreviewImage
{
    width: auto;
    height: auto;
}

    div.Form input.Button.Submit
    {
        background-color: #1868ac;
        color: #ffffff;
        cursor: hand;
        cursor: pointer;
    }

    div.Form input[type=text],
    div.Form input[type=password],
    div.Form input[type=submit],
    div.Form input[type=button],
    div.Form input[type=file],
    div.Form select
    {
        width: 70%;
    }

        div.Form input.Small
        {
            width: 20%;
        }

        div.Form input.Medium
        {
            width: 49%;
        }

        div.Form input[type=text]:focus,
        div.Form input[type=password]:focus,
        div.Form input[type=submit]:focus,
        div.Form input[type=button]:focus,
        div.Form input[type=file]:focus,
        div.Form .LinkField:focus,
        div.Form textarea:focus,
        div.Form select:focus
        {
            outline: 0;
            border: 1px solid #1868ac;
            -moz-box-shadow: 0px 0px 5px #1868ac;
            -webkit-box-shadow: 0px 0px 5px #1868ac;
            box-shadow: 0px 0px 5px #1868ac;
        }

div.Form input.HalfSize
{
    width: 34%;
}

div.Form input[readonly="readonly"],
div.Form input[disabled="disabled"],
div.Form select[disabled="disabled"],
div.Form .ReadOnly,
div.Form input[disabled="disabled"]:focus,
div.Form select[disabled="disabled"]:focus,
div.Form .ReadOnly:focus
{
    color: #1868ac;
    border: 1px solid #1868ac;
    
}

div.Form select
{
    padding-right: 0px;
}

div.Form &gt; div &gt; div.Text
{
    margin-top: 6px;
}

div.Form ul
{
    margin-left: 0px;
    padding-left: 0px;
    list-style-position: inside;
    list-style-type: none;
    list-style-image: none;
    margin-top: 5px;
}

div.Form ul &gt; li
{
    margin-left: 22px;
    padding-left: 0px;
    text-indent: -22px;
}

.Validator
{
    color: #ce1010;
}

div.Form .Validator
{
    float: left;
    width: 100%;
}

.Okay
{
    color: #0eb62e;
}

.Error
{
    color: #ce1010;
}


@media (max-width: 769px)
{
    div.Form &gt; div
    {
        margin: 0 0 20px 0;
    }

        div.Form &gt; div &gt; label,
        div.Form &gt; div &gt; span.Label,
        legend
        {
            width: 95%;
            float: none;
            margin: 0 0 5px 0;
        }

        div.Form &gt; div &gt; span.Label &gt; .Description
        {
            margin-bottom: -20px;
        }

        div.Form &gt; div &gt; div,
        div.Form &gt; div &gt; fieldset &gt; div
        {
            width: 95%;
            float: none;
        }

    div.Form input[type=text],
    div.Form input[type=password],
    /*div.Form input[type=submit],*/
    div.Form input[type=button],
    div.Form input[type=file],
    div.Form textarea,
    div.Form select
    {
        width: 95%;
    }

    div.Form input.Small
    {
        width: 20%;
    }

    div.Form input.Medium
    {
        width: 77%;
    }

}

@media (min-width: 956px)
{
    div.Form &gt; div &gt; label,
    div.Form &gt; div &gt; span.Label,
    legend
    {
        text-align: right;
    }
}


/* ==========================================================
// Gallery Styles (for Gallery Tables, Gallery Links, ...)
// ========================================================== */

table.GalleryTable
{
	display: block;
	clear: both;
    margin-top: 20px;
}

table.GalleryTable td.DateColumn
{
	padding-right: 10px;
	vertical-align: top;
	white-space: nowrap;	
}

div.Light &gt; div.Content &gt; div.GalleryItems
{
    width: auto;
}

div.GalleryItems
{
	margin-top: 20px;
    margin-right: -25px;    /* Responsive */
}

a.GalleryImage
{
	display: block;
	float: left;
    width: 200px;           /* Responsive */
	height: 200px;          /* Responsive */
    background-repeat: no-repeat;
	background-position: center center;
	background-color: #1868ac;
	margin-right: 25px;     /* Responsive */
	margin-bottom: 25px;    /* Responsive */
}


/* ==========================================================
// Blog
// ========================================================== */

.BlogTitle
{
    margin-bottom: 12px;
}

.BlogStatusLine
{
    margin-top: 12px;
}

.BlogCommentSection
{
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
}

.Comments
{
    padding-top: 50px;
    margin-bottom: 25px;
}

.NoSpaceAfter
{
    margin-bottom: -11px;
}

hr
{
	display: block;
	
	height: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 1px #1868ac;
	
	margin-top: 12px;
	margin-bottom: 0px;
}


/* ==========================================================
// Regular Buttons
// ========================================================== */

.ActionButton
{
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 10px;
    /*text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);*/
    /*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;*/
    /*border: 1px solid #5b93c4;*/ 
    border: none;
    background: rgb(75, 137, 190);
    background: -moz-linear-gradient(90deg, rgb(75, 137, 190) 0%, rgb(99, 153, 199) 100%);
    background: -webkit-linear-gradient(90deg, rgb(75, 137, 190) 0%, rgb(99, 153, 199) 100%);
    background: -o-linear-gradient(90deg, rgb(75, 137, 190) 0%, rgb(99, 153, 199) 100%);
    background: -ms-linear-gradient(90deg, rgb(75, 137, 190) 0%, rgb(99, 153, 199) 100%);
    background: linear-gradient(0deg, rgb(75, 137, 190) 0%, rgb(99, 153, 199) 100%);
    -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.75);

    cursor: hand;
    cursor: pointer;
}

/* ==========================================================
// Job Rendering
// ========================================================== */

.JobRendering,
div.Light &gt; div.Content &gt; .JobRendering
{
    /*border: solid 3px #1868ac;*/
    /*width: 100%;*/

    padding: 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-box-shadow: 0px -2px 28px -3px rgba(50, 50, 50, 0.72) inset;
    -moz-box-shadow:    0px -2px 28px -3px rgba(50, 50, 50, 0.72) inset;
    box-shadow:         0px -2px 28px -3px rgba(50, 50, 50, 0.72) inset;
}

.JobRendering &gt; div.ExternalContent
{
    overflow: hidden;
}

.JobRendering &gt; div.ExternalContent &gt; iframe
{   
    transform-origin: 0 0;
}

.PromoInfo,
div.Light &gt; div.Content &gt; .PromoInfo
{
    padding: 15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-box-shadow: 0px -2px 28px -3px rgba(50, 50, 50, 0.72) inset;
    -moz-box-shadow:    0px -2px 28px -3px rgba(50, 50, 50, 0.72) inset;
    box-shadow:         0px -2px 28px -3px rgba(194, 194, 194, 0.72) inset;

    color: #3d4c58;
    font-size: 14px;
    line-height: 20px;
}

.PromoInfo *,
div.Light &gt; div.Content &gt; .PromoInfo *
{
    color: #3d4c58;
    font-size: 14px;
    line-height: 20px;
}

.PromoInfo.Above
{
    margin-bottom: 50px;
}

h2.PromoTitle.Below
{
    color: #3d4c58;
    font-size: 18px;
    margin-top: 70px;
    margin-bottom: 10px;
}

.Disclaimer,
div.Light &gt; div.Content &gt; .Disclaimer
{
    font-size: 13px;
	line-height: 18px;

    color: #838383;
}


/* ==========================================================
// Job Search
// ========================================================== */

div.Light &gt; div.Content &gt; div.JobSearch
{
    margin-bottom: 20px;
    width: 100%;
    /*background-color: yellow;*/
    margin-right: -2%;
    margin-top: -10px;
}

    .JobSearch h3
    {
        margin-bottom: 20px;
    }

    .JobSearch input
    {
        margin-bottom: 20px;
    }

    .JobSearch .JobSearchBox::-ms-clear
    {
         display: none;
    }

    .JobSearch .JobSearchBox
    /*.JobSearch .JobSearchBox:hover,
    .JobSearch .JobSearchBox:active*/
    {
        /*font-family: 'Cabin', Arial, Helvetica, sans-serif;
        font-size: 16px;*/
	    /*line-height: 30px;*/
        /*height: 30px;*/
        /*padding-left: 10px;*/
        /*-webkit-box-shadow: inset 4px 4px 15px 0px rgba(24, 104, 172, 0.15);
        -moz-box-shadow:    inset 4px 4px 15px 0px rgba(24, 104, 172, 0.15);
        box-shadow:         inset 4px 4px 15px 0px rgba(24, 104, 172, 0.15);*/
        /*border: solid 1px #1868ac;*/

        border: 1px solid #1868ac;
        height: 32px;
        line-height: 28px;
        padding-left: 7px;
        padding-right: 7px;
        font-size: 16px;
        font-family: 'Cabin', Arial, Helvetica, sans-serif;
	    font-weight: normal;
	    color: #231f20;

        -moz-box-shadow: 0px 0px 5px #1868ac;
	    -webkit-box-shadow: 0px 0px 5px #1868ac;
	    box-shadow: 0px 0px 5px #1868ac;
    }

    ul.ui-autocomplete li.ui-state-focus
    {
        font-weight: normal;
    }
    
    .JobSearch .TextSearch
    {
        width: 38%;
        min-width: 200px;
        margin-right: 2%;
    }

    .JobSearch .LocationSearch
    {
        width: 28%;
        min-width: 200px;
        margin-right: 2%;
    }

    .JobSearch .ActionButton
    {
        width: 24%;
        min-width: 150px;
        /*float: right;*/
    }

    .ResetButton
    {
        display: inline-block;
        /*float: right;*/
        /*width:*/ 

        border: 1px solid #1868ac;
        height: 32px;
        line-height: 28px;
        padding-left: 7px;
        padding-right: 7px;
        font-size: 16px;
        font-family: 'Cabin', Arial, Helvetica, sans-serif;
	    font-weight: normal;
	    color: #1868ac;
        background-color: #f3f1f1;

        -moz-box-shadow: 0px 0px 5px #1868ac;
	    -webkit-box-shadow: 0px 0px 5px #1868ac;
	    box-shadow: 0px 0px 5px #1868ac;

        margin-left: 20px;
        vertical-align: text-bottom;
    }

    h2.ResultCount
    {
        margin-bottom: 40px;
    }


/* ----------------------------------------------------------
// Job Statistic
// ---------------------------------------------------------- */

.JobInfo
{
    /*background-color: #1868ac;*/
    /*color: #ffffff;*/

    /*border: solid 1px red;*/
}

.JobInfo &gt; h2
{
    /*margin-bottom:*/ 
}

div.Light &gt; div.Content div.RightSide.JobInfo.White
{
    top: -8px;
    /*border: solid 1px red;*/
}

.JobInfo &gt; div
{
    padding: 10px 5px 10px 5px;
    text-align: center;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    color: #1868ac;
    background-color: #e2ebf4;
    -webkit-box-shadow: inset 4px 4px 6px 1px rgba(24, 104, 172, 0.11);
    -moz-box-shadow:    inset 4px 4px 6px 1px rgba(24, 104, 172, 0.11);
    box-shadow:         inset 4px 4px 6px 1px rgba(24, 104, 172, 0.11);
}

.JobInfo.White &gt; div
{
    padding: 10px 10px 10px 10px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #e2ebf4;
}

.JobInfo &gt; div &gt; p
{
    color: #1868ac;
    font-size: 14px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.JobInfo.White &gt; div &gt; p
{
    font-size: inherit;
    line-height: inherit;
}

.JobInfo &gt; div.BigBox &gt; p.Number
{
    font-size: 44px;
    line-height: 44px;
}

.JobInfo &gt; div.SmallBox &gt; p.Number
{
    font-size: 30px;
    line-height: 30px;
}

.JobInfo &gt; div &gt; p.Title
{
    font-weight: bold;
}

.JobInfo &gt; div &gt; p.Description
{
    font-size: 13px;
    line-height: 16px;
    color: #838383;
    margin-top: 5px;
}

.JobInfo &gt; div.SmallBox
{
    width: 48.5%;       /* Responsive */
    float: left;
}

.JobInfo &gt; div.SmallBox.Last
{
    margin-left: 3%;        /* Responsive */
}

.JobInfo &gt; div img
{
    max-width: 300px;
}


/* ==========================================================
// Full Width Designs
// ========================================================== */

div.Light &gt; div.Content div.FeatureInfo
{
    top: 40px;
    padding: 10px 25px 10px 25px;
    text-align: center;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 350px;

    color: #1868ac;
    background-color: #ffffff;
    -webkit-box-shadow: inset 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    inset 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
    box-shadow:         inset 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
}

div.FeatureInfo p.Icon
{
    font-size: 100px;       /* Responsive */
    line-height: 100px;     /* Responsive */
    margin-top: 30px;       /* Responsive */
    margin-bottom: 0px;
    font-weight: 400;
    
    font-family: 'LigatureSymbols';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
}

div.FeatureInfo p
{
    color: #1868ac;

    font-size: 30px;        /* Responsive */
    line-height: 35px;      /* Responsive */
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 30px;    /* Responsive */
}


/* ==========================================================
// Job Tag Cloud
// ========================================================== */

p.TagCloud a
{
    color: #062742;
    text-decoration: underline;
    margin-right: 30px;         /* Responsive */
    line-height: 30px;

    -moz-hyphens: none;         /* Responsive */
    -o-hyphens: none;           /* Responsive */
    -webkit-hyphens: none;      /* Responsive */
    -ms-hyphens: none;          /* Responsive */
    hyphens: none;              /* Responsive */
}

p.TagCloud a:hover
{
    color: #1868ac;
    text-decoration: none;
}

div.JobInfo.RightFloat p.TagCloud
{
    line-height: 22px;

    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

div.JobInfo.RightFloat p.TagCloud a
{
    line-height: 22px;
    margin-right: 10px;
    /*line-height: 20px;*/

    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


/* ==========================================================
// Step boxes
// ========================================================== */

/*div.Steps
{
    overflow: hidden;

    border: solid 1px red;
}*/

div.Steps .StepBox
{
    display: block;
    float: left;        /* Responsive */
    width: 29.3%;       /* Responsive */

    min-height: 200px;  /* Responsive */

    top: 40px;                          /* Responsive */
    padding: 10px 15px 10px 15px;       /* Responsive */
    text-align: center;
    margin-bottom: 10px;                /* Responsive */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 350px;

    color: #000000;
    -webkit-box-shadow: inset 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    inset 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
    box-shadow:         inset 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
}

div.Steps a.StepBox:hover
{
    text-decoration: none;
    background-color: #1868ac;
    color: #ffffff;
}

div.Steps a.StepBox:hover p
{
    color: #ffffff;
}

div.Steps .StepBox.First
{
    background-color: #e9e9e9;
}

div.Steps .StepBox.Second
{
    background-color: #e2ebf4;
}

div.Steps .StepBox.Third
{
    background-color: #8ab4d8;
}

div.Steps .StepBox p.Icon
{
    font-size: 75px;       /* Responsive */
    line-height: 75px;     /* Responsive */
    margin-top: 30px;      /* Responsive */
    margin-bottom: 0px;
    
    font-family: 'LigatureSymbols';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;

}

div.Steps .StepBox p
{
    color: #000000;

    font-size: 26px;        /* Responsive */
    line-height: 32px;      /* Responsive */
    margin-top: 0px;
    margin-bottom: 30px;    /* Responsive */

    -moz-hyphens: none;   
    -o-hyphens: none;     
    -webkit-hyphens: none;
    -ms-hyphens: none;    
    hyphens: none;        
}

div.Steps .ArrowBox
{
    float: left;        /* Responsive */
    width: 6%;          /* Responsive */
    height: 200px;      /* Responsive */
    max-width: 350px;

    background-image: url(../images/SmallArrowRight.png);   /* Responsive */
    background-position: center center;
    background-repeat: no-repeat;
}

div.OrBox
{
    border-bottom: 2px solid #838383;
    text-align: center;
    margin-bottom: 45px;
    height: 30px;
    
    font-size: 26px;        /* Responsive */
    line-height: 32px;      /* Responsive */
}

div.OrBox span
{
    color: #838383;

    margin-top: 12px; 
    padding-right: 15px;
    padding-left: 15px;

    display: inline-block;
    background-color: #ffffff;


}</pre></body></html>