/*## PAGE: (inherit), fixed, withRightColumn, fixed withRightColumn ##*/
/*## FRAME: (inherit) ##*/
/*## FRAME_ROW: (inherit) ##*/
/*## PART_CONTAINER_ID: (inherit), pageIntro ##*/
/*## PART_CONTAINER_CLASS: (inherit),, container1, container2, container3, container4, container5, container6, container7, imagecontainer, section1, section2, section3, sectionContent ##*/
/*## ICON_CLASS: ojcIcon ##*/
/*## TREE: (inherit) ##*/
@font-face
{
	font-family: "SegoeUI";
	font-weight:400;
	src: url('segoeui.ttf');
}
@font-face
{
	font-family: "SegoeUI";
	font-weight:200;
	src: url('segoeui.ttf');
}
a.edit-link 
{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background-color:#ccc;
}

body
{
	margin:auto;
    color: #555;/*#4c0612;*/
    font-family:Verdana,Tahoma,Arial;
    font-size:11px;
   	font-weight:400;
		background-color:#eee;/*#840000;*/
/*		background-image:url('Images/fond.png');
		background-position:top center;
		background-repeat:repeat-y;*/
		padding:0;
}

body.popup 
{
    background-color: #fff;
}

div#page 
{
	position:relative;
/*	background-image:url(Images/fond_header.png);
	background-position:top center;
	background-repeat:no-repeat;*/
}

#headerandmenu 
{
	background-color:white;
/*	padding-bottom:15px;*/
	width:100%;
}
#menucontainer 
{
	border-top:1px solid #222;
	border-bottom:1px solid #222;
/*	height:70px;*/
}
#header
{
	position:relative;
/*	width:940px;*/
	margin:auto;
	padding-top:20px;
	height:130px;
	font-size: 12px;
	font-weight:normal;
	font-family:Verdana;
	font-weight:normal;
    /*color: #fff;*/
}

a:link, a:visited 
{
    color: #cc2121;
    text-decoration:none;
}
a:hover 
{
    text-decoration:underline;
}

#header a:link, #header a:visited
{
    color: #888;
    text-decoration: none;
}

#header a:hover
{
    text-decoration: underline;
}
div#logo 
{
	position:absolute;
	background-color:#fff;
/*	background-image:url('Images/logo_OJC_140.png');*/
	background-image:url('Images/logo.png');
/*	background-image:url('Images/logo medium.png');*/
	background-position:center;
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	border:0px;
	width:140px;
	height:150px;
}
#maincontainer
{
	position:relative;
	padding: 15px 5%;
	margin:auto;
	background-color:White;
}
#main
{
	padding:0px;
/*	min-height:500px;*/
	width:100%;
	float:left;
}
#rightcolumn 
{
	float:right;
	width:30%;
	display:none;
/*	margin-top:30px;*/
}
/*#rightcolumn 
{
	position:absolute;
	top:0px;
	right:15px;
	width:285px;
	display:none;
}*/
.withRightColumn #rightcolumn
{
	display:block;
}
.withRightColumn #main 
{
	width:65%;
}
.withRightColumn #logo 
{
	display:block;
}
#rightcolumn ul
{
	padding-left:15px;
}
div#menucontainer 
{
	background-color:#fff;
	border:0px;
	border-bottom:1px solid #ddd;
}

div.menu 
{
/*	width:940px;*/
	overflow:hidden;
	margin:auto;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight:200;
	padding:0px;
/*	color:#ddd;*/
}

#menucontainer > div.menu 
{
	height:39px;
	background-color:#fff;
}

div.menu > table 
{
	margin-left:0px;
}
#menucontainer > div.menu td.menutitle
{
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#888;
}

#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:#cc2121;
}
#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
{
	background-color:#fff;
}
#menucontainer .menu_open > .menuscrolldown 
{
	margin-left:4px;
}

#footercontent div.menu 
{
	margin:auto;
	padding: 12px 6px;
}
#footercontent div.menu .menu_on > a.menutitlelabel, #footercontent div.menu .menu_on > a.menutitlelabel:visited, #footercontent div.menu .menu_on > a.menutitlelabel:hover, #footercontent td.menutitle > div, #footercontent td.menutitle.menu_on > div 
{
	color:#eee;
}
#footercontent a.menutitlelabel, #footercontent a.menutitlelabel_on, #footercontent td.menu_title > div 
{
	color:#eee;
}
#footercontent div.menu a.menutitlelabel:hover, #footercontent div.menu td.menu_open > a.menutitlelabel, #footercontent div.menu td.menu_open > div
{
	color:#fff;
}
#footercontent div.menu td.menu_on
{
	background-color:transparent;
}
#footercontent .menutitle 
{
	text-align:left;
	vertical-align:top;
	padding:0px 6px 0px 0px;
}

#rightcolumn .menu_on 
{
	background-color:transparent;
}
#rightcolumn div.menu a 
{
    color:#888;
}
#rightcolumn .menutitle 
{
	padding:5px 10px;
}

/*div.menu td.menu_on > div
{
	color:#fff;
	padding:12px;
	padding-top:14px;
}*/

/*.section1, .section2, .section3 
{
	border-bottom:1px solid #ddd;
}*/
.section1 
{
	background-color:White;
}

.section2 .sectionContent
{
	background-color:White;
}
body.fixed .section2 .sectionContent
{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.sectionContent 
{
	padding: 10px 15px;
	margin:auto;
	width:910px;
}
.section1 > div.dfile, .section2 > div.dfile 
{
	margin:auto;
	width:940px;
	overflow:hidden;
	margin-bottom:-2px;
}
.sectionContent > div.dfile
{
	overflow:hidden;
	margin-bottom:-2px;
}
#logindisplay 
{
	position:absolute;
	float:none;
	font-size:1em;
	right:10px;
	text-align:right;
}
#logindisplay > p
{
	margin:0px 0px 5px 0px;
	clear:right;
}

.currentUserName 
{
	margin-right:0px;
}
#systemMenu 
{
	margin-top:-2px;
}

.mappath
{
	display:none;
	position:absolute;
	left:0px;
	float:left;
	font-size:1em;
	white-space:nowrap;
}
/*#logindisplay a:link, #logindisplay a:visited
{
    color: silver;
}
#logindisplay a:hover
{
    color: #fff;
}*/
#loading 
{
	position:absolute;
	right:-3px;
	top:42px;
/*	right:5px;
	top:110px;*/
}


div#page.admin #maincontainer 
{
	margin:0;
}

.tablePart_cell p 
{
	padding:0 10px 0 0;
}

.withIcon > .ccontent 
{
	margin-left:70px;
}

.ccontent ul 
{
	padding-left:16px;
	list-style-type:square;
	list-style-position:outside;
}

#popup 
{
/*    padding: 30px 30px 15px 30px;
    background-color: #fff;*/
}

#footercontainer
{
	background-color:#888;
	/*border-top:1px solid #cc2121;*/
    color: White;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    clear:both;
    margin-bottom:0px;
    padding-bottom:0px;
}
#footercontent 
{
	padding-top:10px;
}
#rightcolumn div.menu, #footercontent div.menu 
{
	background-color:transparent;
	margin:auto;
	width:auto;
}
#footercontent div.menu .menutitle
{
	font-size:10px;
}
#footercontent div.menu > table > tbody > tr > td.menutitle > div, #footercontent div.menu > table > tbody > tr > td.menutitle > a
{
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
#footercontent div.menu > table
{
	margin:auto;
}
#footercontent div.menu table.subMenu 
{
	margin-top:8px;
}
#footer 
{
	background-color:#666;
    color: #ddd;
    padding:0px 0px;
    margin-bottom:0px;
    padding:5px 0px;
}
#footer > p 
{
    margin:0px;
    padding:0px;
}

/* page editor fix */
.ojcControl > div.pane_content 
{
/*	overflow: hidden;*/
}
#pageEditor #logo
{
	display:none;
}

/* Width layout : wide fixed */
#menucontainer div.menu, #header, #maincontainer
{
	width:90%;
}
body.fixed #menucontainer div.menu, body.fixed #header
{
	width:940px;
}
body.fixed #maincontainer
{
	width:910px;
	padding: 15px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
@media screen and (max-width: 960px) {
/*
	div.menu, #header, #maincontainer,
	body.fixed #menucontainer div.menu, body.fixed #header, body.fixed #maincontainer
	{
		width:100%;
	}
	#main
	{
		padding-left:10px;
	}
	#rightcolumn 
	{
		padding-right:10px;
	}
	div#logo 
	{
		right:10px;
	}
	.mappath
	{
		left:10px;
	}*/
	body.fixed #maincontainer, body.fixed .section2 .sectionContent
	{
		border-left:0px;
		border-right:0px;
	}
}
@media screen and (max-width: 700px) {
	div#logo 
	{
/*		right:0px;
		top:0px;*/
		border:0px;
		width:106px;
		height:98px;
		background-image:url('Images/logo medium.png');
	}
	#header 
	{
		height:100px;
	}
/*	#logindisplay 
	{
		right:auto;
		left:10px;
	}*/
	.mappath
	{
		bottom:10px;
	}
	body.fixed #menucontainer div.menu, body.fixed #header
	{
		width:100%;
	}
	#maincontainer  
	{
		padding-left:0px;
		padding-right:0px;
	}
	body.fixed #maincontainer
	{
		width:100%;
	}
	#main, .withRightColumn #main 
	{
		float:none;
		width:auto;
		padding-right:10px;
	}
	#rightcolumn 
	{
		float:none;
		width:auto;
		padding:10px;
		margin-top:40px;
	}
}


/* OJC Branding
----------------------------------------------------------*/

.OJCPageTitle, h1 {
	margin-top:0px;
	padding:10px 0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","SegoeUI", Segoe UI, Verdana, Tahoma, Arial, Helvetica;
	font-size: 24px;
	text-align: left;
	vertical-align:middle;
	color: #cc2121;
	font-weight:normal;
/*	text-transform:uppercase;*/
}

.OJCHead, h2 
{
	font-family: Calibri,"Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L",Tahoma, Arial, Helvetica;
	font-size:18px;
	font-weight: 400;
	text-align: left;
	color: #cc2121;
	padding-bottom:0;
}
body.page #main h2 
{
/*	font-size: 16pt;*/
	margin-top:20px;
}
body.popup #main {
	background-image:url(Images/logo_ojc_small.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.navigatorSection > h3 
{
	background-image:url(Images/red_arrow.png);
	background-position:5px 3px;
	background-repeat:no-repeat;
	padding-left:20px;
}

h3 
{
	color:#222;
}

/* Web part containers
----------------------------------------------------------*/
/*#rightcolumn h2 
{
	font-family:Verdana, Tahoma, Arial;
	font-size:14px;
}

#rightcolumn .container1 
{
	border: 1px solid #4c0612;
	padding:3px 10px;
	font-size:11px;
}
#main .container1 
{
	overflow:hidden;
}
*/

.container1 
{
}

.container1 h2
{
/*	border-bottom: 1px solid #cc2121;*/
	margin-top:0px;
	padding-top:14px;
}

#main .imagecontainer 
{
	overflow:hidden;
	margin-bottom:30px;
}

.container2 
{
	background-color:White;
	border:1px solid #ddd;
	padding:0px 15px;
}
.container2 h1 
{
	margin-top:10px;
}
/*.container2 p 
{
	padding:0px 10px 3px 10px;
}*/
/*.container2 h2 
{
	margin:0;
	font-size:14px;
	background-color: #222;
	color:White;
	padding:0px 10px 3px 10px;
}
.container2 h3
{
	margin:0;
	padding:5px 0px;
	font-weight:bold;
	border-top:1px dotted #222;
}*/
.container3 
{
	background-color:#eee;
	border:1px solid #ddd;
	padding:0px 15px;
}
/*#rightcolumn .container3
{
	background-color: #fff;
	color:#4c0612;
}
#rightcolumn .container3 > div, #rightcolumn .container3 > p
{
	padding:5px;
}
.container3 h2 
{
	background-color: #cc2121;
	color:White;
	margin:0;
	padding:12px 10px;
}
.container3 h3
{
	margin:0;
	padding:5px 0px;
	font-size:12px;
	font-weight:bold;
	color:#cc2121;
}


.container3 p 
{
	padding:5px 0px;
	margin:0;
}*/
.container4 
{
	margin-top:20px;
	padding:3px 10px;
	background-color: #444;
	color:White;
}
.container4 h2
{
	color:#ddd;
}
.container5
{
	margin-top:20px;
	padding:3px 10px;
	border: 1px solid #cc2121;
	color:#4c0612;
}
.container5 h2, .container h3 
{
	color:#cc2121;
}
.container6, .container7
{
	margin-top:0px;
	padding:3px 15px;
	color:White;
	background-color:#5cb5e3;
}
#rightcolumn .container6, #rightcolumn .container7 
{
	height:137px;
}

.container7 
{
	background-color:#cc2121;
}
.container6 h2, .container6 h3, .container6 a, .container6 a:visited, .container6 a:hover,
.container7 h2, .container7 h3, .container7 a, .container7 a:visited, .container7 a:hover
{
	color:White;
}
.container6 h2, .container7 h2
{
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
}
.container6 > .ojcIcon, .container7 > .ojcIcon 
{
	width:45px;
}
.container6 > .ccontent, .container7 > .ccontent
{
	margin-left:0px;
}
#pageIntro 
{
	height:200px;
}

.sectionContent > table > tbody > tr > td 
{
	border-left:1px solid #ddd;
	padding:0px 20px;
}

.sectionContent > table > tbody > tr > td:first-child
{
	border-left:0px;
	padding-left:0px;
}

/* MODULES
----------------------------------------------------------*/

.ojcIcon 
{
	float:left;
	width:65px;
	margin-top:15px;
}

/* Publication */
/*.blog > .blogPostFragment 
{
	width:250px;
	height:120px;
	float:left;
}*/
.blogPostFragment, .blogPostFragment p 
{
	line-height:normal;
}
.blogPostFragment.withThumbnails 
{
	margin-bottom:25px;
	clear:left;
	min-height:75px;
}
.blogPostFragment.withThumbnails h3 
{
	color: #cc2121;
	margin-bottom:3px;
}
.blogPostFragment.withThumbnails p
{
	margin-top:0px;
	margin-bottom:6px;
}
.blogPostFragment.withThumbnails > img 
{
	float:left;
}
.blogPostFragment.withThumbnails > div 
{
	margin-left:80px;
}

/*.nextPosts 
{
	clear:both;
}*/

/* GMAO */
.AssetsGrid { width:100% }

/* Timesheet month activity */
.tsdetail, .expdetail
{
	cursor:pointer;
}

/* Accounting :  */
table.datagrid > tbody .item .invoiceLineLabel
{
	padding: 2px 2px 4px 30px;
	text-indent: -25px;
}
table.datagrid > tbody .item .invoiceLineLabel textarea
{
	font-size: 11px;
	font-family: Verdana;
}
	
/* CompanyList */
.companyListLogo 
{
	float:left;
	width:150px;
	height:90px;
	text-align:center;
	vertical-align:middle;
}

/* Team */
.employeeItem 
{
	float:left;
/*	clear:left;*/
	margin-top:10px;
	padding-bottom:20px;
	margin-left:20px;
	margin-right:20px;
/*	border-bottom:1px solid #ddd;*/
}
.employeeItem h2 
{
	padding-top:0;
	margin-bottom:8px;
}
.employeeItem h3 
{
	margin-top:0;
	 color: #555;
    font-family:Verdana,Tahoma,Arial;
	font-size:11px;
}

.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;
	z-index:30;
	background-color:White;
	padding:15px;
	padding-top:0px;
	border:1px solid #ddd;
}
.employeeBiography p 
{
	margin-bottom:10px;
}
.employeeContact 
{
	padding-bottom:10px;
}