/* font size ------------------------------------------------------*/

body, form {
	font-family: Arial, Helvetica;
	font-weight: normal;
}


.title {
	font-size: 1em;
	font-weight: bold;
}

.heading {
	font-size: 1.3em;
	font-weight: bold;
}

input {
	font-size: 300%;
}

.group, .group th, select, .button, .lastupdate, .legend, .office td, .groupTitle td {
	font-size: .75em;
}

th {
	font-weight: normal;
}

.footnote td, .welcome td {
	font-size: 9pt;
}

.company td {
	font-size: 1.2em;
	font-weight: bold;
}

.welcome td {
	background-color: #F0F0F0;
	white-space: nowrap;
}







/* color, margin, padding, border -------------------------------- */

a {
	color: blue;
}

a:hover, .buttonHighlight {
	text-decoration: underline;
	background-color: #FFFF00;
	color: #FF0000;
}

body, form {
	margin: 0;
	padding: 0;
}

table, th, td {
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
}




.legend {
	padding-top: 1em;
}

.lastUpdate {
	border-style: none;
	border-color: white;
}

.company td {
	white-space: nowrap;
	padding: 0px 200px 0px 1em;
	height: 60px;
	background-image: url('images/banner_picture.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

.company table {
	border-bottom: 2px solid #31659C;
}


.footnote {
	margin-top: 2em;
}

.footnote td {
	background-color: #D6D3CE;
	background-image: url('images/statusbar.gif');
	background-repeat: no-repeat;
	padding: 4px 1em 1px 15px;
	height: 22px;
	border-bottom: solid 1px #848284;
	white-space: nowrap;
}

.actionHighlight {
	color: red;
}

.leftBar {
	background-color: #31659C;
}

.leftBar .title {
	padding: .1em .4em .1em .4em;
	color: #FFFFFF;
	white-space: nowrap;
}

.leftBar .group{
	border-style: solid;
	border-color: #31659C;
	border-width: 0px 2px 2px 0px;
}

.leftBar .instruction {
	padding: .5em 1em .5em 38px;
}

.leftBar .preference {
	padding: .5em 1em .5em .5em;
}

.instruction {
	background-color: #EFF7FF;
	color: black;
}

.heading {
	margin: 0em 0em .3em 0em;
	color: red;
}

.selectAction p{
	white-space: nowrap;
	margin: 0em 0em .1em 0em;
	padding: 0px;
}

.button {
	background-color: #D6E7EF;
}

.button th, .button td {
	white-space: nowrap;
	background-repeat: no-repeat;
}

.button th {
	padding: 5pt 5pt 0pt 33pt;
	text-align: center;
}

.preference {
	background-color: #E8E8E8;
	color: black;
}


.preference th {
	text-align: left;
	white-space: nowrap;
	padding: 0em;
}

.preference td {
	padding: 0em 0em 0em .3em;
}






.groupTitle td, .groupTitle th {
	color: white;
	background-color: #31659C;
	vertical-align: top;
}

.groupTitle td {
	padding-top: 2px;
	vertical-align: bottom;
}

.groupTitle img {
	vertical-align: top;
}

.groupTitle {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #31659C;
}




.office a {
	text-decoration: none;
	color: blue;
}

.hosting, .ready, .online, .mobile, .busy, .away, .offline, .berightback {
	padding: 1px 1em 1pt 30px;
	white-space: nowrap;
	border-style: solid;
	border-width: 1px 10px 0px 0px;
	border-color: white;
}

.hosting {
	background-image: url('images/hosting.gif');
	background-color: #FBDCDC;
	background-repeat: no-repeat;
	background-position: center left;
}

.ready {
	background-image: url('images/ready.gif');
	background-color: #DDE9CC;
	background-repeat: no-repeat;
	background-position: center left;
}

.online {
	background-image: url('images/online.gif');
	background-color: #D4F2FE;
	background-repeat: no-repeat;
	background-position: center left;
}

.mobile {
	background-image: url('images/mobile.gif');
	background-color: #D4F2FE;
	background-repeat: no-repeat;
	background-position: center left;
}

.busy {
	background-image: url('images/busy.gif');
	background-repeat: no-repeat;
	background-position: center left;
}

.berightback{
	background-image: url('images/away.gif');
	background-repeat: no-repeat;
	background-position: center left;
}

.away {
	background-image: url('images/away.gif');
	background-repeat: no-repeat;
	background-position: center left;
}

.offline {
	background-image: url('images/offline.gif');
	background-repeat: no-repeat;
	background-position: center left;
}


#step1 {
	background-image: url('images/step1.gif');
}

#step2 {
	background-image: url('images/step2.gif');
}

#step3 {
	background-image: url('images/step3.gif');
}

#step1, #step2, #step3 {
	background-repeat: no-repeat;
	background-position: 5px 10px;
}