/*## PAGE: (inherit), fixed, ojc-cv ##*/
/*## PART_SECTION_ID: ##*/
/*## PART_SECTION_CLASS: ,section-dark, section-light, section-transparent, section-prune, section-background, section-dense ##*/
/*## PART_CONTAINER_ID: ##*/
/*## PART_CONTAINER_CLASS: ,section-dark, section-dark bluegreen, section-dark blue, section-dark yellow, section-dark pink, section-light, section-light grey, section-light blue, section-light yellow, section-light pink, section-light grey blue, section-light grey yellow, section-light grey pink, section-transparent, section-prune, section-background, section-dense, section-content, section-content nopadding, section-columns, column-text-50, column-img-50, textFrame, textFrame narrow, textFrame homepage, textFrame right, skillSet, cv-header ##*/
/*## PART_IMAGE_WIDTH: 50 ##*/
/*## SPLIT_COL_WIDTH: 30, 50, 70 ##*/
/*## SPLIT_COL_CLASS: std, full, left, right, leftout, rightout ##*/
/*## TRAINING_COURSE_CLASS: ,compact ##*/
@font-face
{
	font-family: "SegoeUI";
	font-weight:400;
	src: url('segoeui.ttf');
}
@font-face
{
	font-family: "SegoeUI";
	font-weight:200;
	src: url('segoeui.ttf');
}

table.datagrid > tbody > tr.missingOperation 
{
	background-color:#FFD;
}
table.datagrid > tbody > tr.missingPayment 
{
	background-color:#EDE;
}


table.datagrid > tbody > tr.qbr_Forecast {
    background-color: #FCE4D6;
}

table.datagrid > tbody > tr.qbr_MissingInvoice {
    background-color: #E2EFDA;
}

table.datagrid > tbody > tr.qbr_WrongTotal {
    background-color: #FFAAAA;
}

table.datagrid > tbody > tr.qbr_Partial {
    background-color: #FFF2CC;
}

table.datagrid > tbody > tr.qbrv_Validated {
    background-color: #E2EFDA;
}
table.datagrid > tbody > tr.qbrv_Archived {
    background-color: #CCC;
}

/* --------- General --------- */
body
{
	background-color:#fff;
	margin-top:90px;
}
body.fixedMenu 
{
    margin-top:153px;
}
h1, h2, h3 
{
	font-family: "Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	color:#cc2121;
	padding:10px 0 0 0;
	margin:0;
}
h1 
{
	font-size:42px;
	font-weight:200;
	margin-bottom:22px;
}
.section-content h2, .section-columns h2
{
	font-size:22px;
	font-weight:200;
}
h3 
{
	font-size:16px;
	margin-bottom:3px;
	font-weight:600;
}
h4 
{
	font-family: "Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
}
a, a:link, a:visited, a:hover
{
    color: #cc2121;
}

/* --------- Header --------- */
.logo 
{
	background-image:url('images/logo_OJC_grand.png');
	background-position:left;
	background-repeat:no-repeat;
	border:0px;
	border-right:1px solid #cc2121;
	display:block;
	float:left;
	height:178px;
	text-indent:-9999px;
	width:205px;
	margin-top:10px;
}
.logo-sideText
{
	color:#cc2121;/*mauve: #ea4cea;*/
	font-family: "Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-weight:200;
	font-size:32px;
	padding:5px 0px 0px;
	margin-left:230px;
}
.logo-sideText h1
{
	padding-top:70px;
}
.edit-link 
{
	position:fixed;
	z-index:1001;
	top:10px;
	left:25px;
}
#login 
{
    position:absolute;
	right:0px;
    margin-top:12px;
    margin-right:25px;
}
#loading 
{
	float:right;
    margin-top:-31px;
    margin-right:0;
}
nav 
{
	clear:both;
}

.portalSelector 
{
	position:absolute;
	bottom:0;
	margin-bottom:-8px;
	right:25px;
}

/* --------- Menu (table) --------- */
div.menu 
{
/*	width:940px;*/
	width:auto;
	overflow:hidden;
	font-family: "Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-weight:200;
	padding:0px;
/*	color:#ddd;*/
}

div#menucontainer .section-content > h3 {
    float: left;
}

div#menucontainer .section-content h3 > a > img {
    vertical-align: bottom;
}

#menucontainer ul.menu 
{
	margin-top:30px;
	/*height:39px;*/
	background-color:#fff;
	float:right;
}

div.menu > table 
{

}
#menucontainer div.menu td.menutitle
{
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
	color:#444;
	font-weight:normal;
}

#menucontainer a.menutitlelabel, #menucontainer a.menutitlelabel_on, #menucontainer td.menu_title > div 
{
	color:#888;
	padding:5px 15px;
	margin:0;
}

#menucontainer td.menutitle.menu_on > div 
{
	padding:5px 15px;
	margin:0;
}

/*#menucontainer div.menu .menu_on > a.menutitlelabel, #menucontainer div.menu .menu_on > a.menutitlelabel:visited, #menucontainer div.menu .menu_on > a.menutitlelabel:hover, #menucontainer td.menutitle > div, #menucontainer td.menutitle.menu_on > div 
{
	color:#bbb;
}*/

#menucontainer div.menu > table > tbody > tr:first-child > td.menutitle
{
	line-height:26px;
	text-align: center;
	padding: 0px 5px;
	height:100%;
}
#menucontainer div.menu > table > tbody > tr:first-child > td.menutitle > a.menutitlelabel, #menucontainer div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > div, #menucontainer div.menu > table > tbody > tr:first-child > td.menutitle > div
{
	padding:7px 11px 6px 11px;
}
/*#menucontainer div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > a.menutitlelabel, #menucontainer div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > div 
{
	font-weight:bold;
}*/
div.menu a.menutitlelabel:hover /*, #menucontainer div.menu td.menu_open > a.menutitlelabel, #menucontainer div.menu td.menu_open > div */
{
	color:#777;
	text-decoration:underline;
}
#menucontainer div.menu td.menu_on
{
	background-color:transparent;
/*	border-top:1px solid #aaa;*/
}
div.menu td.menu_on > .menutitlelabel, div.menu td.menu_on > div
{
	color:inherit;
}
#menucontainer div.menu td.menutitle.menu_open, #menucontainer .menu_open > .menuscrolldown td.menutitle
{
	background-color:rgb(0, 166, 203);
}
#menucontainer div.menu td.menutitle.menu_open, #menucontainer div.menu .menu_open > .menuscrolldown td.menutitle,
#menucontainer div.menu .menu_open a.menutitlelabel, #menucontainer div.menu .menu_open a.menutitlelabel_on, #menucontainer div.menu .menu_open td.menu_title > div 
{
	color:White;
}
#menucontainer .menu_open > .menuscrolldown
{
/*	background-color:#ddd;*/
	padding:0px 1px 1px 1px;
	font-size:10px;
}
#menucontainer .menu_open > .menuscrolldown td.menutitle
{
/*	background-color:#fff;*/
	margin:0;
	padding:0;
}
#menucontainer .menu_open > .menuscrolldown td.menutitle.menu_on, #menucontainer .menu_on > div
{
/*	background-color:#fff;*/
	font-weight:bold;
}
#menucontainer .menu_open > .menuscrolldown 
{
	margin-left:-1px;
}
/* --------- Menu (list) --------- */
div#menucontainer 
{
	background-color:#fff;
	border:0px;
	border-bottom:1px solid #ddd;
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	z-index:1000;
	font-family: "Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-weight:200;
	font-size:12px;
	height:90px;
}
div#menucontainer .section-content
{
	padding:0px;
	margin:0px auto;
}
div#menucontainer .section-content > p
{
	float:left;
	font-family: "Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-weight:400;
	font-size:14px;
	line-height:28px;
	padding:6px 20px 0px 0px;
	margin:0px;
}
div#menucontainer a
{
	text-decoration:none;
}
#pageEditor header 
{
	clear:both;
}
#pageEditor div#menucontainer 
{
	position:inherit;
}
div#menucontainer ul, div#menucontainer li
{
	padding:0;
	margin:0;
	list-style-type:none;
}
div#menucontainer ul > li
{
	display:inline-block;
	white-space:nowrap;
}
div#menucontainer ul.menu > li
{
	border:1px solid #fff;
}
div#menucontainer ul.vertical > li
{
	display:block;
}
div#menucontainer ul.menu > li > ul
{
	display:none;
}
div#menucontainer ul.menu > li ul.dropdown
{
	display:none;
}
div#menucontainer ul li > ul.vertical
{
	margin-left:32px;
}
div#menucontainer ul li:hover
{
	color:White;
	background-color:rgb(0, 166, 203);
}
div#menucontainer ul li:hover > ul
{
	display:block;
}
div#menucontainer ul li:hover > ul.dropdown
{
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	border:1px solid #fff;
	border-top:0;
	background-color:rgb(0, 166, 203);
	margin-left:-1px;
	color:White;
}
div#menucontainer ul.dropdown > li:hover > ul.dropdown
{
    top:100%;
	border:1px solid #ddd;
}
div#menucontainer ul.dropdown.vertical > li:hover > ul.dropdown
{
	margin-top:-36px;
	top:auto;
    left:100%;
	border:1px solid #ddd;
}
div#menucontainer ul.menu > li:hover > ul.dropdown
{
	border-top:0;
}
div#menucontainer ul.menu li a
{
	display:block;
	font-size:13px;
	color:#444;
	font-weight:normal;
	cursor:default;
}
div#menucontainer ul.menu li:hover a
{
	color:#fff;
}
div#menucontainer ul.menu li a[href]
{
	cursor:pointer;
}
div#menucontainer ul.menu > li a
{
	padding:7px 16px;
}
div#menucontainer ul.menu li.selected > a
{
	font-weight:bold;
}
/* SinglePageMenu*/
.single-page-menu
{
	box-shadow:none; 
	background-color:rgba(255, 255, 255, 0.9);
    display:block;
    height:62px;
	text-align:left;
	width:100%;
	z-index:999;
	overflow:hidden;
}
/*section.section-dark .clear 
{
	padding-top:30px;
}
section.section-dark .single-page-menu
{
	margin-bottom:40px;
}*/
.single-page-menu .menu {
	display:block;
	margin:0 auto;
	width:90%;
	padding:10px 5%;
}
body.fixed .single-page-menu .menu {
	width:910px;
}
.single-page-menu .menu li {
	display:inline-block;
	list-style-type:none;
	margin:0;
	padding:10px 15px;
}
.single-page-menu .menu li:first-child {
	padding-left:0;
}
.single-page-menu .menu li a {
	color:#cc2121;
	font-family:"Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;;
	font-size: 20px;
	font-weight: 200;
	letter-spacing: -1px;
	text-decoration:none;
}
.single-page-menu a:link, .single-page-menu a:visited
{
    color: #cc2121;
}
.fixedMenu .single-page-menu 
{
	box-shadow:none; 
/*	box-shadow: 0px 4px 1px -1px rgba(120,120,120,0.4);*/
	display:block;
	left:0;
	position: fixed;
	top:90px;
	width:100%;
}
.single-page-menu .menu li.selected a 
{
	color:#cc2121;
}
.single-page-menu .selected-background 
{
	border-bottom: 1px solid #cc2121;
	height:0;
	margin-top:-55px;
	width:0;
}
.single-page-menu .burger, .single-page-menu .title
{  
    display:none;
}
.back-to-home  
{
	box-shadow: 0px 4px 1px -1px rgba(200,200,200,0.4);
	background-color:#fff;
	display:block;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
	width:100%;
	z-index:999;
}
.back-to-home div 
{
	background-color:#fff;
    height:32px;
	margin:0 auto;
	padding:20px 10px 10px 10px;
	width:910px;
}
.back-to-home div a
{
    background:url('images/arrow_left.png') no-repeat 0 6px;
    color:#cc2121;
    display:block;
	font-family:'Open Sans',Arial,sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
	padding-left:24px;
	text-decoration:none;
}
.fixedMenu .back-to-home
{
	box-shadow: 0px 4px 1px -1px rgba(200,200,200,0.4); 
	display:block;
	left:0;
	position: fixed;
	top:0;
	width:100%;
}
#back-to-top  
{
    opacity:0;
    transition: opacity .3s linear .15s;
    visibility:hidden;
}
.fixedMenu #back-to-top 
{
    background:url('images/arrow_up.png') no-repeat 0 0;
    border-radius:0;
    bottom:auto;
    background-size:30px 30px;
    display:block;
    height:30px;
    margin:5px 0 0 0;
    opacity:1;
    padding:0;
    text-indent:-9999px;
    transition: opacity .3s linear .15s;
    visibility:visible;
    width:30px;
    z-index:1001;
    position:relative;
    right:auto;
    float:right;
}
/* --------- Sections --------- */
section
{
	border-bottom:1px solid #e9e9e9;
	clear:both;
	position:relative;
	background-position:center;
    overflow:hidden;
}
.section-light
{
	background-color:#fff;
}
.section-light.grey {
    background-color: #f0f0f0;
}
.section-light h1, .section-light h2, .section-light h3, .section-light a, .section-light a:visited, .section-light a:hover, .section-light a:link 
{
    color: #005869;
}
.section-light.blue h1, .section-light.blue h2, .section-light.blue h3, .section-light.blue a, .section-light.blue a:visited, .section-light.blue a:hover, .section-light.blue a:link {
    color: #00a9ca;
}
.section-light.yellow h1, .section-light.yellow h2, .section-light.yellow h3, .section-light.yellow a, .section-light.yellow a:visited, .section-light.yellow a:hover, .section-light.yellow a:link {
    color: rgb(245, 155, 28);
}
.section-light.pink h1, .section-light.pink h2, .section-light.pink h3, .section-light.pink a, .section-light.pink a:visited, .section-light.pink a:hover, .section-light.pink a:link {
    color: rgb(232, 63, 104);
}
.section-light h1 em, .section-light h2 em, .section-light h3 em {
    color: #333;
    font-weight: 600;
    font-style:normal;
}
.section-light h1 strong, .section-light h2 strong, .section-light h3 strong 
{
    color: #333;
    font-weight:800;
}
.section-dark
{
	background-color:#999;
    color: white;
}

.section-dark.bluegreen {
    background-color: #005869;
}

.section-dark h1, .section-dark h2, .section-dark h3, .section-dark a, .section-dark a:visited, .section-dark a:hover, .section-dark a:link {
    color: #005869;
}
.section-dark h1 em, .section-dark h2 em, .section-dark h3 em {
    color: white;
    font-weight: 600;
    font-style: normal;
}
.section-dark h1 strong, .section-dark h2 strong, .section-dark h3 strong {
    color: white;
}

.section-dark.bluegreen h1, .section-dark.bluegreen h2, .section-dark.bluegreen h3, .section-dark.bluegreen a, .section-dark.bluegreen a:visited, .section-dark.bluegreen a:hover, .section-dark.bluegreen a:link {
    color: #00a9ca;
}

.section-dark.blue {
    background-color: #00a9ca;
}

.section-dark.yellow {
    background-color: rgb(245, 155, 28);
}

.section-dark.pink {
    background-color: rgb(232, 63, 104);
}

.section-transparent
{
    
}
.section-prune
{
    padding-top:40px;
}
.section-background 
{
	background-position:center top;
	padding:0px;
	border:0px;
}
.section-dense .section-content,
.section-dense .section-content p
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size:11px;
	line-height:17px;
	font-weight:400;
	color:#555;
}
/* -------- Section contents ------- */
.section-content
{
	font-family:"Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-size:15px;
	font-weight:200;
	line-height:28px;
	padding:50px 0px;
	margin:0 auto;
	width:90%;
}
.section-content.nopadding 
{
    padding:0px;
}
.section-content strong, .section-content b
{
	font-weight:600;
	color:#555;
}
.section-dark strong, .section-dark b {
    color: white;
}
body.fixed .section-content
{
	width:910px;
}
.section-prune .section-content
{
	background-color:rgba(255,255,255,0.7);
	padding:40px;
	margin-bottom:40px;
}
.section-columns 
{
	font-family:"SegoeUI", Verdana, Tahoma, Arial, Helvetica;
	font-size:14px;
	margin:0 auto;
	overflow:hidden;
	width:910px;
}
.section-content h2, .section-columns h2
{
	font-size:32px;
	font-weight:200;
	margin-bottom:22px;
}
.section-content hr, .section-columns hr
{
	height:1px;
	border:0px;
	border-bottom:1px solid #bbb;
	clear:both;
	margin:25px 0px 20px;
}
.section-dark .section-content hr, .section-dark .section-columns hr {
    border-bottom: 1px solid white;
}
.section-content p
{
	font-size:15px;
	font-weight:200;
	line-height:28px;
	font-family:"Open Sans", Verdana, Sans-Serif;
}
.section-content p:last-child
{
	margin-bottom:0;
}
.section-content img
{
    max-width: 100%;
	height: auto;
}
.section-content a {
    font-weight: 400;
}
.section-content strong a, .section-content a strong {
    font-weight: 600;
}

.split-col {
    float: left;
    display: inline-block;
    vertical-align: middle;
}
.split-col.w50 {
	width:45%;
    padding: 50px 2.5%;
}
.split-col.w30 {
    width: 25%;
    padding: 50px 2.5%;
}
.split-col.w33 {
    width: 30%;
    padding: 50px 1.5%;
}
.split-col.w70 {
    width: 65%;
    padding: 50px 2.5%;
}
.split-col.w50.left {
    padding: 50px 5% 50px 0px;
}
.split-col.w30.left {
    padding: 50px 5% 50px 0px;
}
.split-col.w33.left {
    padding: 50px 3% 50px 0px;
}
.split-col.w70.left {
    padding: 50px 5% 50px 0px;
}
.split-col.w50.right {
    padding: 50px 0px 50px 5%;
}
.split-col.w30.right {
    padding: 50px 0px 50px 5%;
}
.split-col.w33.right {
    padding: 50px 0px 50px 3%;
}
.split-col.w70.right {
    padding: 50px 0px 50px 5%;
}
.split-col.w50.full {
    width:50%;
    padding:0;
}
.split-col.w30.full {
    width:30%;
    padding:0;
}
.split-col.w33.full {
    width:33%;
    padding:0;
}
.split-col.w70.full {
    width:70%;
    padding:0;
}
.split-col.full > p 
{
    margin:0;
}
.split-col.w50.leftout, .split-col.w50.rightout {
    width:50%;
    padding:0;
}
.split-col.w50.leftout > div.dfile > img {
    max-width:initial;
    position:relative;
    right:594px;
}
.split-col.w50.rightout > div.dfile > img {
    max-width: initial;
    position: relative;
}
.split-col.w30.leftout, .split-col.w30.rightout {
    width:30%;
    padding:0;
}
.split-col.w30.leftout > div.dfile > img, .split-col.w33.leftout > div.dfile > img {
    max-width:initial;
    position:relative;
    right:776px;
}
.split-col.w30.rightout > div.dfile > img, .split-col.w33.rightout > div.dfile > img {
    max-width: initial;
    position: relative;
}
.split-col.w33.leftout, .split-col.w33.rightout {
    width:33%;
    padding:0;
}
.split-col.w70.leftout, .split-col.w70.rightout {
    width:70%;
    padding:0;
}
.split-col.w70.leftout > div.dfile > img {
    max-width:initial;
    position:relative;
    right:412px;
}
.split-col.w70.rightout > div.dfile > img {
    max-width:initial;
    position:relative;
}

.column-text-50 
{
	float:left;
	padding:50px 0px;
	width:47.5%;
	display:inline-block;
	vertical-align:middle;
	/*color:#444;
	font-size:15px;
	font-weight:200;
	line-height:28px;
	font-family:"Open Sans", Verdana, Sans-Serif;*/
}
.column-img-50 
{
	float:left;
	width:47.5%;
	padding:40px 2.5% 0px 0px;
	text-align:center;
}
/*.column-text-50 + .column-img-50, .column-img-50 + .column-text-50
{
	padding-right:0%;
	padding-left:2.5%;
}*/
.dfile > img, .column-img-50 > img 
{
	vertical-align:middle;
}
.column-img-50 dfile, .column-img-50 img 
{
	max-width:100%;
}
.textFrame 
{
	background:White;
	border-radius:10px;
	padding:20px 40px 30px;
	float:right;
	width:60%;
	color:#444;
	font-size:16px;
	font-weight:200;
	line-height:28px;
	font-family:"Open Sans", Verdana, Sans-Serif;
	margin-bottom:50px;
}
.textFrame.narrow 
{
	width:40%;
}
.textFrame.homepage 
{
	background:rgba(255,255,255,.9);
	padding:40px;
	width:auto;
}
.textFrame.right {
    padding: 0px;
    width: 350px;
    margin:20px 0px;
}
.textFrame > p 
{
	margin-top:5px;
	margin-bottom:10px;
}
.textFrame > h1 
{
	padding-top:30px;
	padding-bottom:20px;
	line-height:40px;
}
.textFrame > h1:first-child 
{
	line-height:60px;
}
.textFrame img 
{
	float:right;
}
.textFrame.homepage img
{
	float:none;
	margin-bottom:20px;
}
.textFrame strong, .textFrame b {
	color:inherit;
}

/* Buttons */
.section-light a.button1, .section-light a.button1:link, .section-light a.button1:visited {
    display: block;
    background-color: #00a9ca;
    color: white;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    width: 150px;
    margin: 0 auto;
    padding: 10px 20px;
}

.section-light.yellow a.button1, .section-light.yellow a.button1:link, .section-light.yellow a.button1:visited {
    background-color: rgb(245, 155, 28);
}
.section-light.blue a.button1, .section-light.blue a.button1:link, .section-light.blue a.button1:visited {
    background-color: #00a9ca;
}
.section-light.pink a.button1, .section-light.pink a.button1:link, .section-light.pink a.button1:visited {
    background-color: rgb(232, 63, 104);
}
.section-dark a.button1, .section-dark a.button1:link, .section-dark a.button1:visited {
    display: block;
    background-color: white;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    width: 150px;
    margin: 0 auto;
    padding: 10px 20px;
}

.section-dark.bluegreen a.button1, .section-dark.bluegreen a.button1:link, .section-dark.bluegreen a.button1:visited {
    background-color: #00a9ca;
    color: white;
}
a.button1 > img {
    margin-left: -80px;
    margin-top: -10px;
    float: left;
}

table.datagrid > tbody > tr.archived {
    background-color: #DDD;
}

table.datagrid > tbody > tr.published {
    background-color: #c4f8c4;
}

table.datagrid > tbody > tr.future {
    background-color: #FFC;
}

table.datagrid > tbody > tr.old {
    background-color: #fcd;
}

table.datagrid > tbody > tr.completed {
    background-color: rgba(145, 251, 110, 0.2);
}

div.position.compact {
    margin:0;
    padding:0;
    background:inherit;
}

div.position.compact h5 {
    margin:0;
}

tr.jobApplication {
    height:30px;
}
tr.jobApplication td > div {
    padding:10px 0px;
}
tr.jobApplication.OfInterest td.Status { background-color:#fbe3ff;}
tr.jobApplication.Target td.Status { background-color:#e0acff;}
tr.jobApplication.New td.Status { background-color:#ffce8c;}
tr.jobApplication.Received td.Status { background-color:antiquewhite;}
tr.jobApplication.UnderReview td.Status { background-color:#FFC;}
tr.jobApplication.Approved td.Status { background-color:#dfd;}
tr.jobApplication.Rejected td.Status { background-color:#ccc;}
tr.jobApplication.OfferMade td.Status { background-color:#cdf;}
tr.jobApplication.OfferRefused td.Status { background-color:#fcd;}
tr.jobApplication.OfferAccepted td.Status { background-color:#9af;}
tr.jobApplication.ContractSigned td.Status { background-color:#9f9;}

table.datagrid tr.jobApplication.selected td { color:black; font-weight:bold; border:2px solid black;}

table.myApplications td {
    padding: 10px;
}
.warning {
    color: orangered;
    font-style: italic;
}
.preview {
    border:1px solid #ddd;
    padding:5px;
    margin-top:10px;
    font-size:8pt;
}

.projectTask.rejected  { background-color:#ffce8c;}
.projectTask.new  { background-color:antiquewhite;}
.projectTask.progress  { background-color:#FFC;}
.projectTask.realized  { background-color:#dfd;}
.projectTask.closed  { background-color:#ccc;}
.projectTask.totest  { background-color:#cdf;}
.projectTask.testko  { background-color:#fcd;}
.projectTask.testok  { background-color:#9f9;}

.taskCards {
    padding: 10px;
    background-color: #777;
    width: 300px;
    height: 750px;
    overflow-y: scroll;
}
div.header > div.title {
    background-color: #0f576b;
    color:white;
    font-weight: bold;
    padding: 10px;
    text-align:center;
    text-transform:uppercase;
}
div.header > div.toolbar {
    border: 10px solid #0f576b;
    border-bottom: 0px;
    border-right: 17px solid #0f576b;
}
.taskCard {
    background-color:#fff;
    padding-top:0px;
    border-radius:13px;
    margin-bottom:10px;
}
.taskCard > .projectTask { 
    padding:10px; 
    border-radius: 12px 12px 0px 0px;
}
.taskCard > .taskContent {
    min-height:30px;
    padding: 5px 10px;
}
.taskCard .taskProgress {
    height:3px;
    background-color: #94b6d2;
}
.taskCard .tag {
    float:right;
    background-color: #4a6785;
    font-size:8px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    padding:0px 6px;
}
.taskCard .tag.today {
    background-color: #ffa000;
}
.taskCard .tag.tomorrow {
    background-color: #2ff732;
}
.taskCard .tag.late {
    background-color: #fb4f4f;
}
.taskCard .collapsibleSection {
    min-height: 15px;
    padding: 10px;
}
.taskCard .taskButton {
    cursor:pointer;
    float:right;
}
.taskCard .taskDetail {
    clear:both;
}
.taskCard .taskProperties{
    font-size:10px;
}

.task-drag {
    width:100px;
    height:auto;
    background-color:azure;
}

/* OJC.Skills */
div.skillSet {
    clear:both;
}

div.skillList {
    border-color: #00576a;
}

div.experienceList {
    border: 1px solid #00576a;
    background-color: #bdd2d7;
}

.experience {
    background-color: white;
    padding: 10px;
    margin: 10px;
}

.experience > img {
    float: right;
    max-width: 100px;
    max-height: 50px;
}

.experience > p.dateAndName {
    font-weight:bold;
}

body.ojc-cv .section-content {
    width: 910px;
}

body.ojc-cv .cv-header {
    background-color: #00576a;
    padding:40px;
    padding-left: 230px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 10px;
}

body.ojc-cv h2 {
    font-size: 20px;
    margin-top: 40px;
}

body.ojc-cv .cv-header h1 {
    color:white;
}

body.ojc-cv .cv-header{
    vertical-align: middle;
}

body.ojc-cv .cv-header  > img {
    border-radius: 35px;
    margin-right: 10px;
    position: absolute;
    top: -50px;
    left: 40px;
}

/* OJC.Training */
div.course {
    margin-bottom: 60px;
    padding: 20px;
    /*border:1px solid #333;*/
    background-color: white;
}

div.course.compact {
    margin-bottom: 8px;
    padding: 2px 5px 5px 10px;
}

div.course h2 a, div.course h2 a:link, div.course h2 a:visited,
div.course h3 a, div.course h3 a:link, div.course h3 a:visited,
div.course h4 a, div.course h4 a:link, div.course h4 a:visited {
    text-decoration: none;
}

.filters.courseFilters {
    width:300px;
    float:left;
}

.courseFilters .tree .tree_node_expand_icon {
    display: none;
}

.courseFilters .tree.tree3{
    background-color:#0f576b;
}
.courseFilters .tree.tree3 div.tree_node{
    padding-left:10px;
}
.courseFilters .tree.tree3 div.tree_node.selected,
.inFocus > .courseFilters .tree.tree3 div.tree_node.selected {
    background-color: #03a6cb;
}
.courseFilters .tree.tree3 div.tree_node .tree_node_content {
    border-left: 0px;
    margin-left: 28px;
}
.courseFilters .tree.tree3 div.tree_node.selectable {
    font-style:normal;
}
.courseList.withFilters {
    margin-left: 315px;
}

div.session {
    margin-bottom: 8px;
    padding: 2px 5px 5px 10px;
    background-color:#ccc5;
}

/* Training */
span.registrationStatus {
    font-size: 10px;
    color:#222;
    background-color: #777;
    border-radius: 3px;
    margin: 5px;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: bold;
}
span.registrationStatus.New{
    background-color: #DD3;
}
span.registrationStatus.Confirmed{
    background-color: #3DD;
}
span.registrationStatus.Validated{
    background-color: #3F3;
}
span.registrationStatus.Failed {
    background-color: #F33;
}

table.sessionParts th {
    padding: 5px 20px;
    background-color: #005869;
    color: white;
    font-weight: normal;
}

table.sessionParts td {
    padding: 0px 10px;
    text-align: center;
    border: 1px solid #005869;
}

/* CompanyList */
.companyListLogo 
{
	float:left;
	width:150px;
	height:90px;
	margin:20px 40px;
	text-align:center;
	vertical-align:middle;
}

/* Section équipe
*/
.employeeList 
{
	position:relative;
}
.employeeItem 
{
	float:left;
/*	clear:left;*/
	margin-top:10px;
	padding-bottom:20px;
	margin-left:20px;
	margin-right:20px;
/*	border-bottom:1px solid #ddd;*/
}
.employeeItem h3 
{
	padding-top:0;
}
.employeeItem h4 
{
	margin-top:0;
	color: #555;
/*    font-family:Verdana,Tahoma,Arial;*/
	font-size:12px;
}

.employeePicture 
{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-right:10px;
	width:160px;
	height:200px;
	margin-top:6px;
	margin-bottom:5px;
}

.employeePicture > img
{
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}
.employeePicture > img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.employeeDetail
{
	display:none;
	position:absolute;
	left:200px;
	right:200px;
	margin-top:210px;
	background:White;
	border-radius:10px;
	padding:40px;
	color:#444;
	margin-bottom:150px;
	z-index:30;
}
.employeeBiography p 
{
	margin-top:2px;
	margin-bottom:10px;
	line-height:normal;
	font-size:12px;
	font-weight:400;
	padding:0px;
}
.employeeContact 
{
	padding-bottom:10px;
}
.employeeDetail
{
	display:none;
	position:absolute;
	left:200px;
	right:200px;
	margin-top:200px;
	z-index:30;
	background-color:White;
	padding:25px;
	padding-top:10px;
	border:1px solid #ddd;
/*	left:500px;
	width:300px;
	right:auto;
	margin-top:0px;*/
}
.employeeItem 
{
	margin:0;
	padding:20px;
}

td.employeeList > div.ojcControl {
    height: 500px;
    overflow-y: scroll;
}
tr.employee > td {
    font-size: 14px;
    color: #444;
    font-weight: 600;
    text-align: left;
    font-family: Open Sans;
    height:42px;
}
img.profileIcon {
    border-radius: 20px;
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

.questionsList span.category, .questionsList span.version {
    display: block;
    font-size: 9px;
}
.questionsList span.text {
    display:block;
    font-style:italic;
    padding:3px;
}
.questionsList .collapsibleSection > div {
    border-top:1px solid #aaa;
    margin-top:10px;
    padding-top:4px;
}

div#Questions.edit-form {
    width: 800px;
    display: block;
    height: 500px;
    overflow-y: scroll;
    padding-right: 15px;
}
.questionLabel{
    display:block;
    margin-top:10px;
    margin-bottom:4px;
}

/* --------- Parts --------- */
/* portfolio */
.portfolio {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
}
.portfolio-column 
{    
    margin:0;
}
.portfolio-item
{
    margin: 0;
    position:relative;
}
.portfolio-item a
{
    margin:0;
    padding:0;
}
.portfolio-item img
{
    margin:0;
    padding:0;
}
.portfolio-item .sticker
{
   display:none;
   float: left;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 10;
   background-color: rgba(99, 99, 99, 0.7);
   padding:15px 10px;
   color: #fff;
}
.portfolio-item .title
{
    font-size:20px;
    font-weight:400;
}
.portfolio-item .description
{
    font-size:14px;
    font-weight:100;
    line-height:16px;
    margin-top:10px;
}
.portfolio .column-5 
{
    float:left;
    width:16%;
}
.portfolio .column-5:not(:first-child)
{
    margin-left:5%;
}
.portfolio .column-4 
{
    float:left;
    width:22%;
}
.portfolio .column-4:not(:first-child)
{
    margin-left:4%;
}
.portfolio .column-3 
{
    float:left;
    width:32%;
}
.portfolio .column-3:not(:first-child)
{
    margin-left:2%;
}
.portfolio .column-2 
{
    float:left;
    width:49%;
}
.portfolio .column-2:not(:first-child)
{
    margin-left:2%;
}
.portfolio .column-1 
{
    float:left;
    width:100%;
}
/* blog */
.blogPostFragment, .blogPostFragment p 
{
	line-height:22px;
	font-size:14px;
	font-weight:200;
}
.blogPostFragment.withThumbnails 
{
	margin-bottom:25px;
	clear:left;
	min-height:75px;
}
.blogPostFragment.withThumbnails p
{
	margin-top:0px;
	margin-bottom:6px;
}
.blogPostFragment.withThumbnails > img 
{
	float:left;
	margin-top:10px;
}
.blogPostFragment.withThumbnails > div 
{
	margin-left:100px;
}

.ojcPopupSelector > div.toolbar { display:inline-block;vertical-align:bottom;}
.edit-form > .formField > .ojcPopupSelector > input {
    width: auto;
}

span.formField { float: left; margin-right: 20px; height: 70px; }
span.formField.newRow { clear:left; }
span.formField.wide { width:100%; }
span.formField.autoHeight, .edit-form span.formField.autoHeight, .edit-form.classic span.formField.autoHeight { height:auto; }
span.formField.w30 {width:180px;}
span.formField.w60 {width:380px;}

/* --------- Internal edit forms --------- */
.edit-form {margin-top:10px;}
.edit-form span.formField { height: 50px; }
.pane_content.viewMode .edit-form span.formField { color: black; }
.edit-form label { display:block;text-align:left;vertical-align:top;margin-top:10px;font-size:12px;line-height:24px;font-weight:400;font-family:"Open Sans", SegoeUI, Verdana, Tahoma, Arial, Helvetica;}
.pane_content.viewMode .edit-form span.formField label { color: #555; }
.pane_content.viewMode .edit-form.classic span.formField {margin-right:26px;}
.pane_content .edit-form.classic span.formField label::after {content:" :";}
.edit-form fieldset { border:1px;}
.edit-form .row>.half:first-child { padding-right:10px}
.edit-form .row>.half:last-child { padding-left:10px}
.edit-form .row>.half { width:50%;float:left}
.edit-form button.b-btn { margin-top:20px}
.edit-form form { display:block;margin:0 auto}
.edit-form input:active,.edit-form input:focus { outline:0}
.edit-form textarea, .edit-form select, .edit-form input { border:1px solid #CCC;background-color:#fafafa; border-radius:4px;border-width:1px;outline:0;font-size:12px;font-weight:400;font-family:"Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;}
.edit-form textarea { width:100%; }
.edit-form select { /*width:100%;*/ height:22px;padding:1px 2px;}
.edit-form select[multiple] { height: auto; }
.edit-form input { padding-left:10px;height:18px;line-height:18px;width:100%;}
.edit-form input[type=submit] { height:auto;padding:5px 25px;clear:both;display:block;}

.edit-form.classic span.formField { height: 30px; white-space:nowrap; }
.edit-form.classic label { display:inline; }
.edit-form.classic span.formField.wide label { display: block; }
.edit-form.classic span.formField input { width:auto;}
.edit-form.classic span.formField.w30, .edit-form.classic span.formField.w60 {width:auto;}
.edit-form.classic span.formField.w30 input { width:180px;}
.edit-form.classic span.formField.w60 input { width:380px;}

.edit-form span.input { display: block;background-color:#fafafa; border: 1px solid #DDD; border-right:0; border-top:0; padding: 2px 10px; border-radius: 0px 4px 0px 4px; min-width: 40px; font-size: 12px; font-weight: 400; font-family: "Open Sans", SegoeUI, Verdana, Tahoma, Arial, Helvetica; }
.edit-form.classic span.input { display:inline-block; white-space:normal;}
.edit-form.classic span.formField.w30 span.input { width:170px;}
.edit-form.classic span.formField.w60 span.input { width:370px;}

.ojcSelect.small > select { font-size:11px; }

/* --------- Public register forms --------- */
.register-form label{display:block;text-align:left;margin-top:10px;font-size:12px;font-weight:400;font-family:"Open Sans", SegoeUI, Verdana, Tahoma, Arial, Helvetica;}
.register-form fieldset{border:0px;}
.register-form .row>.half:first-child{padding-right:10px}
.register-form .row>.half:last-child{padding-left:10px}
.register-form .row>.half{width:50%;float:left}
.register-form button.b-btn{margin-top:20px}
.register-form form{display:block;margin:0 auto}
.register-form textarea, .register-form select, .register-form input { border-radius:4px;border-width:1px;outline:0;font-size:14px;font-weight:400;font-family:"Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;}
.register-form input:active,.register-form input:focus{outline:0}
.register-form textarea{width:100%;}
.register-form select { height:29px;padding:1px 8px;}
.register-form input{padding-left:10px;height:25px;line-height:25px;/*width:100%;*/color:#333;}
.register-form input[type=submit]{height:auto;padding:5px 25px;clear:both;display:block;margin-bottom:20px;}
.register-form input[type=checkbox]{width: 20px;vertical-align: bottom;margin-top: 20px;}

/* Public filter forms */
.filters label {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Open Sans", SegoeUI, Verdana, Tahoma, Arial, Helvetica;
}
.filters input, .filters select {padding:5px;border-radius:8px;border:2px solid #777;outline:0;font-size:14px;color:#333;font-weight:400;font-family:"Open Sans", "SegoeUI", Verdana, Tahoma, Arial, Helvetica;}
.filters input {
    height: 25px;
    line-height: 25px;
}
.filters select {
    width:100%;
    overflow-y:auto;
}
.filters select > option {
    padding-right:10px;
}
.filters span.formField {
    height:auto;
}
.filters input[type=submit]{height:auto;padding:5px 25px;clear:both;display:block;}

/* --------- Footer --------- */
footer 
{
    clear:both;
    font-family: "SegoeUI", Verdana, Tahoma, Arial, Helvetica;
    padding:30px 0px 15px;
	text-align:center;
	background-color:#212121;
}
footer #copyright, footer #copyright a, footer #copyright a:link, footer #copyright a:visited, #copyright footer a:hover
{
    color:#aaa;
    text-decoration:none;
}
footer div.menu 
{
	background-color:#212121;
	margin:auto;
	padding: 12px 6px;
}
footer div.menu .menu_on > a.menutitlelabel, footer div.menu .menu_on > a.menutitlelabel:visited, footer div.menu .menu_on > a.menutitlelabel:hover, footer td.menutitle > div, footer td.menutitle.menu_on > div 
{
	color:#eee;
}
footer a.menutitlelabel, footer a.menutitlelabel_on, footer td.menu_title > div 
{
	color:#eee;
}
footer div.menu a.menutitlelabel:hover, footer div.menu td.menu_open > a.menutitlelabel, footer div.menu td.menu_open > div
{
	color:#fff;
}
footer div.menu td.menu_on
{
	background-color:transparent;
}
footer .menutitle 
{
	text-align:left;
	vertical-align:top;
	padding:0px 6px 0px 0px;
}
footer div.menu .menutitle
{
	font-size:10px;
}
footer div.menu > table > tbody > tr > td.menutitle > div, footer div.menu > table > tbody > tr > td.menutitle > a
{
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
footer div.menu > table
{
	margin:auto;
}
footer div.menu table.subMenu 
{
	margin-top:8px;
}
/* --------- Responsive --------- */
@media screen and (max-width: 1000px)
{
	.section-content, .section-prune .section-content, body.fixed .section-content, body.fixed .section-prune .section-content
    {
	    margin:0;
	    padding:20px 5% 20px 5%;
	    width:90%;
    }
    .section-columns, body.fixed .section-columns
    {
	    margin:0;
	    padding:0 5% 0 5%;
	    width:90%;
    }
    .section-prune, body.fixed .section-prune
    {
        padding:0;
        margin:0;
    }
    .textFrame 
	{
		margin:0 0 75px 0;
    }
    .split-col, .split-col.w50, .split-col.w50.leftout, .split-col.w50.rightout,
    .split-col.w33.leftout, .split-col.w33.rightout, .split-col.w30.leftout, .split-col.w30.rightout, .split-col.w70.leftout, .split-col.w70.rightout 
    { /* annule le split en écran étroit */
        float: none;
        width: 100%;
    }
    .split-col.leftout img, .split-col.rightout img {
        position: static;
        max-width: 100%;
    }
    .split-col.w50.leftout > div.dfile > img {
        position: static;
        max-width: 100%;
    }
}
@media screen and (max-width: 927px)
{
    #logo 
    {
	    background-image:url('images/logo_OJC_mini.png');
	    background-position:left;
	    background-repeat:no-repeat;
	    border:0;
	    float:left;
	    height:45px;
	    margin-top:10px;
	    text-indent:-9999px;
	    width:45px;
    }
    #login, .edit-link
    {
        display:none;
    }
    .portfolio-item 
    {
        margin:0 auto;
    }
    .portfolio-item .sticker
    {
        display:block;
    }
    .single-page-menu 
    {
        display:block;
        height:62px;
	    left:auto;
	    margin:0;
	    padding:0;
        position:relative;
	    top:auto;
	    width:100%;
    }
    .single-page-menu .menu {
		display:block;
		margin:0 auto;
		width:90%;
		padding:10px 5%;
	}
    .single-page-menu .burger 
    {  
        display:none;
    }
    .single-page-menu .menu li
    {
        background-color:transparent;
        border-bottom:none;
        display:inline-block;
        padding:10px 15px;
    }
    .single-page-menu .menu li:first-child
    {
        border-top:none;
    }
    .single-page-menu .menu li a
    {
        display:inline;
        font-weight:200;
        padding:0;
        width:auto;
    }
    .single-page-menu .selected-background 
    {
	    display:block;
    }
    .back-to-home, .fixedMenu .back-to-home 
    {
    	background-color:transparent;
    	box-shadow:none;
    	position:fixed;
        top:0;
    }
    .back-to-home div 
    {
    	background-color:transparent;
    	padding:0;
    	width:100%;
    }
    .back-to-home a 
    {
    	float:right;
    	margin:18px 5% 0 0;
    }
	footer div.menu 
	{
		display:none;
	}
}
/*@media screen and (max-width: 768px)
{
	.textFrame, .textFrame.narrow 
	{
		float:none;
		width:90%;
		padding-right:5%;
		padding-left:5%;
    }
}*/
@media screen and (max-width: 600px)
{
    h1{
        font-size:32px;
    }
    .section-content h2, .section-columns h2
    {
    	font-size:26px;
    }
    .textFrame.right {
        width: 300px;
    }
    .textFrame img {
        float:none;
        display:block;
    }
    .column-img-50 
	{
		float:none;
		position:relative;
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}
    .column-text-50
	{
		float:none;
		padding:20px 5%;
		position:relative;
		width:90%;
	}
	.column-text-50 + .column-img-50, .column-img-50 + .column-text-50
	{
		padding-left:5%;
		padding-right:5%;
	}
	.single-page-menu,
	.fixedMenu .single-page-menu,
    .single-page-menu .selected-background,
    .fixedMenu .single-page-menu .selected-background
    {
	    display:none;
    }
	div#menucontainer ul.menu
	{
		display:none;
	}
	div#menucontainer ul.menu.open
	{
		display:block;
		position:fixed;
		top:40px;
		left:0;
		width:100%;
		border-bottom:1px solid #ddd;
		max-height:300px;
		overflow-y:auto;
        z-index:5;
	}
	div#menucontainer ul.menu.open li
	{
		display:block;
	}
	div#menucontainer ul.menu.open li ul, div#menucontainer ul.menu.open li:hover ul, div#menucontainer ul li:hover > ul.dropdown, div#menucontainer ul.dropdown li:hover > ul.dropdown, div#menucontainer ul.dropdown.vertical li:hover > ul.dropdown
	{
		display:block;
		padding:0;
		margin:0;
		position:relative;
		border:0;
		left:auto;
		top:auto;
	}
	div#menucontainer ul.menu.open li 
	{
		padding:0 0 0 5%;
	}
	div#menucontainer a 
	{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	    outline:0;
	}
    div#menucontainer ul.menu.open li > a {
        background-color: #fff;
        padding: 7px 0;
    }

    div#menucontainer ul.menu.open li:hover, div#menucontainer ul.menu.open li:hover > ul.dropdown {
        background-color: #fff;
        color:inherit;
    }
    div#menucontainer ul.menu li:hover a {
        background-color: #fff;
        padding: 7px 0;
        color:inherit;
    }
	div#menucontainer a.burger 
	{
		display:block;
		cursor:pointer;
		width:24px;
		height:24px;
		background-image:url('Images/burger.png');
		background-size:24px 24px;
		background-repeat:no-repeat;
		float:right;
		margin-top:7px;
	}
	div#menucontainer a.burger.open
	{
		-ms-transform: rotate(90deg); 
		-webkit-transform: rotate(90deg); 
		transform: rotate(90deg);
	}
}
/*@media screen and (max-width: 450px)
{
	.textFrame 
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	.textFrame > h1:first-child
	{
		font-size:28px;
		line-height:28px;
	}
    .back-to-home a 
    {
    	margin:18px 0 0 5%;
    	text-indent:-9999px;
    	width:24px;
    }
}*/