body
{
	margin : 0;
	padding : 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	background: white url(../images/menubg.gif) repeat-y top left;
}

div#head
{
	width: 100%;
	background-color: Black;
}

div#logo
{
	float: left;
	color: White;
	background-color: Black;
	background-image: url(../images/swissphone.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 150px;
	height: 60px;
}

div#logo span
{
	visibility: hidden;
}

div#title
{
	padding: 10px;
	font-size: 200%;
	color: White;
	background-color: Black;
	min-height: 40px;
	float: none;
	text-align: center;
}

div#body
{
}

div#menu
{
	color: White;
	background-color: black;
	width: 130px;
	height: 100%;
	float: left;
	margin: 10px;
	margin-left: 5px;
}

div#content
{
	float:none;
	padding: 10px;
	padding-left: 180px;
}

div#copyright
{
	color: White;
	background-color: black;
	width: 130px;
	font-size:75%;
	text-align: center;
	float: left;
	position: absolute;
	bottom: 10px;
}

div#version
{
	padding-top: 10px;
	color: Gray;
}

table#LogOn
{
	margin: 0;
	padding: 0;
	margin-top: 200px;
	font-size: 85%;
}

table#LogOn td
{
	padding: 4px;
}

table#LogOn td input
{
	font-size: 85%;
}

.error, .errorLabel
{
	color: Red;
	font-weight: bold;
}

div.list
{
	float: left;
}

div.formulare
{
	float: left;
	padding: 20px;
}

/*
 * Left Menu Navigation
 */
.navigation
{
	margin: 0px;
	padding: 0px;
}
.navigation ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
}

.navigation ul li
{
	margin: 0px;
	padding: 5px;
	list-style: none;
}

.navigation ul li a
{ 
    display:block;
	color: #ffffff;
	background-color: #424242;
	text-decoration:none;
	border-width: 1px;
	border-style: solid;
	border-color: #5a5a5a #212121 #212121 #5a5a5a;
	padding: 2px 8px 2px 8px;
	width : 102px; 
	height : 18px; 
}

.navigation ul li a:hover 
{ 
	color: #ffffff;
	text-decoration:none; 
	border-color: #9C9C9C #424242 #424242 #9C9C9C; 
	background-color: #848484; 
}

.navigation ul li a:visited
{
	color: #ffffff;
	text-decoration:none;
}

.navigation ul li a:focus
{
	color: #ffffff;
	text-decoration:none;
}

.navigation ul li a:active
{
	color: #ffffff;
	text-decoration:none;
}

.navigation ul li a:link
{
	color: #ffffff;
	text-decoration:none;
}

.textinput
{
	border: solid 1px black;
}

.textinput:hover
{
	border-color: dimgray;
}

.textinput:focus
{
	border-color: dimgray;
	background-color: lightyellow; 
}

#LogOn .textinput
{
	border: solid 1px darkgray;
	width: 100%;
}

#LogOn .textinput:hover
{
	border-color: lightgrey;
}

#LogOn .textinput:focus
{
	border-color: lightgrey;
	background-color: lightyellow; 
}

.inputbutton
{ 
	color: #ffffff;
	background-color: #424242;
	text-decoration:none;
	border-width: 1px;
	border-style: solid;
	border-color: #5a5a5a #212121 #212121 #5a5a5a;
	padding: 2px 8px 2px 8px;
	cursor:pointer;
}

.inputbutton:hover
{
	color: #ffffff;
	text-decoration:none; 
	border-color: #9C9C9C #424242 #424242 #9C9C9C; 
	background-color: #848484; 
}

.inputbutton[disabled=disabled],
.inputbutton:disabled
{
	color: Gray;
	cursor: default;
}

.inputbutton:hover[disabled=disabled],
.inputbutton:disabled:hover
{
	background-color: #646464; 
}

.rowEven td, .rowOdd td
{
	padding: 2px;
}

.rowEven
{
	background-color: #ffffff;
}

.rowOdd
{
	background-color: #dddddd;
}

tr.TableHeader
{
	background-color: #bbbbbb;
	font-weight: bold;
}

div#googleMap
{
	height: 500px;
}

div.frame
{
	width: 300px;
	height: 100px;
	background-color: #bbbbbb;
	position: absolute;
	top: 200px;
	left: 400px;
	border: solid 3px #eeeeee;
	border-right-color: #888888;
	border-bottom-color: #888888;
}

table.centeredcells tr
{
	vertical-align: middle;
}

table.centeredcells tr td
{
	text-align: center;
}

div.info
{
	border: 1px solid black;
	background-color: InfoBackground;
	width: 300px;
	padding: 2px;
}

div.popup
{
	border: 1px solid black;
	background-color: White;
	width: 300px;
	height: 150px;
	position:absolute;
	top: 200px;
	left: 400px;
}

div.titleBar
{
	padding: 5px;
	background-color: Gray;
	color: White;
	font-weight: bold;
}

div.popupContent
{
	padding: 5px;
}

ul.employeeTabs
{
	list-style:none;
}

ul.employeeTabs li
{
	display: inline;
}

ul.employeeTabs li a
{
    display:inline;
	color: #ffffff;
	background-color: #424242;
	text-decoration:none;
	border-width: 2px;
	border-style: solid;
	border-color: #5a5a5a #212121 #212121 #5a5a5a;
	padding: 2px 8px 2px 8px;
}

ul.employeeTabs li a.activeTab
{
	border-color: #212121 #5a5a5a #5a5a5a #212121;
}

.navigation ul li a:hover 
{ 
	color: #ffffff;
	text-decoration:none; 
	border-color: #9C9C9C #424242 #424242 #9C9C9C; 
	background-color: #848484; 
}

ul.employeeTabs li a.activeTab:hover
{
	border-color: #424242 #9C9C9C #9C9C9C #424242;
}

div#employeeInfo
{
	width: 180px;
}

div.tabContent
{
}

ul.employeeTabs a:link,
ul.employeeTabs a:visited,
ul.employeeTabs a:active,
ul.employeeTabs a:hover
{
	font-weight:bold;
	text-decoration:none;
}

div#backgrounderror 
{
	width:auto;
	position:absolute;
	bottom:0px;
	margin-left: 180px;
	padding: 5px;
	border: 2px solid red;
	background: white;
	color: red;
	font-weight:bold;
}

/*
 * Calendar styles
 */

.cpYearNavigation,
.cpMonthNavigation
{
	background-color:#666666;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
{
	font-family:arial;
	font-size:8pt;
}
td.cpDayColumnHeader
{
	text-align:right;
	/*border:solid thin #666666;
	border-width:0 0 1 0;*/
}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
{
	text-align:right;
	text-decoration:none;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.cpCurrentMonthDate
{
	color:#666666;
	font-weight:bold;
}
.cpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}
.cpOtherMonthDate
{
	color:#808080;
}
td.cpCurrentDate
{
	color:#FFFFFF;
	background-color: #666666;
	border-width:1;
	border:solid thin #000000;
}
td.cpCurrentDateDisabled
{
	border-width:1;
	border:solid thin #AAAAAA;
}
td.cpTodayText,
td.cpTodayTextDisabled
{
	border:solid thin #666666;
	border-width:1 0 0 0;
}
a.cpTodayText,
span.cpTodayTextDisabled
{
	height:20px;
}
a.cpTodayText
{
	color:#666666;
	font-weight:bold;
}
span.cpTodayTextDisabled
{
	color:#D0D0D0;
}
.cpBorder
{
	border:solid thin #666666;
}