﻿
aw-cells-selected, .aw-rows-selected
{
	color: #fff!important;
	background: #A9B4D4!important;
}

.aw-rows-selected .aw-grid-cell
{
	background: none!important;
}

#gridLeft .aw-column-0 {width:120px}
#gridLeft .aw-column-1 {width:500px}
#gridLeft .aw-mouseover-row {background: #DDE1ED!important;}

.aw-right-user .aw-column-0 {width:140px}
.aw-right-user .aw-column-1 {width:60px}
.aw-right-user .aw-column-2 {width:40px}
.aw-right-user .aw-column-3 {width:30px}
.aw-right-user .aw-column-4 {width:60px}
.aw-right-user .aw-column-5 {width:60px}
.aw-right-user .aw-column-6 {width:60px}
.aw-right-user .aw-column-7 {width:60px}

.aw-right-status .aw-column-0 {width:100px}
.aw-right-status .aw-column-1 {width:100px}
.aw-right-status .aw-column-2 {width:100px}
.aw-right-status .aw-column-3 {width:50px}
.aw-right-status .aw-column-4 {width:30px}
.aw-right-status .aw-column-5 {width:30px}
.aw-right-status .aw-column-6 {width:100px}

/*#gridRight .aw-image-yes, .image-yes {background:url(../images/yes.gif) 1px 1px no-repeat}
#gridRight .aw-image-no, .image-no {background:url(../images/no.gif) 1px 1px no-repeat}*/
#gridRight .aw-image-pos, .image-pos {background:url(../images/pos.gif) 1px 1px no-repeat}
#gridRight .aw-mouseover-row {background: #DDE1ED;}

#tabPages .aw-image-alarm {background:url(../images/bell.gif) 1px 1px no-repeat}
#tabPages .aw-image-status {background:url(../images/icon_demo.gif) 1px 1px no-repeat}

body
{
	margin : 0;
	padding : 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	background: white url(../images/bgwhite.jpg) repeat-y top left;
}

div#head
{
	width: 100%;
	background: white url(../images/line.gif) repeat-x top left;
}

div#logo
{
	float: left;
	color: black;
	background-color: white;
	background-image: url(../images/swissphone_white.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 150px;
	height: 60px;
}

div#logo span
{
	visibility: hidden;
}

div#title
{
	padding: 10px;
	margin-left: 150px;
	font-size: 200%;
	background-image: url(../images/diagonal.gif);
	background-repeat: no-repeat;
	min-height: 40px;
	float: none;
	text-align: center;
}

.searchTitle
{
	margin-top: 15px;
	font-size: 150%;
}

div#body
{
}

div#menu
{
	width: 130px;
	height: 100%;
	float: left;
	margin: 10px;
	margin-left: 5px;
}

#content
{
	float:none;
	padding: 10px;
	padding-left: 180px;
}

div#copyright
{
	width: 130px;
	font-size:75%;
	text-align: center;
	float: left;
	position: absolute;
	bottom: 10px;
}

div#version
{
	padding-top: 10px;
	color: #999999;
}

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: #CC0033;
	font-weight: bold;
}

div.list
{
	float: left;
}

div.formulare
{
	float: left;
	padding: 20px;
}

.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: #000000;
	background-color: #999999;
	text-decoration:none;
	border-width: 1px;
	border-style: solid;
	border-color: #bababa #787878 #787878 #bababa;
	padding: 2px 8px 2px 8px;
	width : 102px;
	height : 18px;
}

.navigation ul li a.submenu
{
	width : 200px;
}

.navigation ul li a:hover 
{
	color: #000000;
	text-decoration:none; 
	border-color: #EAEAE1 #696964 #696964 #EAEAE1; 
	background-color: #D2D2C9;
}

.navigation ul li a:visited
{
	color: #000000;
	text-decoration:none;
}

.navigation ul li a:focus
{
	color: #000000;
	text-decoration:none;
}

.navigation ul li a:active
{
	color: #000000;
	text-decoration:none;
}

.navigation ul li a:link
{
	color: #000000;
	text-decoration:none;
}

.textinput
{
	border: solid 1px black;
}

.textinput:hover
{
	border-color: #999999;
}

.textinput:focus
{
	border-color: #999999;
	background-color: #F4E4CB;
}

#LogOn .textinput
{
	border: solid 1px darkgray;
	width: 100%;
}

#LogOn .textinput:hover
{
	border-color: #D2D2C9;
}

#LogOn .textinput:focus
{
	border-color: #D2D2C9;
	background-color: #F4E4CB;
}

.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; 
}

.inputbuttondisabled
{ 
	color: #FFFFFF;
	background-color: #AAAAAA;
	text-decoration:none;
	border-width: 2px;
	border-color: #AAAAAA;
	padding: 2px 8px 2px 8px;
	cursor: default;
}
div#googleMap
{
	height: 600px;
}

div#googleMap2
{
	height: 340px;
}

/*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;
}

ul.employeeTabs li a.activeTab:hover
{
	border-color: #424242 #9C9C9C #9C9C9C #424242;
}

div.tabContent
{
}

ul.employeeTabs a:link,
ul.employeeTabs a:visited,
ul.employeeTabs a:active,
ul.employeeTabs a:hover
{
	font-weight:bold;
	text-decoration:none;
}

	.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;
	}
	.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;
	}

div#backgrounderror
{
	width:auto;
	position:absolute;
	bottom:0px;
	margin-left: 180px;
	padding: 5px;
	border: 2px solid red;
	background: #FFFFFF;
	color: #CC0033;
	font-weight:bold;
}

table#table
{
	width: 99%; 
	height:100%;
}

#alarmText
{
	border: 1px solid #999999;
	background: #FFFFFF;
	height: 50px;
	font-size: large; 
}

/*
 * Bar styling
 */
#barPanel
{
	font-size: large; 
}

.bar
{
	border: 1px solid #999999;
	background: white;
	height: 32px;
	margin: 5px;
	padding: 0 4px 0 0;
}

.barReceived
{
	border: 2px solid orange;
	height: 28px;
	margin: 0;
	padding: 0;
	display: none;
}

.barLead
{
	background: white;
	margin: 0;
	padding: 0;
	width: 5%;
}

.barPositiveAck
{
	background: green;
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
	color: White;
	display: none;
}

.barNegativeAck
{
	background: red;
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
	color: White;
	display: none;
}

.barName
{
	background: white;
	margin: 0;
	padding: 0;
}

#contentTabPages .aw-image-map
{
	background: url(../Images/map.gif) 1px 1px no-repeat;
}

#contentTabPages .aw-image-diagram
{
	background: url(../Images/diagram.gif) 1px 1px no-repeat;
}

#contentTabPages .aw-image-custom
{
	background: url(../Images/custom.gif) 1px 1px no-repeat;
}

.dateinput
{
	border: solid 1px black;
}

.dateinput:hover
{
	border-color: #D2D2C9;
}

.dateinput:focus
{
	border-color: #D2D2C9;
	background-color: #F4E4CB; 
}

.legendColor {
    min-width: 20px;
}
