body{
	background-color:#eeeeee;
	margin:0px;
	font-family:arial,sans-serif;
	font-size:8pt;
	line-height:10pt;
}

h1 {
	margin-top:3px;
	margin-bottom:8px;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
	color:#000066;
}		

h2 {
	margin-top:3px;
	margin-bottom:8px;
	font-size:12px;
}	

h3 {
  font-family:arial,sans-serif;
  font-size:10pt;
  font-weight:bold;
  margin-top:6px;
  margin-bottom:4px;
  margin-left:2px;
}

p {
	margin-top:5px;
	margin-bottom:5px;
}

td{
	font-family:arial,sans-serif;
	font-size:8pt;
	line-height:10pt;
	color:#000066;
}

label {
	cursor:pointer;	
}

a:link {
	font-family:arial,sans-serif;
	font-size:8pt;
	line-height:10pt;
	font-weight:bold;
	text-decoration:none;
	color:#000066;
}

a:visited {
	font-family:arial,sans-serif;
	font-size:8pt;
	line-height:10pt;
	font-weight:bold;
	text-decoration:none;
	color:#000066;
}

a:active {
font-family:arial,sans-serif;
font-size:8pt;
line-height:10pt;
font-weight:bold;
text-decoration:none;
color:#000066;
}

a:hover {
font-family:arial,sans-serif;
font-size:8pt;
line-height:10pt;
font-weight:bold;
text-decoration:underline;
color:#000066;
}

a.greyLink {
	color:#999999;
	font-weight:normal;
	white-space:nowrap;
}
a.greyLink:hover {
	color:#999999;
	font-weight:normal;
}

h1.bigHeading {
  font-size:18px;
  line-height: 22px;
}

button {
font-family:arial,sans-serif;
font-size:8pt;
text-align:center;
padding-left:5px;
padding-right:5px;
background-color:white;
color:#000066;
border:#000099 1px solid}

button:hover {
text-decoration:underline;
cursor:pointer;
background-color:#ffee66}


.error {
font-family:arial,sans-serif;
font-size:8pt;
line-height:10pt;
font-weight:bold;
color:#FF0033;
}

.success {
font-family:arial,sans-serif;
font-size:8pt;
line-height:10pt;
font-weight:bold;
color:#339900;
padding:6px;
}

.heading {
font-family:arial,sans-serif;
font-size:8pt;
line-height:28px;
color:#000066;
font-weight:bold;
padding:2pt;
text-transform:uppercase; 
letter-spacing:1px;
}

.menuwhite td  {
padding-left:5px;
padding-right:5px;
text-align:left;
background-color:#ffffff}

.menuyellowlight td  {
padding-left:5px;
padding-right:5px;
text-align:left;
background-color:#d4d4e8}

.menuyellow td  {
padding-left:5px;
padding-right:5px;
text-align:left;
background-color:#a5a5ca}

.menuyellowdark td  {
padding-left:5px;
padding-right:5px;
text-align:left;
background-color:#8c8ccf}


.rightmenuwhite td  {
padding-left:5px;
padding-right:5px;
text-align:right;
background-color:#ffffff}

.rightmenuyellowlight td  {
padding-left:5px;
padding-right:5px;
text-align:right;
background-color:#d4d4e8}



tr.topmenu td {
height:23px;
padding:0px;
border-right:1px #6f6f9f solid;
border-bottom:1px #6f6f9f solid}

div.topmenu a {
margin: 0px;
width: 100%;
height: 23px;
vertical-align:bottom;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
display: block}

div.topmenu a:hover {
text-decoration:underline;
background-color:#ffee66}

div.topmenu {
display:block;
overflow:hidden;
padding:0px;
text-align:center;
width:100%;
height:100%;
vertical-align:bottom;
background-color:#c3c3dc}


div.topmenubar {
	position:relative;
	top:0px;
	height:22px;
	margin-left:132px;
	border-top:1px #6f6f9f solid;
	border-bottom:1px #6f6f9f solid;
  background-color:#dcdcea;
	background-image:url(images/backgrounds/buttons.png);
	background-position:0px 20px;
}

div.topmenunew {
	position:absolute;
	top:0px;
	width:20%;
	height:22px;
	display:block;
	padding:0px;
	text-align:center;
	vertical-align:bottom;
}

div.topmenunew a {
	margin: 0px;
	width: 100%;
	height: 18px;
	vertical-align:bottom;
	padding-top:4px;
	padding-bottom:0px;
	text-decoration: none;
	display: block;
}

div.topmenunew a:hover {
	text-decoration:underline;
	height: 18px;
	padding-bottom:0px;
	background-color:#c5c5e1;
  background-image:url(images/backgrounds/buttons.png);
  background-position: 0px 0px;
}

div.topmenunew img.divider {
	z-index:3;
	position:absolute;
	bottom:0px;
	left:0px;
	width: 2px;
	height: 22px;
	border:0px;
}

div.topmenunew span {
	display:block;
	height:14px;
	width:50px;
	margin:auto;
	text-align:left;
  border:none;
	background-image:url(images/icons/mini-icons.gif);
  background-position:0px -94px;
  background-repeat:no-repeat;
  padding-left:14px;
  cursor:pointer;
}




/** Left and right menu columns */
td.leftmenucolumn {
width:118px;
vertical-align:top;
background-color:#f0f0ff;
border-right:1px #6f6f9f solid}

td.rightmenucolumn {
width:118px;
vertical-align:top;
background-color:#f0f0ff;
border-left:1px #6f6f9f solid}

div.menucolumn {
width:116px;
height:100%;
padding:8px}


/** New version */
div.mainpage {
	position:absolute;
	left:0px;
	top:80px;
	width:100%;
	overflow:visible;
	display:block;
	padding:0px;
	margin:0px;
	background-color:#f0f0ff;
}

div.menucolumnnew {
	width:114px;
	height:680px;
	display:block;
	position:absolute;
	overflow:visible;
	top:0px;
	padding:8px;
	background-color:#f0f0ff;
	z-index:1;
}

div.menucolumnnew#left {
  left:0px;
}

div.menucolumnnew#right {
  right:0px;
}

div.maincontent {
	margin-left:132px;
	margin-right:131px;
	position:relative;
	top:0px;
	left:0px;
	min-height:680px;
	overflow:visible;
	display:block;
	padding:8px;
	background-color:#ffffff;
	border-left:1px #6f6f9f solid;
	border-right:1px #6f6f9f solid;
	z-index:2;
}

/* IE hack: this can be only be viewed by IE browsers */
* html div.maincontent {
	height:680px;
}

div.maincontent#center {
  padding-top:100px;
}

div.maincontentCenter {
	padding-top:100px;
}

div.menudivider{
height:18px}

div.menuheader {
	display:block;
	width:104px;
	height:16px;
	overflow:hidden;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	font-family:arial,sans-serif;
	font-size:8pt;
	text-align:right;
	text-decoration: none;
	color:#000066;
	background-color:#d4d4e8;
	background-image:url(images/left_menu_header.gif);
	border-right:1px #6f6f9f solid;
	border-left:1px #6f6f9f solid;
	border-top:1px #6f6f9f solid;
}


div.menuheaderbottom {
	display:block;
	width:104px;
	height:16px;
	overflow:hidden;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	font-family:arial,sans-serif;
	font-size:8pt;
	text-align:right;
	text-decoration: none;
	color:#000066;
	background-color:#d4d4e8;
	background-image:url(images/left_menu_header.gif);
	border-right:1px #6f6f9f solid;
	border-left:1px #6f6f9f solid;
	border-top:1px #6f6f9f solid;
	border-bottom:1px #6f6f9f solid;
}

div.menuheaderBrightYellow {
	background-color:#8c8ccf;
	background-image: none;
}

/** Left menu elements */
div.leftmenu {
	text-align:center;
	padding:0px;
	width:114px;
	height:19px;
	overflow:hidden;
	border-right:1px #6f6f9f solid;
	border-left:1px #6f6f9f solid;
	border-top:1px #6f6f9f solid;
}

div.leftmenu a {
	display:block;
	margin:0px;
	width:104px;
	height:18px;
	text-align:left;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}

div.leftmenu a:hover {
	text-decoration:underline;
	background-color:#bbbbf1;
	background-image:url(images/backgrounds/buttons.png);
	background-position: 0px 19px;
}

div.leftmenubottom {
text-align:center;
padding:0px;
width:114px;
height:19px;
overflow:hidden;
border-right:1px #6f6f9f solid;
border-left:1px #6f6f9f solid;
border-top:1px #6f6f9f solid;
border-bottom:1px #6f6f9f solid}

div.leftmenubottom a {
display:block;
margin:0px;
width:104px;
height:18px;
text-align:left;
padding-top:3px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none}

div.leftmenubottom a:hover {
	text-decoration:underline;
	background-color:#bbbbf1;
  background-image:url(images/backgrounds/buttons.png);
  background-position: 0px 19px;
}


a.leftmenuwhite {
background-color:#ffffff;
text-decoration: none}

a.leftmenuyellowlight {
background-color:#d4d4e8}

a.leftmenuyellow {
background-color:#a5a5ca}

a.leftmenuyellowdark {
background-color:#8c8ccf}


div.loginbox {
width:104px;
overflow:hidden;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
font-family:arial,sans-serif;
font-size:8pt;
text-align:left;
text-decoration: none;
color:#000066;
border:1px #6f6f9f solid;
background-color:#ffffff}

div.pageFooter {
	position:relative;
	top:0px;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	background-color:#6f6f9f;
	background-image:url(images/menu_button_background.gif);
}


tr.dataTableHeader td {
	height:22px;
	border: 1px solid #6f6f9f;
	padding-left:10px;
	background-image:url(images/backgrounds/title_background_30px.png);
}

tr.dataTableFooter td {
	height:22px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	border: 1px solid #6f6f9f;
	background-image:url(images/backgrounds/title_background_30px.png);
}

.data td {
padding-left:10px;
padding-right:10px;
text-align:center;
background-color:#d4d4e8}

.dataleft td {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#d4d4e8;
}

.datalight td {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	background-color:#f0f0ff;
}

.dataleftlight td {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#f0f0ff;
}

.datamiddle td {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	background-color:#a5a5ca;
}

.dataleftmiddle td {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#a5a5ca;
}

.dataleftdark td {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#8c8ccf;
}

.dataleftwhite td {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#ffffff;
}

.dataBrightYellow td {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#8c8ccf;
}

.dataLeftLightRed td {
	background-color:#ffeeee;
}

.dataLeftLightGreen td {
	background-color:#eeffee;
}


tr.highlight td {
	background-color:#c3c3dc;
	background-image:url(images/td_highlight.gif);
}

tr.verticaltop td {
	vertical-align:top;
}

.datafooter td {
height:18px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
text-align:left;
background-color:#d4d4e8}

.datafootermiddle td {
	height:18px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-color:#a5a5ca;
}

tr.dataSmallPadding td {
	padding-top:3px;
	padding-bottom:3px;
}

tr.dataMediumPadding td {
	padding-top:6px;
	padding-bottom:6px;
}

tr.dataBigPadding td {
	padding-top:10px;
	padding-bottom:10px;
}

tr.dataSeparator td {
	height:18px;
	border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
	background-color:#ffffff;
}


.borderyellowleft {
border-left: 1px #6f6f9f solid}

.borderyellowright {
border-right: 1px #6f6f9f solid}

.borderyellow {
border-left: 1px #6f6f9f solid;
border-right: 1px #6f6f9f solid}

.borderyellowall {
	border-top: 1px #6f6f9f solid;
	border-bottom: 1px #6f6f9f solid;
	border-left: 1px #6f6f9f solid;
	border-right: 1px #6f6f9f solid;
}

.borderyellowtop {
border-top: 1px #6f6f9f solid;
border-left: 1px #6f6f9f solid;
border-right: 1px #6f6f9f solid}

.borderyellowtopleft {
border-top: 1px #6f6f9f solid;
border-left: 1px #6f6f9f solid}

.borderyellowtopright {
border-top: 1px #6f6f9f solid;
border-right: 1px #6f6f9f solid}

.borderyellowtoponly {
	border-top: 1px #6f6f9f solid;
	border-left: 0px;
	border-right: 0px;
}

.borderyellowbottom {
	border-bottom: 1px #6f6f9f solid;
	border-left: 1px #6f6f9f solid;
	border-right: 1px #6f6f9f solid;
}

.borderyellowbottomonly {
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #6f6f9f solid;
}

.borderyellowbottomleft {
border-bottom: 1px #6f6f9f solid;
border-left: 1px #6f6f9f solid}

.borderyellowbottomright {
border-bottom: 1px #6f6f9f solid;
border-right: 1px #6f6f9f solid}

.borderyellowmiddle {
border-top: 1px #6f6f9f solid;
border-bottom: 1px #6f6f9f solid}

tr.borderWhiteAll td {
	border:1px solid #ffffff;
}

tr.borderNone td {
  border:0px;
}

td.sorting img {
	position:relative;
	top:1px;
}

img.sortimage {
	position:relative;
	top:1px;
	margin-left:4px;	
}

input.rahmen {
	font-family:arial,sans-serif;
	font-size:8pt;
	padding-left:3px;
	padding-right:3px;
	background-color:white;
	color:#000066;
	border:#000099 1px solid;
}

input.textinput {
font-family:Arial,sans-serif;
font-size:8pt;
background-color:white;
color:#000066;
border:#000099 1px solid;
line-height:14px;
padding:3px}

input.link {
font-family:arial,sans-serif;
font-size:8pt;
line-height:10pt;
font-weight:bold;
text-decoration:none;
background-color:#d4d4e8;
color:#000066;
border:0px}

input.link:hover {
text-decoration:underline}

textarea {
	font-family:arial,sans-serif;
	font-size:8pt;
	color:#000066;
	border:#000099 1px solid;
	background-color:white;
}

select {
	font-family:verdana,sans-serif;
	font-size:8pt;
	color:#000066;
	border:#000099 1px solid;
	background-color:white;
}

select.inputform {
  height:20px;
}

textarea.noscroll {
font-family:arial,sans-serif;
font-size:8pt;
color:#000066;
border:#000099 1px solid;
background-color:white;
overflow:hidden;
padding:3px}


td.activetab {
	text-align: center;
	font-weight:bold;
	height: 18px;
	border-top: 1px #6f6f9f solid; 
	border-left: 1px #6f6f9f solid; 
	background-color: #f0f0ff;
}

td.passivetab {
	padding:0px;
	text-align: center;
	border-top: 1px #6f6f9f solid; 
	border-left: 1px #6f6f9f solid; 
	border-bottom: 1px #6f6f9f solid; 
	background-color: #ffffff;
}

td.passivetab a {
	margin: 0px;
	width: 100%;
	height: 18px;
	padding-top:4px;
	vertical-align:middle;
	text-decoration: none;
	display: block;
}

td.passivetab a:hover {
	text-decoration:underline;
	height: 18px;
  background-image:url(images/backgrounds/buttons.png);
  background-position:0px 0px;
  background-color:#c3c3dc;

}



.bigtext {
font-size:12pt;
line-height:14pt;
font-weight:bold;
text-decoration:none;
color:#000066}

.mediumtext {
font-size:11pt;
line-height:12pt;
font-weight:bold;
text-decoration:none;
color:#000066}

.strikethrough {
	text-decoration: line-through;	
}

.boldtext {
font-size:8pt;
line-height:10pt;
font-weight:bold;
text-decoration:none;
color:#000066}

.smallGreyText {
	font-size:7pt;
	line-height:8pt;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
}


a.fakebutton {
text-align:center;
font-weight:bold;
height:15px;
width:80px;
border: 1px #6f6f9f solid;
padding-left:12px;
padding-right:12px;
padding-top:3px;
background-color:#FFFFFF}

a.fakebutton:hover {
text-decoration:underline;
background-color:#a0a0eb;
}


a.fakebuttonbig {
	padding-top:0px;
	height:21px;
	width:150px;
}


/**
 * Better looking version of the fake button
 */
a.modernfakebutton {

  display:block;
  height:17px;
  text-align:center;
  border: 1px #6f6f9f solid;
  background-image:url(images/backgrounds/buttons.png);
  background-color:#c4c4dd;
  -moz-border-radius:5px;
}

a.modernfakebutton:hover {
  background-position:0px 40px;
  background-color:#a0a0eb;
  text-decoration:none;
}

a.modernfakebutton span {
  position:relative;
  top:2px;
}

a.modernFakeButtonDark {
	background-image: none;
	background-color: #8c8ccf;
}	

/**
 * Similar looking version of the normal submit button
 **/
.modernbutton {
  height:18px;
  text-align:center;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#000066;
  padding-bottom:2px;
  border: 1px #6f6f9f solid;
	background-image:url(images/backgrounds/buttons.png);
	background-position:0px 0px;
  background-color:#ffffbb;
  -moz-border-radius:5px;
  cursor: pointer;
}

.modernbutton:hover {
  background-position:0px 38px;
  text-decoration:none;
}

	
/**
 * Styles for the photo gallery pages
 */

td.photocell {
	padding-top:10px;
	padding-bottom:10px;	
} 

div.photoframe {
	position:relative;
	top:0px;
	height:130px;
	width:100px;
	overflow:hidden;
	vertical-align:top;
	text-align:center;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background-color:#dddddd;
}

div.photoframe span {
	font-size:70px;
	line-height:130px;
	font-weight:bold;
	color:#bbbbbb;
}

img.photoimage {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	min-height:130px;
	border:none;
}

a.photouserlink {
	vertical-align:bottom;
}

a.photouserzoom {
	position:relative;
	top:0px;
	right:0px;
	width:100px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
	font-size:10px;
	text-align:right;
}

div.photouserzoom {
	position:relative;
	top:0px;
	right:4px;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
	font-size:10px;
	text-align:right;
}

div.onlineIdentities span {
	display:block;
	float:left;
	width:75px;
}

/**
 * Debug Webdata formatting
 */
div.webData {
    padding:5px;
    margin-bottom:4px;
    border:2px solid #6f6f9f;
}

table.webDataTable {
    width:100%;
    border-collapse: collapse;
    font-size:11px;
}

table.webDataTable th {
    padding-left:10px;
    padding-right:10px;
    width:15%;
    text-align:left;
    border: 1px solid #6f6f9f;
    background-color:#f3f3f3;
}

table.webDataTable td {
    padding-left:6px;
    border: 1px solid #6f6f9f;
}

table.webDataIterationTable {
    width:100%;
    border-collapse: collapse;
    font-size:11px;
}

table.webDataIterationTable th {
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    width:30px;
    background-color:#d4d4e8;
}

/**
 * Search conditions display
 */
table.searchConditions th {
	font-weight: normal;
}

table.searchConditions td {
	font-weight: bolder;
}


/**
 * Predictive search for users
 **/
ul.userSearchCurrentResultList {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	padding-left:0px;
	margin:0px;
	border-top: 1px solid #6f6f9f;
} 
 
ul.userSearchCurrentResultList li {
	margin:0px;
	display: inline;
	list-style-type: none;
}

ul.userSearchCurrentResultList a {
	position:relative;
	top:0px;
	display:block;
	font-weight:normal;
	height:64px;
	width:306px;
	border-left: 1px solid #6f6f9f;
	border-right: 1px solid #6f6f9f;
	border-bottom: 1px solid #6f6f9f;
	background-color:#f0f0ff;
}
ul.userSearchCurrentResultList a:hover {
	font-weight:normal;
	text-decoration: none;
}

	
ul.userSearchCurrentResultList img {
	position:relative;
	top:2px;
	left:4px;
	height:60px;	
	width:45px;	
	margin-right:10px;
	border:0px;
}

span.userSearchUserName {
	position:absolute;
	top:8px;
	left:60px;
	color:#000066;
	font-size:12px;
	font-weight:bold;
}

span.userSearchUserSubtitle {
	position:absolute;
	top:44px;
	left:60px;
}

.userSearchActiveUser {
	background-color:#bebef2;
	cursor:pointer;
}

/**
 * Table highlighting for non-IE browsers
 */
tr.hoverhighlight:hover td {
	background-color:#bebef2;
}

/**
 * Highlighting for VIMA members
 **/
tr.vimaHighlight td {
	background-image:url(images/td_vima.png);
} 
 

/** 
 * Pager styles (scrolling through table results
 * across several screens
 */
div.pager {
	margin-top:2px;
	margin-bottom:0px;
	height:22px;
}

div.pager a {
	text-decoration:none;
}

div.pager img {
	margin-left:5px;
	margin-right:5px;
	border:0px;
}

div.pager span {
  float:left;
  position:relative;
	top:2px;
	padding-left:4px;
	padding-right:4px;
	margin-left:3px;
	margin-right:3px;
}

div.pager span.pageNumber {
	text-decoration:none;
	background-color:#ffffff;	
	border:1px solid #a0a0c0;
}

div.pager a:hover span.pageNumber {
	background-color:#bebef2;
}

div.pager span.currentPage {
	font-weight:bold;
	color:#ffffff;
	background-color:#293772;
}


div.pager a.arrow {
    float:left;
    display:block;
    height:18px;
    width:20px;
    margin-top:1px;
    margin-left:5px;
    margin-right:5px;
    border:0px;
}

div.pager a.previousArrow {
    background-image:url(images/icons/left.png);   
}
div.pager a.previousArrow:hover {
    background-image:url(images/icons/left.png);   
}

div.pager a.nextArrow {
    background-image:url(images/icons/right.png);   
}
div.pager a.nextArrow:hover {
    background-image:url(images/icons/right.png);   
}

div.pager span.dots {
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}



/**
 * Picture archive folder tree
 */
.picarchivetreefolderline {
  position:relative;
  height:17px;
  overflow:visible;
  white-space: nowrap;
}

.picarchivetreefolderline a {
  position:relative;
  top:-3px;
}

.picarchivetreefolderline span {
  position:relative;
  top:-2px;
}

img.picarchivetreeplusminus {
  position:absolute;
  top:2px;
  left:-11px  
}

img.picarchivetreeicon {
  margin-right:3px;
  display:inline;
}

img.floatingfolder {
 position:relative;
 top:3px;
}



div.picarchivetreeicon {
  position:absolute;
  top:1px;
  left:0px;
  height:12px;
  width:16px;
  display:block;
  margin-right:3px;
  padding:0px;
  background-image:url(images/icons/folder.png);
  background-repeat: no-repeat;
}

div.folderActions img {
	position:relative;
	top:2px;
	border:0px;
	margin-top:10px;
	margin-right:5px;
}

div.folderActions a:hover {
	text-decoration:none;
	background-color:#c3c3dc;
	background-image:url(images/td_highlight.gif);
}
	
div.treefolderLineSelected {
	background-color:#c3c3dc;
	background-image:url(images/td_highlight.gif);
}


/**
 * Picture archive mini thumbnails
 */
div.picarchiveMiniThumbBar {
	position:relative;
	top:0px;
	height:46px;
	display:block;
	background-color:#f0f0f0;
}
 
div.picarchiveMiniThumbBar div {
	position:absolute;
	top:4px;
	display:block;
	height:40px;
	width:50px;
	overflow:hidden;
	background-color:#d4d4e8;
	cursor: pointer;
}

div.picarchiveMiniThumbBar div.picArchiveMarkedThumbDiv {
	border:2px solid #6f6f9f;
	top:2px;
	width:46px;
}


img.picarchiveMiniThumbNavigation {
	position:absolute;
	top:15px;
	cursor: pointer;
}

img.picarchiveMiniThumbNavigationLeft {
	left:4px;
}	

img.picarchiveMiniThumbNavigationRight {
	right:4px;
}

div.picarchiveSlideShowButtonBar {
	position:relative;
	top:0px;
	height:30px;
}

div.picArchiveLeftMenuSection {
	position:relative;
	top:0px;
	margin-top:6px;
	margin-bottom:10px;
	padding:8px;
	border:1px solid #6f6f9f;
	-moz-border-radius:6px;
}

img.picarchiveButton {
	margin-top:auto;
	margin-bottom:auto;
	cursor: pointer;
}

img.picarchive16pxButton {
	position:relative;
	top:-3px;
}

span.picarchiveButtonSpan {
	position:relative;
	top:-7px;
	padding-left:4px;
	padding-right:4px;
}


/**
 * Picture archive main picture
 */
div.picarchiveBigPictureDiv {
	position:relative;
	top:0px;
	margin-top:5px;
	margin-bottom:10px;
	background-color:#f0f0f0;
}

/**
 * Picture archive main picture
 */
div.picarchiveBigPictureDiv {
	position:relative;
	top:0px;
	margin-top:5px;
	margin-bottom:10px;
	background-color:#f0f0f0;
} 

div.picarchiveBigPictureLoading {
	position:absolute;
	top:50px;
	height:120px;
	width:150px;
	z-index:3;
	display:none;
	text-align:center;
	background-color:#f0f0f0;
	border:2px solid #d0d0d0;
	-moz-border-radius:6px;
}
div.picarchiveBigPictureLoading img {
	display:block;
	margin:auto;
}
div.picarchiveBigPictureLoading span {
	font-weight:bold;
	font-size:14px;
	color:#b0b0b0;
}

div.picarchiveConfirmationPanelDelete {
	position:absolute;
	top:50px;
	height:120px;
	width:250px;
	z-index:13;
	display:none;
	text-align:center;
	background-color:#ffffff;
	border:2px solid #d0d0d0;
	-moz-border-radius:6px;
}
div.picarchiveConfirmationPanelDelete p {
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
	padding-left:10px;
	padding-right:10px;
}	
div.picarchiveConfirmationPanelDelete a {
  position:absolute;
  top:80px;
  width:60px;
  margin-left:10px;
}


img.picarchiveFullThumbnailPicture {
	position:absolute;
	top:-5px;
	z-index:2;
	display:none;
}

div.picarchiveBigPictureFaderDiv {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#f0f0f0;
	z-index:1;
}
div.picarchiveBigPictureFaderDiv img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

img.picarchiveBigPictureFader {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

img.picarchiveFullScreenButton {
	position:absolute;
	top:10px;
	right:10px;
	cursor: pointer;
	z-index:4;
}

img.picarchiveIcon {
	position:absolute;
	height:15px;
	width:15px;
	cursor: pointer;
	z-index:5;
}

img.picarchiveDeleteIcon {
	bottom:10px;
	left:30px;
}

img.picarchiveRotateLeftIcon {
	bottom:10px;
	left:10px;
}
img.picarchiveRotateRightIcon {
	bottom:10px;
	left:50px;
}


img.picarchiveNavigationButton {
	margin-left:8px;
	margin-right:8px;
	cursor: pointer;
}


div.picarchiveBigPictureOverlayText {
	position:relative;
	top:70%;
	height:50px;
	text-align:center;
	z-index:4;
	margin:0 auto;
	background-image:url(images/transparent_bar.png);
	border-top:2px solid #d0d0d0;
	border-left:0px solid #d0d0d0;
	border-bottom:2px solid #d0d0d0;
	border-right:0px solid #d0d0d0;
	display:none;
}
div.picarchiveBigPictureOverlayText span {
	position:relative;
	top:18px;
	white-space:nowrap;
	font-weight:bold;
	font-size:24px;
	color:#303030;
}


/**
 * Date selector box for months
 */
div.dateSelector {
	position:absolute;
	width:120px;
	margin-left:0px;
	border:1px solid #6f6f9f;
	background-color:#d4d4e8;
	display: none;
	overflow:hidden;
	z-index:2;
}

/** Another ugly IE 6 hack... */
div.dateSelector iframe {
	display:none;
}
* html div.dateSelector iframe {
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	display:block;
	filter:mask();
	width:128px;
	height:200px;
	border:1px solid #ff0000;
}

div.dateSelector div {
	position:relative;
	top:2px;
	height:20px;
	width:100px;
	font-weight:bold;
	margin:auto;
	text-align:center;
}

div.dateSelector table {
	border-collapse: collapse;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
}

div.dateSelector td {
	border:1px solid #6f6f9f;
	text-align: center;
	vertical-align:middle;
	padding:0px;
	background-color: #ffffff;
}

div.dateSelector a {
	display:block;
	height:16px;
	width:100%;
	padding-top:2px;
	background-image: none;
}
div.dateSelector a:hover {
	background-color:#bebef2;
	background-image:url(images/backgrounds/buttons.png);
}

div.dateSelector a.dateAdjustor {
	display:inline;
	width:10px;
	margin-left:8px;
	margin-right:8px;
	background-image: none;
}
div.dateSelector a.dateAdjustor:hover {
	background-color:#d4d4e8;
	background-image:none;
}

div.dateSelector a.highlightedMonth {
	background-color:#6f6f9f;
}

div.dateWithSelector {
	position:relative;
	top:0px;
	left:0px;
	width:95%;
	white-space: nowrap;
}

div.dateWithSelector span.labelText {
	position:relative;
	top:4px;
	float:left;
}

div.dateWithSelector input.textinput {
	float:left;
	margin-left:8px;
}

div.dateWithSelector a.dateSelectorIcon {
	position:relative;
	top:2px;
	float:left;
	display:block;
	height:17px;
	width:18px;
	margin-left:4px;
	cursor: pointer;
	background-image: url(images/icons/date_select_inactive.png);
}
div.dateWithSelector a.dateSelectorIcon:hover {
	text-decoration: none;
	background-image: url(images/icons/date_select.png);
}


/**
 * Progress bar
 **/
div.progressBar {
	position:relative;
	top:0px;
	float:right;
	display:block;
	height:13px;
	width:200px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#ffffff;
	border: 1px #6f6f9f solid;
}

div.progressBar div {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	height:100%;
	background-color:#6f6f9f;
	background-image:url(images/backgrounds/buttons.png);
	background-position:0px 40px;
}


/**
 * Survey questions and answers
 **/
a.questionMoveIcon { 
	display:block;
	height:15px;
	width:13px;
	margin:auto;
	background-image: url(images/icons/move_up_down_15px.png);
}

a.questionInsertIcon {
	display:block;
	height:9px;
	width:13px;
	margin:auto;
	background-image: url(images/icons/insert_above_15px.png);
}
 

/**
 * In-user menu for the admin area 
 * (should be usable for any other area as well)
 **/
div.smallLinkMenu {
	position:relative;
	top:0px;
	height:24px;
}

div.smallLinkMenu a {
	display:block;
	height:24px;
	width:124px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	background-image:url(images/fake_button_background.gif);
	border-left:1px #6f6f9f solid;
	border-right:1px #6f6f9f solid;
}

div.smallLinkMenu a:hover {
	text-decoration:none;
  background-image:url(images/menu_button_active_bkg.gif);
}

div.smallLinkMenu a.smallLinkMenuActive {
	height:25px;
  background-image:none;
  background-color: #ffffee;
}

div.smallLinkMenu a.smallLinkMenuActiveDark {
  background-image:none;
  background-color: #8c8ccf;
}

div.smallLinkMenu span {
	position:relative;
	top:4px;
}


/**
 * Styles for permission administration
 **/
a.permission:hover {
	text-decoration:none;
}
 
a.permission img {
	position:relative;
	top:3px;
	text-decoration:none;
	border:0px;
	margin-right:4px;
}

a.permissionGranted img {
	left:0px;
}

a.permissionGranted span {
	color:green;
}

a.permissionDenied img {
	left:-2px;
}

a.permissionDenied span {
	color:#be3c3c;
}


/**
 * Floating tabs for events
 **/
div.floatingtabDiv {
	position:relative;
	top:0px;
	height:29px;
	width:100%;
	margin-top:2px;
}
 
a.floatingtab {
	position:relative;
	top:0px;
	display:block;
	float:left;
	height:23px;
	width:80px;
	text-align:center;
  background-image:url(/images/backgrounds/module_header_full_24px.png);
  border-right:1px solid #6f6f9f;
  border-bottom:1px solid #6f6f9f;
  margin-left:5px;
	margin-right:2px;
	text-decoration:none;
}

a.floatingtab span {
	position:relative;
	text-decoration:none;
	top:5px;
}

a.floatingtab:hover {
	text-decoration:none;
  background-position:0px -68px;
}

a.floatingtabActive {
	top:7px;
	border-bottom:0px;
}

tr.floatingtabBottom td {
  background-color:#d8d8f1;
}	


/**
 * News items 
 **/
div.newsItem {
	position:relative;
	top:0px;
	border:1px solid #6f6f9f;
	padding: 8px;
	background-color:#f0f0ff;
}

a.newsItemPicture {
	position:relative;
	top:0px;
	float:left;
	display:block;
	height:150px;
	width:150px;
	overflow:hidden;
	background-color:#f7f7ff;
	margin-right:8px;
	margin-bottom:4px;
}

/** Trying to fix the IE bug with floats **/
div.mainPageNewsItem {
	min-height:155px;
}
* html div.mainPageNewsItem {
	height:155px;
	overflow:visible;
}


/**
 * Unordered list for event options
 **/
ul.eventOptions {
	margin-left:6px;
	margin-bottom:6px;
	padding-left:16px;
}

ul.eventOptions li {
	margin-left:4px;
	line-height:16px;
}


/**
 * Correcting the default position of radio inputs
 **/
input.inTextRadio {
	position:relative;
	top:3px;
	margin-left:6px;
}


/**
 * Cheap grey out div
 **/
div.greyOutOverlay {
  position:absolute;
  top:0px;
  left:0px;
  z-index:12;
  background-color:#c0c0c0;
  display:none;  
}


/**
 * Highlighting wrong information
 **/
th.missingWrongData {
  font-weight:bold !important;
  color:#ff0033 !important;
}
.missingWrongData span {
  font-weight:bold;
  color:#ff0033;
}

.missingWrongData input {
  border:1px solid #ff0033;
}
.missingWrongData select {
  border:1px solid #ff0033;
}

	
/**
 * Help Div
 **/
div.helpDiv {
  position:absolute;
  width:250px;
  padding:10px;
  border:2px solid #6f6f9f;
  background-color:#8c8ccf;
  z-index:99;
}


/**
 * Search filter box
 **/
td.searchFilterBoxTd {
	position:relative;
	top:0px;
	vertical-align:top;
  width:10%;
  z-index:6;
}
div.searchFilterBox {
	position:relative;
	top:0px;
	margin-right:10px;
	padding:0px 10px 0px 10px;	
  background-color:#ffffff;
} 
div.searchFilterBox div {
	position:relative;
	top:0px;
	margin-top:3px;
	margin-left:-2px;
	padding:4px 24px 4px 10px;
	font-weight:bold;
	background-color:#d4d4e8;
}
div.searchFilterBox a.removeIcon {
  position:absolute;
  top:3px;
  right:3px;
  display:block;
  height:15px;
  width:16px;
  background-image:url(images/icons/delete_15px.png);
}
div.searchFilterBox ul {
	margin-top:6px;
	margin-bottom:3px;
	margin-left:7px;
	padding-left:10px;
}
div.searchFilterBox h4 {
	margin-top:1px;
	margin-bottom:1px;
	font-weight:normal;
	font-size:11px;
}
div.searchFilterBox span.moreLink {
	cursor:pointer;
	text-decoration:underline;
}

div.searchFilterConnector {
	display:none;
	height:1px;
	width:1px;
}
div.searchFilterConnector div {
  display:block;
  position:absolute;
  top:-20px;
  left:-1px;
  height:23px;
  width:100%;	
  padding:0px 1px 0px 0px;
  margin:0px 0px 0px 0px;
  border-right:1px solid #6f6f9f;
  background-image:url(./images/backgrounds/module_header_full_24px.png);
  background-repeat:no-repeat;
  z-index:-1;
}

div.searchFilterBoxSelected {
  height:100%;
	z-index:10;
	padding-bottom:4px;
}
div.searchFilterBoxSelected span {
	display:none;
}
div.searchFilterBoxSelected div.searchFilterConnector {
	display:block;
	position:absolute;
	top:10px;
	left:0px;
	height:150%;
	width:100%;
	padding:0px;
	margin:0px;
  border-left:1px solid #6f6f9f;
  border-right:1px solid #6f6f9f;
  background-color:#d4d4e8;
  z-index:-1;
}
	
div.searchFilterMoreDiv {
  position:relative;
  left:-2px;
  height:150px;
  width:100%;
  margin-top:2px;
  margin-left:0px;
  padding-top:8px;
  display:none;
  float:none;
  z-index:5;  
  background-color:#d4d4e8;
  border:1px solid #6f6f9f;
}
* html div.searchFilterMoreDiv {
	top:-3px;
}
*+html div.searchFilterMoreDiv {
  top:-3px;
}
div.searchFilterMoreListBox {
	float:left;
	height:140px;
	margin-top:0px;
	margin-left:0px;
	margin-right:20px;
	padding-left:10px;
	background-color:transparent;
}	
div.searchFilterMoreListBox ul {
	margin-top:0px;
  margin-left:7px;
  padding-left:10px;
}
div.moreFilterOptionsClose {
	position:absolute;
	top:8px;
	right:8px;
	width:50px;
  cursor:pointer;
}
div.moreFilterOptionsClose span {
	text-decoration:underline;
}
div.moreFilterOptionsClose div.removeIcon {
  position:absolute;
  top:0px;
  right:0px;
  display:block;
  height:15px;
  width:16px;
  background-image:url(images/icons/delete_15px.png);
}

/**
 * Light / normal / middle / dark colored backgrounds
 **/
.lightBackground {
  background-color:#f0f0ff !important;
}
.normalBackground {
  background-color:#d4d4e8 !important;
}
.middleBackground {
  background-color:#a5a5ca !important;
}
.darkBackground {
  background-color:#8c8ccf !important;
}


/**
 * Form specific layouts
 **/
table.userForm h3 {
	left:0px;
  padding:0px;
  margin-top:10px;
  margin-left:0px;
}
table.userForm th {
  padding-left:12px;
  font-weight:normal;
  text-align:left;
  white-space:nowrap;
  color:#000066;
  background-color:#f0f0ff;
}
table.userForm select {
	height:22px;
}


/**
 * Confirmation and error message boxes
 * at the top of the page
 **/
div.topMessageDiv {
  margin-top:6px;
  margin-bottom:6px;
  font-size:14px;
  font-weight:bold;
  background-color: #ffffff;
  background-repeat:no-repeat;
  padding-top:10px;
  padding-bottom:10px;
}
div.topMessageDiv p {
  margin-left:80px;
  margin-right:10px;
}

div.topErrorDiv {
  height:40px;
  color:#620303;
  border: 3px solid #5f0000;
  background-image:url(images/icons/warning_big.png);
  background-position:10px 4px;
}

div.topActionResponseDiv {
  height:36px;
  color:#066406;
  border: 3px solid #055405;
  background-image:url(images/icons/ok_green_25px.png);
  background-position:22px 12px;
  padding-top:6px;  
}