/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

html { 
  padding:0px;
  margin:0px;
}

body {
	background-color: #cad1d3;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Helvetica, Sans-Serif;
	color:#564b47;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	margin:0px;

	FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.minwidthtable{ font-size: 0px; line-height: 0px; visibility: hidden; }

.left 
{
	width:195px; 
	background: url(images/bg_left.jpg) repeat-y left;
	padding-left: 7px;
	height: auto;
}

.bottomleft 
{
	width:195px; 
	background-image: url(images/bg_bottomleft.jpg);
	height: 102px;	
}

#bottomleftcontent
{
	position: relative;
	top: 0px;
	left: 0px;
}

.btn_LogOut
{
	position: absolute;
	top: 6px;
	left: 93px;
	height: 37px;
	width: 99px;	
}

#WelcomeText
{
	position: absolute;
	top: 9px;
	left: 13px;
	font-size: 11px;
	font-family: Arial, Verdana;
	width: 80px;
	padding-left: 1px;
}

#SupportText
{
	color: #855824;
	font-family: Arial, Verdana;
	font-size: 10px;
	position: absolute;
	top: 49px;
	left: 93px;
}
a.small2:link, a.small2:visited, a.small2:active
{
	color: #855824;
	text-decoration: none;
	font-size: 10px;
}
a.small2:hover{ text-decoration: underline; font-size: 10px; }

.content{ 
	padding-bottom: 30px;
	background: url(images/bg_right.jpg) bottom right repeat-y;
	padding-right: 20px;
	padding-left: 5px;
	padding-top: 10px;
	background-color: #f2f2f2;
	font-size: 11px;
}

.bottomborder
{
	background: url(images/bg_bottom.jpg) bottom repeat-x;
	font-size: 0px;	/* necessary for IE to respect height */
}

#bottomright 
{
	height: 9px;
	background: url(images/bg_bottomright.jpg) bottom right no-repeat;
}

/*
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
*/
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------banner for logo-------------- */
#banner 
{
	width: 100%;
	text-align: right;
	background-color: #e1ddd9;
	padding: 0px;
	margin: 0px; 
	background-image: url(images/bg_top.jpg);
	background-repeat: repeat-x;
	height: 106px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	min-width: 820px;
}
.topleft 
{
	background-image: url(images/topleft.jpg);
	z-index: 2;
	width: 701px;
	height: 106px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.toprightcontainer
{
	background-image: url(images/bg_top.jpg);
	background-repeat: repeat-x;
}

.topright 
{
	background: url(images/topright.jpg) right no-repeat;
	float: right;
	width: 62px;
	z-index: 2;
	height: 106px;
}

.topmenu
{
	position: absolute;
	top: 80px;
	left:6px;
	height: 25px;
	z-index: 3;
	background-color: #442E31;
}

.topmenuitem
{
	float: left;
	height: 25px;
	z-index: 3;
	overflow: hidden;
}

.topmenusearch
{
	float: left;
	width: 121px;
	height: 25px;
	overflow: hidden;
	z-index: 3;
	background-image: url(images/topmenu_SearchTextbox.jpg);
	position: relative;
	top: 0px;
	left: 0px;
}

.topmenusearchtextbox
{
	position: absolute;
	top: 4px;
	left: 2px;
	width: 118px;
	height: 18px;
	font-family: Arial, Verdana;
	font-size: 10px;
	border: none;
}

.topmenuadvancedsearch
{
	float: left;
	height: 25px;
	overflow: hidden;
	z-index: 3;
	width: 50px;
	text-align: left;
	line-height: 9px;
	padding-top: 0px;
	padding-left: 1px;
	background: #442E31;
}

a.small:link, a.small:visited, a.small:active
{
	float: left;
	z-index: 3;
	color: White;
	font-family: Arial, Verdana;
	font-size: 9px;
	text-decoration: none;
	padding-top: 4px;
}
a.small:hover
{
	text-decoration: underline;
}


.miPlayAudio 
{
	z-index: 14;
	width: 200px;
	height: 25px;
	position: absolute;
	top: 77px;
	left: 200px;
}

/* --------------left and right navi------------- */
 
 .leftmenuitem
 {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
 }


 
 #right 
 {
	width:8px; 
	height: 100%;
	
	float:right; 
	position:relative; 
	margin-right:-15px; 
	margin-left:1px;
	background-image: url(images/bg_right.jpg);
}
 



p 
{
	padding: 5px 10px;
	margin:0px; 
}

pre
{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
}

/*  ----------------footer---------------------- */ 
#footer 
{
	clear:left;
	padding:0px;
	margin:0px;
	text-align: right;
} 

a img{ border: none;}

#details
{
	border-top: solid 1px #d6d6d6;
	position: absolute; 
	top: 0;
	left: 0;
	font-size: 10px;
	width: 100%;
}
#details a img{ padding-right: 5px;}
#detailspic{position: relative; left: 100px;}










H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
	
	
.login_titlebar
{
	width: auto;
	height: 57px;
	background-image: url(images/login_titlebar.jpg);
	background-repeat: no-repeat;
}

.login_titlebar_outreach
{
	width: auto;
	height: 57px;
	background-image: url(images/login_titlebar_outreach.jpg);
	background-repeat: no-repeat;
}

.login_content_header
{
	width: auto;
	height: 3px;
	background-image: url(images/login_content_header.jpg);
	background-repeat: no-repeat;
	font-size: 2px;
}
.login_explanation
{
	width: 300px;	
	position: relative;
	top: 0px;
	left: 0px;
}
.login_form
{
	position: absolute;
	width: 250px;
	top: 0px;
	left: 382px;
}

.login_content
{
	width: auto;
	background-image: url(images/login_content_bg.jpg);
	background-repeat: repeat-y;
	position: relative;
	top: 0px;
	left: 0px;
}
.login_content_footer
{
	width: auto;
	height: 35px;
	background-image: url(images/login_content_footer_keyspan.jpg);
	background-repeat: no-repeat;
	position: relative;
}
.page_footer
{
	width: auto;
	font-size: 0.85em;
	text-align: right;
}

BODY.login {background-color: #E1E1E2; background-image: none; text-align: center;}
A.BoldPlainLink:link {color: Black; font-weight: bold; text-decoration: none; }
A.BoldPlainLink:visited {color: Black; font-weight: bold; text-decoration: none; }
A.BoldPlainLink:hover {color: #999999; font-weight: bold; text-decoration: underline; }
A.BoldPlainLink:active {color: Black; font-weight: bold; text-decoration: none; }

.login_logo
{
	background-image: url(images/login_logo.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: 12px;
	height: 35px;
	width: 350px;
}
.login_form_header
{
	background-image: url(images/login_form_header.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: -2px;
	height: 23px;
	width: 250px;
}
.changepass_form_header
{
	background-image: url(images/changepass_form_header.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: -2px;
	height: 23px;
	width: 250px;
}

.login_table
{
	font-size: 0.85em;
}

.login_text_container
{
	width: 350px;
	text-align: left;
	padding-top: 20px;
	padding-left: 12px;
	padding-bottom: 10px;
}
.login_form_items
{
	width: auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.login_text
{
	font-size: 0.9em;
	font-family: Tahoma, Arial, Verdana;
	text-align: justify;
	background-image: url(images/login_text_bg.jpg);
	background-repeat: repeat-y;
	padding-left: 75px;
}

.CalendarNextPrev a
{
	text-decoration: none;
}

.CalendarEventTime
{
	color: #0C007F;
	font-size: 9px;
}

a.CalendarEvent:link, a.CalendarEvent:visited, a.CalendarEvent:active
{
	font-size: 11px;
	color: Black;
}
a.CalendarEvent:hover
{	
	font-size: 11px;
	color: #999999;
}

a.CalendarEventEdit:link, a.CalendarEventEdit:visited, a.CalendarEventEdit:active
{
	font-size: 9px;
	font-weight: normal;
	color: Black;
}
a.CalendarEventEdit:hover
{
	font-size: 9px;
	font-weight: normal;
	color: #999999;
}

.CalendarEventSpacer
{
	font-size: 6px;
}

.CalendarTitleStyle { text-transform: uppercase; }

.DayHeader
{
	font-size: 12px;
}

.DayNumber
{
	font-size: 11px;
}

.DayEvents
{
	text-align: left;
}

.FixedDetailBar
{
	border: solid 1px #c6c4c2;
	height: 20px;
	color: #442e31;
	font-family: Arial, Verdana;
	font-size: 11px;
	width: 240px;
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
	top: 6px;
	left: 0px;
}

.FixedDetailSection1
{
	position: relative;
	top: 0px;
	float: left;
	padding-top: 4px;
	padding-left: 5px;
}

.CalendarDetailBar
{
	border: solid 1px #c6c4c2;
	height: 20px;
	color: #442e31;
	font-family: Arial, Verdana;
	font-size: 11px;
	width: 720px;
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
	top: 6px;
	left: 0px;
}

.CalendarDetailSection1
{
	position: relative;
	top: 0px;
	float: left;
	padding-top: 4px;
	padding-left: 5px;
}

.CalendarDetailSection2
{
	position: relative;
	top: 0px;
	float: right;
	width: 150px;
	height: 20px;
	border-left: solid 1px #c6c4c2;	
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	text-align: center;
}

.DetailBar
{
	border: solid 1px #c6c4c2;
	height: 20px;
	color: #442e31;
	font-family: Arial, Verdana;
	font-size: 11px;
	/*width: 720px;*/
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
	top: 6px;
	left: 0px;
}

.DetailSection1
{
	position: relative;
	top: 0px;
	float: left;
	padding-top: 4px;
	padding-left: 5px;
}

.DetailSection2
{
	position: relative;
	top: 0px;
	float: right;
	/*width: 150px;*/
	height: 20px;
	border-left: solid 1px #c6c4c2;	
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
}



a.a1:link, a.a1:visited, a.a1:active
{
	color: #005a54;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana;
}
a.a1:hover{ text-decoration: underline; }

a.a2:link, a.a2:visited, a.a2:active
{
	color: #442e31;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana;
}
a.a2:hover{ text-decoration: underline; }

.GridHeader
{
	border: solid 1px #005a54;
	font-size: 12px;

	vertical-align: middle;
	text-transform: uppercase;
	line-height: 110%;
	
	font-family: Arial, Verdana;
	text-align: left;
	font-weight: bolder;
	/* Grape for AVRP */
	background-color: #4a374f;
	
	/* Green for MGRP */
	/* background-color: #005a54; */
	
	/* Blue for Keyspan */
	/* background-color: #002da1; */
	color: white;
}

.GridHeader A:link
{
	color: White;
}
.GridHeader A:visited
{
	color: White;
}
.GridHeader A:active
{
	color: White;
}

.GridHeader A:hover
{
	color: #999999;
}

.GridHeader td 
{
	text-transform: uppercase; 
	padding: 4px 8px 4px 2px;
}

.GridFooter td { background-color: #e5e3e2; }
.GridGroupHeader td { background-color: #e5e3e2; font-weight: bold; font-size: 11px; text-transform: uppercase; padding-left: 5px; padding-top: 1px; padding-bottom: 2px; }

.Grid
{
	padding-right: 2px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	vertical-align: top;
	padding-top: 2px;
	font-family: Arial, Verdana;
	text-align: left;
	background-color: White;
}

.GridPager
{
	font-family: Arial, Verdana;
	text-align: left;
	font-size: 11px;
}

.Grid td {padding-right: 4px; padding-left: 2px;}

.GridAltItem
{
	background-color: #f2f2f2;
}

A.reg:link
{
	color: Black;
	font-size: 11px;
}
A.reg:visited
{
	color: Black;
	font-size: 11px;
}
A.reg:active
{
	color: Black;
	font-size: 11px;
}

a:link, a:visited, a:active{color: Black;}
a:hover{color: #999999; }

A.reg:hover
{
	color: #999999;
	font-size: 11px;
}

.container
{
	margin-left: auto;
	margin-right: auto;
	width: 657px;
	text-align: left;
	position: relative;
	top: 35px;
	left: 0px;
}

.changepass_form_header
{
	background-image: url(images/changepass_form_header.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: -2px;
	height: 23px;
	width: 250px;
}

.login_table
{
	font-size: 11px;
}

div.row_propdatasheet {
  clear: both;
  padding-top: 2px;
  width: 760px;
  }
div.row_propdatasheet span.item1 {
  float: left;
  width: 392px;
  text-align: left;
  }

div.row_propdatasheet span.item2 {
  float: right;
  width: 360px;
  text-align: left;
  }   

div.row {
  clear: both;
  padding-top: 2px;
  width: 400px;
  }

div.row span.label {
  float: left;
  width: 130px;
  text-align: left;
  font-weight: bold;
  }

div.row span.item {
  float: right;
  width: 270px;
  text-align: left;
  } 
  
  
  div.row_event {
  clear: both;
  padding-top: 2px;
  width: 600px;
  }
  
  div.row_event span.label {
  float: left;
  width: 130px;
  text-align: left;
  font-weight: bold;
  }

  div.row_event span.item {
  float: left;
  width: 270px;
  text-align: left;
  } 
 
  div.row_event span.item1 {
  float: left;
  width: 155px;
  text-align: left;
  } 
  
  div.row_event span.item2 {
  float: left;
  width: 30px;
  text-align: left;
  } 
  
  div.row_event span.item3 {
  float: left;
  width: 130px;
  text-align: left;
  } 

.QuickZoom
{
	height: 38px;
	background: url(images/bg_map_h_QuickZoom.jpg) repeat-x;
}

.QuickZoomContainer
{
	background: url(images/bg_right.jpg) bottom right repeat-y;
	padding-right: 8px;
}

.QuizkZoomDropDown
{
	position: relative;
	top: -15px;
}

.BoldHeader
{
	font-size: 1.5em;
	font-weight: bold;
	FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 3px;
}

.td1{width:150px; font-weight: bold;}
.td1h{width:200px; text-align: center; font-weight: bold; background-color: White;}
.td2{width:650px;}
.td2h{width:600px;}


.header2
{
	color: #463337;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: 11px;
}
.col1
{
	border-right: solid 1px #d2d0cf;
	padding-right: 10px;
	font-family: Arial, Verdana;
	font-size: 12px;
}
.col2
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 50px;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
}
.col2content
{
	position: relative;
	top: 0px;
	left: 0px;
}
.header2
{
	width: 100px;
	position: absolute;
	top: 6px;
	left: 10px;
}
.btn_Files
{
	position: absolute;
	top: 6px;
	left: 105px;
	height: 37px;
	width: 99px;	
	margin-right: 20px;
}
.DetailTable
{
	position: absolute;
	top: 50px;
	left: 10px;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-left: solid 1px #65605c;
	border-bottom: solid 1px #65605c;
	border-right: solid 1px #65605c;
}
.DetailTable th
{
	background-color: #d9d5d2;
	border-top: solid 1px #65605c;
	border-right: solid 1px #65605c;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.DetailTable td
{
	border-top: solid 1px #65605c;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
.DetailTable2
{
	position: relative;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-left: solid 1px #65605c;
	border-bottom: solid 1px #65605c;
	border-right: solid 1px #65605c;
}
.DetailTable2 th
{
	background-color: #d9d5d2;
	border-top: solid 1px #65605c;
	border-right: solid 1px #65605c;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
.DetailTable2 td
{
	border-top: solid 1px #65605c;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

.FilesPictureSpacer
{
	height: 200px;
}
.FilesPicture
{
	background: url(images/files.jpg) no-repeat bottom;
	width: 226px;
	height: 299px;
}

.SectionBox
{
	border: solid 1px #887d75;
	font-family: Arial, Verdana, Tahoma;
}

.SectionBoxHeader
{
	background: #887d75;
	color: White;
	font-family: Tahoma, Arial, Verdana;
	font-size: 15px;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	padding: 4px;
}
.SectionBoxContent
{
	padding: 8px;
	font-size: 11px;
}
.SectionBoxItemHeader
{
	font-weight: bold;
	padding-top: 8px;
}

.SearchBox
{
	font-size: 11px;
	vertical-align: top;
	font-family: Arial, Verdana;
	text-align: left;
	background-color: White;
	border: solid 2px #d0d8ef;
	margin-bottom: 5px;
}