﻿body
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 8px;
}
button
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	cursor: pointer;
	white-space: nowrap;
}
div
{
	margin: 0px;
	padding: 0px;
}
img
{
	border-width: 0px;
}
input
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
select
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
table
{
	border-width: 0px;
}
td
{
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 1px;
	vertical-align: top;
}
textarea
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
ul
{
    list-style-position: outside;
    margin-left: 0;
    padding-left: 20px;
    vertical-align: middle;
}
li
{
    margin: 0;
    padding: 0;
}

a
{
	color: #4428A0;
	text-decoration: underline;
}
a:visited
{
	color: #4428A0;
	text-decoration: underline;
}
a:hover
{
	background-color: #ADD8E6;
}
a img
{
	border-style: none;
}
a.Disabled
{
	color: #888888;
}
a.Disabled:hover
{
	color: #888888;
	background-color: Transparent;
}

.right
{
    float: right;
}
.left
{
    float: left;
}
.clear
{
    clear: both;
}
.bold
{
    font-weight: bold;
}


.NoHover a:hover
{
	background-color: Transparent;
}


.MainLogo
{
	padding: 0;
	height:63px;
	text-align: right;
	width: 974px;
}
.MainLogo img { vertical-align:top; }


.MainMenuBar img
{
	padding-bottom: 2px;
}
.MainMenuBar .GapLeft
{
	margin-left: 2px;
}

.MyPerManMenuBar
{
    left: 148px;
	position: absolute;
	width: 558px;
}
.MyPerManMenuBar .GapLeft
{
	margin-left: 2px;
}
.CpdMenuBar
{
	left: 428px;
	position: absolute;
	width: 278px;
}
.CpdMenuBar .GapLeft
{
	margin-left: 2px;
}
.HomeMenuBar
{
	left:148px;
	position: absolute;
	width: 838px;
}
.HomeMenuBar .GapLeft
{
	margin-left: 2px;
}
.MyProjectsListMenuBar
{/*
	left: 288px;
	position: absolute;
	width: 698px;*/
	left: 428px;
	position: absolute;
	width: 558px;
}
.MyProjectsListMenuBar .GapLeft
{
	margin-left: 2px;
}
.MyProjectsMenuBar
{
	left: 148px;
	position: absolute;
	width: 698px; /*838 with overview*/
}
.MyProjectsMenuBar .GapLeft
{
	margin-left: 2px;
}
.ResourcesMenuBar
{
	left: 568px;
	position: absolute;
	width: 278px; 
}
.ResourcesMenuBar .GapLeft
{
	margin-left: 2px;
}
.SefMenuBar
{
	position: absolute;
	width: 418px;
}
.SefMenuBar .GapLeft
{
	margin-left: 2px;
}
.ReportMenuBar
{
	position: absolute;
	width: 558px;
	/*width: 600px;*/
}
.ReportMenuBar .GapLeft
{
	margin-left: 2px;
}
.SdpMenuBar
{
    left: 148px;
	position: absolute;
	width: 698px;
}
.SdpMenuBar .GapLeft
{
	margin-left: 2px;
}


.Banner
{
	padding: 8px;
	margin-bottom: 8px;
}
.Banner .Content
{
	border-collapse: collapse;
	width: 958px;
}
.Banner .Content td
{
	border-width: 0px;
	padding: 0px;
}
.Banner .Content .Hier
{
	width: 58%;
}
.Banner .Content .Hier div
{
	padding-left: 16px;
	text-indent: -16px;
}
.Banner .Content .Hier img
{
	margin-right: 2px;
}
.Banner .Content .Text
{
	font-weight: bold;
	padding-right: 16px;
	vertical-align: middle;
}
.Banner .Content .Text .Title
{
	font-size: medium;
}
.Banner .Content .Text .SubTitle
{
	font-size: x-small;
}
.Banner .TopSpacer
{
	height: 24px;
}

body.mceContentBody 
{
   font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
/*Personal*/
.PersonalHomeMenuBar
{
    left: 10px;
	position: absolute;
    width: 698px;
	/*left: 150px;
	position: absolute;
	width: 558px;*/
}
.PersonalHomeMenuBar .GapLeft
{
	margin-left: 2px;
}
.PersonalCpdMenuBar
{
	left: 289px;
	position: absolute;
	width: 418px;
}
.PersonalCpdMenuBar .GapLeft
{
	margin-left: 2px;
}
.PersonalMyPerManMenuBar
{
    left: 150px;
	position: absolute;
	width: 418px;
}
.PersonalMyPerManMenuBar .GapLeft
{
	margin-left: 2px;
}
/**/
.PersonalMyReviewersReportsMenuBar
{
    left: 150px;
	position: absolute;
	width: 418px;
}
.PersonalMyReviewersReportsMenuBar .GapLeft
{
	margin-left: 2px;
}
/**/
.PersonalSdpMenuBar
{
    left: 10px;
	position: absolute;
	width: 278px;
}
.PersonalSdpMenuBar .GapLeft
{
	margin-left: 2px;
}
.PersonalMyProjectsMenuBar
{
    left: 10px;
	position: absolute;
	width: 698px;
}
.PersonalMyReportsMenuBar
{
    left: 10px;
	position: absolute;
	width: 698px;
}
.PersonalMyLaReportsMenuBar
{
    left: 150px;
	position: absolute;
	width: 558px;
}
/*.PersonalMyLaReportsMenuBar .GapLeft
{
	margin-left: 2px;
}*/
.PersonalMyReportsMenuBar .PersonalMyLaReportsMenuBar .PersonalMyProjectsMenuBar, .GapLeft
{
	margin-left: 2px;
}
.NotLinkedReviewerProjectsMenuBar
{
	left: 8px;
	position: absolute;
	width: 558px;
}
.NotLinkedReviewerProjectsMenuBar .GapLeft
{
	margin-left: 2px;
}
.NotLinkedPersonalHomeMenuBar
{
	left: 150px;
	position: absolute;
	width: 558px;
}
.NotLinkedPersonalHomeMenuBar .GapLeft
{
	margin-left: 2px;
}

@media print
{
	.Banner
	{
		background-color: Transparent;
		background-image: none;
		padding: 0px 0px 8px 0px;
	}
	.Banner .Content
	{
		width: 100%;
	}
	.NoPrint
	{
		display: none;
	}
}
