.FullWidth {
	width: 98%;
}

.LogoLink {
    position: relative;
    display: block;
    top: 5px;
    left: 0px;
    width: 100px;
    height: 120px;
}

/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 * A pseudo-patched version for mozilla in linux (where captiontext and active caption
 * are defined as buttonface and black always)
 */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("/design/default/calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: highlight;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td.weekend:hover{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}

















.host {
   width: 330px;
   font-size: 9px;
   border: 0px solid black;
   background: transparent;
   margin:0;
   padding:0;   
}

.host:hover {
   width: 330px;
   font-size: 9px;
   border: 0px solid black;
   background: transparent;
   margin:0;
   padding:0; 
   color: #ffffff;  
}

#table {
margin: 0px;
padding: 0px;
text-align: left;
}

#table th {
background-color:#DEDEDE;
font-weight: bold;
}
#search_version{
position: relative;
left: 240px;
bottom: 44px; 
_bottom: 48px;  /* IE hack :( */
}

#grey{
background-color:#F6F6F6;
}

.white{
background-color:#FFFFFF;
}


#lightgrey{
background-color:#B0B0B0;

}

#datepick .dateinput{
position: absolute;
left: 60px;
}


.blue{
background-color: #F6F6F6;
}

.personal{
background-color: #E0E0E0;
}

.unpaid{
background-color: #FFE0E0;
}

.firstpay{
background-color: #FFCC66;
}

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

a:hover{
color:#333;
text-decoration: underline;
}


a:active{color:#000;}

hr{
height: 1px;
/*background-color: #000000;*/
color: #000000;
margin: 0px;
padding: 0px;
}

.blue:hover, .white:hover, .unpaid:hover, .firstpay:hover, .personal:hover{
	background: #bcbcbc;
	color: #000000;
}

.blue:hover a, .white:hover a, .unpaid:hover a, .firstpay:hover a, .personal:hover a{
	background: #bcbcbc;
	color: #000000;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial,verdana,sans-serif;
	font-size: small;
	color: #000;
}
h1, h2, h3, h4,h5, h6 {
}

div.SearchForm {
	display: block;
	clear: both;
	width: 100%;
}

.SearchForm label {
	display: inline;
	float: left;
}

.SearchForm input, .SearchForm textarea, .SearchForm select {
	display: inline;
	margin: 2px;
	border: 1px solid green;
	background: #eaffea;
}


.SmallForm label {
	display: block;
	float: left;
	width: 180px;
	clear: left;
}

.SmallForm input, .SmallForm textarea, .SmallForm select {
	display: block;
	float: left;
	margin: 2px;
	margin-left: 20px;
	border: 1px solid green;
	background: #eaffea;
}

.TabularForm input, .SmallForm textarea, .SmallForm select {
	margin: 2px;
	border: 1px solid green;
	background: #eaffea;
}

table.TabularForm {
    width: 60%;
}

table.TabularForm th {
    text-align: left;
    border-bottom: 1px solid green;
}


.FormFields {
	border-bottom: 1px solid black;
}


.Form label {
	display: block;
	float: left;
	width: 180px;
	clear: left;
}
.Form input, .Form textarea, .Form select {
	display: block;
	float: left;
	margin: 2px;
	margin-left: 20px;
	border: 1px solid green;
	background: #eaffea;
    width: 300px;
}
.Form input[type=checkbox] {
	width: auto;
}

textarea {
	height: 180px;
	width: 460px;
}

div.Form {
	display: block;
	width: 100%;
}

.Cleared:after {
	content: ".";
	display: none;
	height: 0;
	clear: both;
	visibility: none;
}
/* Hides from IE-mac \*/
 * html .Cleared { height: 1%; }
 * End hide */


img {
	border: none;
}

ul, ol, li, dl, dt, dd, p, form, img {
	border: none;
}

dt {
	clear: left;
}

td h1 {
	font: bold 19px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 10px 0px 0px 0px;
}

#container {
	padding: 1em;
	min-width: 800px;
	font-size: 92.8%;
}

#logo {
	float: left;
	width: 126px;
	height: 58px;
	margin: 0px 0px 0px 0px;
	background: transparent url(/design/default/images/hiob-logo.png) no-repeat;
}

#MetaNav {
	float: right;
	width: auto !important;
	min-width: 200px;
	width: 200px;
	height: 40px;
	color: #383838;
	font: normal 11px Arial, Verdana, sans-serif;
}

a {
	color: #0c4ea6;
	outline: none;
}
table {
	border-collapse: collapse;
}
th.text a, 
td.text a {
	margin-left: 1px;
}

#header {
  float: left;
  margin: 0 0 1em 0;
  width: 100%;
}
#main_content {
  float: right;
  width: 83%;
   height: auto !important;
  min-height: 300px;
  border: solid 0px #000000;
}

#mainNavtree {
	float: left;
	color: #DDDDDD;
	font: normal 11px Arial, Verdana, sans-serif;
}

#mainContent {
	float: left;
	margin: 20px 0px 0px 0px;
	font: normal 12px Arial, Verdana, sans-serif;
}

#sidebarLeft {
  float: left;
  width: 15%;
  border: solid 0px #000000;
  margin: 0px 0px 10px 0px;
}

#SidebarInfo_1 {
	float: left;
	width: 100%;
	height: auto !important;
	height: 50px;
	background: #e9ffcb;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
}

#SidebarInfoHelp {
	float: left;
	width: 100%;
	height: auto !important;
	height: 50px;
	background: #ebebeb;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
}

.SidebarInfo_text {
	float: left;
	width: auto !important;
	color: #000000;
	height: auto !important;
	height: 30px;
	font: normal 12px Arial, Verdana, sans-serif;
	padding: 10px 0px 0px 10px;
}

.SidebarInfo_text h3 {
	color: #000000;
	font: bold 13px Arial, Verdana, sans-serif;
	margin: 0px 0px 10px 0px;
}

ul.helpList li {
	background:transparent url(/design/default/images/icons/help.gif) no-repeat !important;
	padding-left: 20px !important;
	height: auto !important;
	min-height: 19px;
	height:19px;
	width: auto !important;
	min-width: 180px;
	width: 180px;
	border-bottom: none;
	padding-top: 2px;
	list-style-type:none;
}


#footer {
  float: left;
	padding: 1em 0;
	width: 100%;
}

#logo {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}

#logo a {
	display: block;
	padding: 35px 0 0 0;
	width: 182px;
	height: 0;
	overflow: hidden;
	text-indent: -5000px;
	background: url(/design/default/images/main_logo.gif) no-repeat;
}
 
#skip_link {
	position: absolute;
	top: 0;
	left: -5000px;
}

#global_header_nav {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
	text-align: right;	
}

#global_header_nav li {
	display: inline;
	margin: 0 3px;
	padding: 0 2px 0 1px;
	border: #666 solid;
	border-width: 0 0px 0 0;
	list-style: none;
}
#global_header_nav li a {
	margin: 0 1px 0 0;
}
#global_header_nav li.last {
	border: 0;
	margin: 0;
}
#globalHeaderNav {
  float: left;
  width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 97%;
	color: #fff;
	background:#87bb40 repeat-x;
}

#leftround {
	float: left;
	position: relative;
	left: -3px;
	width: 5px;
	height: 25px;
	background: transparent url(/design/default/images/roundleft.gif) no-repeat;
}

#rightround {
	float: right;
	position: relative;
	left: 4px;
	width: 5px;
	height: 25px;
	background: transparent url(/design/default/images/rightround.gif) no-repeat;
}

#globalHeaderNav form {
	background: url(/design/default/images/bg/corner_small_generic_bl.gif) bottom left no-repeat;
}
#globalHeaderNav p  {
  float: left;
	padding: .2em .5em;
	white-space: nowrap;
	width: auto;
	background: url(/design/default/images/bg/corner_small_generic_bl.gif) bottom left no-repeat;
}
#globalHeaderNav p#account_nav {
  float: right;
  text-align: right;
	background: url(/design/default/images/bg/corner_small_generic_br.gif) bottom right no-repeat;
}
#globalHeaderNav a {
  color: #fff;
  border-right: 1px solid #fff;
  padding: 0 1em 0 0;
}

#profile_nav label {
	height: 20px;
}

#profile_nav label {
	margin: 0 0 0 .5em;
	
}
#profile_nav select {
	font-weight: normal;
}
#global_footer_nav {
	float: left;
	margin: 3em 0 0;
	background: transparent url(/design/default/images/dotted.gif) repeat-x;
	padding: 1em 0 0;
	width: 100%;
	list-style: none;
	text-align: center;
	color: #666666;
}
#global_footer_nav li {
	display: inline;
	margin: 0 3px;
	padding: 0 2px 0 1px;
	list-style: none;
}
#global_footer_nav li a {
	margin: 0 1px 0 0;
	text-decoration: none;
	color: #666666;
}

#global_footer_nav li a:hover {
	color: #464646;
}

#global_footer_nav li.last {
	border: 0;
	margin: 0;
}

/* REPORT NAV */
#report_nav {
  position: relative;
  z-index: 1;
  margin: 0px;
  
	padding: 5px 0px 4px 30px;
	list-style-type: none;
	background: #696969 url(/design/default/images/reportnavback.gif) no-repeat ;
	
}
#report_nav ul {
  	margin: 3px 0 0 0px;
  	
	border-top: #d7d7d7 0px dotted;
	list-style: none;
}


#report_nav ul.nested_report_nav {
	margin: 0 0 0 8px;
  border: 0;
  padding: 0;
}
#report_nav li {
	margin: 0 0 3px 0;
	padding: 1px 0 0 0;
	color: #FFFFFF;
	
}
#report_nav ul li {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
#report_nav a {
  display: block;
	border: solid #d7d7d7;
	border-width: 0 1px;
	font-size: 110%;
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
  background: #e4e4e4;
}
#report_nav a:hover {
  text-decoration: underline;
}
#report_nav ul a {
	font-size: 95%;
	margin: 0;
	border: 0;
	color: #444;
	background: #fff;
}
#report_nav a.current {
	border-color: #696969;
	color: #fff;
	background: #696969;
}
#report_nav a.current:hover {
  text-decoration: none;
}
#report_nav ul a.current {
	border: solid #696969;
	border-width: 0 1px;
	margin: 0 0 3px 0;
  background: #696969;
}
#report_nav ul a.expandable {
  margin: 0;
  padding: 0;
}
#report_nav a.disabled {
  color: #aaa;
  cursor: default;
}
#report_nav a.disabled:hover {
  text-decoration: none;
}

.LogoLink {
    position: relative;
    display: block;
    top: 5px;
    left: 0px;
    width: 100px;
    height: 120px;
}

#subnavbar {
float:left;
margin: 0px 0px 0px 0px;
width:100%;
}

#subnavbar li{
float:left;
list-style-type:none;
font: normal 11px Arial, Helvetica, sans-serif;
position:relative;
left: -9px;
top: 5px;
width:100%;
margin: 0px 0px 0px 0px;
padding: 2px;

}

#subnavbar ul li a {
list-style-type:none;
float:left;
text-decoration:none;
height: auto !important;
padding:7px;
color:#000000;
width:94%;
font: normal 12px Arial, Verdana, sans-serif;
text-transform: normal;
}

#subnavbar ul li a:hover{
float:left;
text-decoration:none;
background-color:#E4E4E4;
width:98%;
padding:7px;
height: auto !important;
color:#FFFFFF;
}

#subnavbar ul li a.active { 
background-color:#E4E4E4;
color: #000000;
width:98%;
padding:7px;
}

/* NAVIGATTION LEVEL 2 */
#subnavbar ul li.level_2 a {
float:left;
position: relative;
left: 0px;
text-decoration:none;
color:#000000;
width: 93%;
height: auto !important;
min-height:19px;
height:19px;
padding: 0px 0px 0px 20px;
background: none;
border-bottom: 0px dotted #D7D7D7;
border-top: 1px dotted #D7D7D7;
}

#subnavbar ul li.level_2 a:hover{
float:left;
text-decoration:none;
color:#314a97;
background: none;
width:127px;
height: auto !important;
min-height:19px;
height:19px;
padding: 0px 0px 0px 20px;
}

#subnavbar ul li.level_2 a.active{
background:none;
color: #314a97;
width: 93%;
font-weight: bold;
}


/* NAVIGATION LEVEL 3 */
#subnavbar ul li.level_3 a {
float:left;
position: relative;
left: 20px;
text-decoration:none;
color:#000000;
width: 100%;
height: auto !important;
padding: 5px;
background: none;
}

#subnavbar ul li.level_3 a:hover{
float:left;
text-decoration:none;
color:#314a97;
background: none;
width:190px;
height: auto !important;

padding: 0px 0px 0xp 0px;
}

#subnavbar ul li.level_3 a.active{
background:none;
color: #314a97;
width:190px;
}

body {
	font: normal 12px Arial, Verdana, sans-serif;
	background: #FFFFFF;
	color: #000000;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.AppearingContainer {
	background: #efefff;
	border: 1px solid blue;
	padding-right: 2px;
	clear: both;
}

.AppearingButton {
	font-size: 16;
	font-weight: bold;
	background: #cfcfff;
	width: 100%;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 7px;
	display: block;
	clear: both;
}

.AppearingBox {
}

#crumble {
	float: left;
	margin-top: 4px;
	margin-left: 4px;
	vertical-align: center;
}

#headersearch {
	vertical-align: center;
	float: right;
}

#headersearch input {
	background: #eeeeee;
	border: 1px solid black;
	margin: 2px;
}
#crumble a {
	font-size: 11px;
	color: white;
}


div.NavList {
	float: right;
	margin-top: 17px;
	vertical-align: bottom;
}

.NavList ul {
	display: inline;
}
.NavList li {
	display: inline;
	list-style-type: none;
	padding: 3px;
}

.NavList li.NavListActive {
	padding: 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: black;
	border-bottom: 1px solid white;
	display: inline;
	list-style-type: none;
	font-weight: bold;

}

#contentbox {
	clear: left;
	border: 1px solid black;
	padding: 10px;
	margin-top: 0px;
}

.titleAndTabbar {
	width: 100%;
	vertical-align: bottom;
	display: block;
}

.titleAndTabbar h1 {
	font-size: 20px;
	margin: 5px;
	float: left;
}

#titlebar {
	float: left;
	display: block;
	width: 300px;
	border-bottom: 1px solid black;
}





#subheader {
	float: left;
	width: 100%;
	clear: both;
	margin: 2px 0 0 0;
	background: #b4b4b4;
}
#navigation {
	float: left;
	width: 100%;
	height:auto !important;
	color: #000000;
	font-size:11px;
	margin: 0px 0px 0px 0px;
}

#navbar ul {
	padding: 0;
	margin: 0;
	width: 100%;
}

li.MenuLevel1 {
	background: #e0e0e0;
	list-style-type: none;
	height: 10pt;
	padding: 4px;
	padding-left: 10px;
	margin: 2px 0px 2px 0px;
}

li.MenuLevel1:hover {
	background: #afafcf;
}

li.MenuLevel2 {
	list-style-type: none;
	height: 10pt;
	padding: 4px;
	padding-left: 10px;
	margin-left: 12px;
	background: white;
	color: black;
}
li.MenuLevel2active {
	list-style-type: none;
	height: 10pt;
	padding: 4px;
	padding-left: 10px;
	background: white;
	font-weight: bold;
	margin-left: 12px;
	color: black;
}

li.MenuLevel1active {
	list-style-type: none;
	height: 10pt;
	padding: 4px;
	padding-left: 10px;
	/* background: #afafaf; */
	color: white;
	background: #4050b0;
	font-weight: bold;
}

li.MenuLevel1 a.Linkactive {
	color: white;
	display: block;
	text-decoration: none;
}

li.MenuLevel1 a.Link {
	color: black;
	display: block;
	text-decoration: none;
}

li.MenuLevel2 a.Link {
	display: block;
	color: black;
}
li.MenuLevel2 a.Linkactive {
	display: block;
	color: black;
}

li.MenuLevel2active a {
	color: black;
	display: block;
}

li.MenuLevel1active a {
	color: white;
	display: block;
}

li.MenuLevel2 a.Linkactive:hover {
	display: block;
	text-decoration: underline;
}

li.MenuLevel2 a.Link:hover {
	display: block;
	text-decoration: underline;
}




li.MenuLevel3 {
	list-style-type: none;
	height: 10pt;
	padding-left: 20px;
	margin-left: 12px;
	background: white;
	color: black;
	font-size: 10px;
}
li.MenuLevel3active {
	list-style-type: none;
	height: 10pt;
	padding-left: 20px;
	background: white;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10px;
	margin-left: 12px;
	color: black;
}

#helpbox {
	clear: both;
	background: #efffef;
	padding: 5px 5px 5px 10px;
	margin: 0px;
	border: 1px solid green;
}

#helpcontainer {
	clear: both;
	padding-top: 30px;

}

table.NormalTable {
	width: 100%;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
}

.NormalTable th {
	text-align: left;
	padding-left:  3px;
	padding-right: 3px;
	padding-top:    5px;
	padding-bottom: 5px;
	background: #87bb40;
	border: none;
	border-left: 1px solid #4f6e25;
}


.NormalTable tr.Row{
	background: #ececec;
	padding-left:  3px;
	padding-right: 3px;
	padding-bottom: 5px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	height: 20pt;
}
.ModernTable tr.Row:nth-child(odd),
.NormalTable tr.HL {
	height: 20pt;
	background: white;
}

.ModernTable th:after {
    content: " \25BE\25B4";
}

.ModernTable th[aria-sort=descending]:after {
    content: " \25BE";
}

.ModernTable th[aria-sort=ascending]:after {
    content: " \25B4";
}

.NormalTable tr:hover {
	background:  #bababa;
	padding-left:    3px;
	padding-right:   3px;
	padding-top:    12px;
	padding-bottom:  5px;
}

.NormalTable td {
	border-left: 1px solid #bababa;
	position: relative;
}

.HL td.SearchedColumn {
	background: #efefff;
}
td.SearchedColumn {
	background: #dfdfff;
}

.HL:hover td.SearchedColumn {
	background: #cfcfdf;
}
tr:hover td.SearchedColumn {
	background: #cfcfdf;
}
th.SearchedColumn {
	background: #b7db80;
}

td div.HoverMenu {
	display: none;
}
td:hover div.HoverMenu {
	position: absolute;
	z-index: 1;
	display: block;
	right: 5px;
	top: 2px;
}

.branch_status_0 {
}

.branch_status_1 {
	color: red;
	font-weight: bold;
}

td ul {
	padding: 0;
	margin: 0;
}
td ul li {
	list-style-type: none;
}
td ul li:before {
	content: '- '
}
td {
	vertical-align: top
}

table.FormTable {
	width: 50%;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
}

th.FormTable {
	text-align: left;
	border-bottom: 1px dotted green;
	border-top:    1px dotted green;
	border-left:   1px dotted green;
	padding: 3px;
}
tr.FormTable {
	background:  #dfffdf;
}
tr.FormTableHL {
	border-bottom: 1px dotted green;
	border-top: 1px dotted green;
}
tr.FormTable:hover {
	background:  #afffef;
	border-bottom: 1px dotted green;
	border-top: 1px dotted green;
}
tr.FormTableHL:hover {
	background:  #afffef;
	border-bottom: 1px dotted green;
}
td.FormTable {
	text-align: right;
}

.WarningBox {
	border: 2px solid #efef00;
	background: yellow;
	font-weight: bold;
	margin: 3px;
	padding: 10px;
}
.ErrorBox {
	border: 2px solid red;
	background: #ffcccc;
	font-weight: bold;
	margin: 3px;
	padding: 10px;
}
.NotificationBox {
	border: 2px solid #10b010;
	background: #70ff70;
	font-weight: bold;
	margin: 3px;
	padding: 10px;
    float:left;
}

div.LeftPart {
	border: 1px solid red;
	float: left;
	width: 45%;
	min-height: 200px;
}
div.RightPart {
	width: 45%;
	border: 1px solid red;
	margin-left: 55%;
	min-height: 200px;
}

.Draggable {
	border: 1px solid black;
	border-top: 2px solid red;
	list-style-type:none;
	padding: 4px;
	margin: 4px;
	width: 70%;
	
}

div.SmallForm {
	border: 1px solid green;
	padding: 10px;
	margin-top: 80px;
	margin-left: 25%;
	margin-right: 25%;
	line-height: 15pt;
	min-width: 400px;
	padding-bottom: 60px;
}

.CrumblePath {
	margin-bottom: 6px;
	float: left;
}

.InfoPopup {
	background: white;
	border: 1px solid blue;
	position: absolute;
	z-index: 1;
	padding: 2px;
	
	display: none;
}

.InfoPopup li{
}

.InfoPopup ul {
	display: block;
}

ul.Horizontal {
	list-style: square;
}
li.Horizontal {
	display: inline;
}

dt {
	font-weight: bold;
}

dd ul.errors {
	clear: both;
	display: block;
	margin-left: 160px;
	padding: 0px;
	padding-bottom: 10px;
}

dd .errors li {
	list-style-type: none;
}

.InlineEditor {
	vertical-align: top;
	width:  100%;
	min-height: 18pt;
}

.ShortInline .InlineEditor {
    display: inline;
}

.PopupMenu {
	position: absolute;
	right: 200px;
	left: 200px;
	top: 300px;
	min-height: 300px;
	min-width: 500px;
	z-index: 10;
	background: #f0f0f0;
	border: 1px solid #202020;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}



/* Applets */
.Applet {
	border: 1px dotted blue;
	background: #efefff;
	padding: 10px;
}



/* Project - latest activities */

.LatestProjectActivity {
	border: 1px solid darkgray;
	width: 300px;
	float: right;
	padding: 3px;
}

.LatestProjectActivity .Task {
	font-weight: bold;
	float: left;
	margin-right: 5px;
}

.LatestProjectActivity .Note {
	display: block;
	margin-left: 15px;
}
.LatestProjectActivity .Time {
	display: block;
	float: right;
	margin-left: 15px;
}

.LatestProjectActivity .ActivityEntry {
	border-top: 1px dotted gray;
}

.LatestProjectActivity h3 {
	margin: 4px;
	font-style: italic;
}