@import url("css/fonts/fonts.css");
/*
 * Generic settings for HTML
 */

/* IE < 6 fix for displaying transparent .png images*/
.iefix {
	behavior: url(iepngfix.htc);
}

a:not(.middle):hover { /*all anchors except '.middle'*/
	color: #d888d0!important;
}

/* login page styles */
.textLoginPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: inherit;
	height: inherit;
}
/* static_nav at login page */
.aDivLog, .aDivReg {
	font: bold 13px verdana;
	text-align: center;
	text-decoration:none;
	padding: 0px 10px 0px 10px;
}

#tabLog {
	width: 150px;
	position: relative;
	padding: 5px 0px 5px 0px;
	cursor: pointer;
	background: #626262;
}

#tabReg {
	width: 150px;
	position: relative;
	padding: 5px 0px 5px 0px;
	cursor: hand;
	cursor: pointer;
	background: #CED9CD;
}

#tabAMC {
	border-radius: 5px 5px 0px 0px;
	width: 150px;
	background: #CED9CD;
	position: relative;
	padding: 5px 0px 5px 0px;
}

#tabACOST, #tabACOST2, #tabCLOUD, #tabAMCDR {
	border-radius: 5px 5px 0px 0px;
	width: 150px;
	background: #CED9CD;
	position: relative;
	padding: 5px 0px 5px 0px;
	cursor: pointer;
}

.anchorSelected {
	color: #A04E98;
	background: inherit;
	font: bold 13px verdana;
	text-align: center;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

.anchorUnselected {
	color: #000000;
	background: inherit;
	font: bold 13px verdana;
	text-align: center;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

/* white background styles */

/* status, shared page and statistics page (data frame) */
div.content1 {
	background-color: #ffffff;
	display: block; overflow: none;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 5px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 5px;
	_padding: 5px 0px 0px 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content1jobs {
	background-color: #727272;
	/* non IE6 */
	top: 5px; left: 5px; right: 0px; bottom: 5px;
	/* IE6 */
	_margin: 0px 0px 0px 0px;
	_padding: 5px 0px 5px 0px;
}

div.content1data {
	background-color: #727272;
	/* non IE6 */
	top: 0px; left: 5px; right: 5px; bottom: 5px;
	/* IE6 */
	_margin: 0px 0px 0px 0px;
	_padding: 0px 0px 5px 0px;
}

div.content2 {
	background-color: #ffffff;
	display: block; overflow: none;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 5px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content2jobs {
	/* non IE6 */
	/* IE6 */
	_margin: 0px 0px 0px 5px;
	_padding: 0px 0px 5px 0px;
}

div.content2data {
	/* non IE6 */
	/* IE6 */
	_margin: 0px 5px 0px 5px;
	_padding: 5px 5px 5px 0px;
}

div.content3jobs {
	background-color: #ffffff;
	display: block; overflow: none;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content3data {
	background-color: #ffffff;
	display: block; overflow: none;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content4 {
	background-color: #ffffff;
	display: block; overflow: auto;
	/* non IE6 */
	position: absolute;
	top: 5px; left: 5px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content4jobs {
	/* non IE6 */
	top: 0px; left: 5px; right: 0px; bottom: 5px;
	/* IE6 */
	_margin: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 5px;
}

div.content4data {
	/* non IE6 */
	top: 5px; left: 5px; right: 5px; bottom: 5px;
	/* IE6 */
	_margin: 0px 0px 0px 5px;
	_padding: 0px 5px 0px 0px;
}

/* statistics page */
div.content1main {
	display: block; overflow: hidden;
	/* non IE6 */
	background-color: #727272;
	top: 0px; left: 5px; right: 0px; bottom: 5px;
	position: absolute;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 5px;
	_padding: 0px 0px 5px 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content1frame {
	background-color: #ffffff;
	display: block; overflow: hidden;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 0px;
	_padding: 5px 0px 0px 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content1options {
	background-color: #ffffff;
	display: block; overflow: auto;
	/* non IE6 */
	position: absolute;
	top: 5px; left: 5px; right: 5px; bottom: 5px;
	/* IE6 */
	_position: static;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
	_margin: 0px 0px 0px 5px;
	_padding: 0px 5px 0px 0px;
}

/* administrations, invoicing, customise, index, submit, logout page */
div.contentAdminMain  {
	background-color: #727272;
	display: block; overflow: none;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 0px;
	_padding: 5px;
	_padding-top: 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.contentAdminFrame {
	background-color: #ffffff;
	display: block; overflow: none;
	/* non IE6 */
	position: absolute;
	top: 0px; left: 5px; right: 5px; bottom: 5px;
	/* IE6 */
	_position: static;
	_margin: 0px 0px 0px 0px;
	_padding: 0px 5px 5px 0px;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
}

div.content1content {
	background-color: #ffffff;
	display: block; overflow: auto;
	/* non IE6 */
	position: absolute;
	top: 5px; left: 5px; right: 5px; bottom: 5px;
	padding-top: 10px;
	/* IE6 */
	_position: static;
	_width: 100%;
	_height: 100%;
	_min-height: 100%;
	_margin: 0px 5px 0px 5px;
	_padding: 10px 5px 0px 0px;
}

BODY {
	background: #727272;
	color: #e3e3e3;
}

A {
	color: #ffffff;
}

/*navigation */
 
TD.navigationButton,TD.navigationButtonLast, TD.navigationButtonSelected, TD.navigationButtonLastSelected {
	padding: 2px 0px 2px 0px;
	background: #ACBFAA;
}

TD.navigationButton A,TD.navigationButtonSelected A {
	border-right: solid 2px #868686;
}

TD.navigationButton A,TD.navigationButtonLast A, TD.navigationButtonSelected A, TD.navigationButtonLastSelected A {
	font: bold 13px  verdana;
	background: #ACBFAA;
	text-align: center;
	text-decoration:none;
	padding: 0px 10px 0px 10px;
}

TD.navigationButton A, TD.navigationButtonLast A {
	color: #000000;
}

TD.navigationButtonSelected A, TD.navigationButtonLastSelected A {
	color: #A04E98;
}

/* navigation - static tab */
TD.staticTabButton, TD.staticLanguage {
	padding: 0px 0px 5px 0px;
	vertical-align: middle;
}

TD.staticTabButton A, TD.staticLanguage SPAN {
	font-style: normal;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	text-decoration:none;
	padding: 0px 5px 0px 5px;
	color: #e3e3e3;
}

TD.staticTabButton img#mail {
    vertical-align: middle;
    padding-right: 2px;
}

img#mail {
	_border: 0;
	_text-decoration: none;
}

TD.staticLanguage SELECT {
	margin-right: 20px;
}

TD.staticTabButton A {
	border-right: solid 2px #868686!important;
	display: inline-block;
	height: 15px;
}

/* customise/invoicing/administrations page submenu */
TD.subMenu, TD.subMenuSelected {
	padding: 0px 0px 5px 0px;
	vertical-align: middle;
}

TD.subMenu A {
	font: normal 13px  arial;
	text-align: center;
	text-decoration:none;
	padding: 0px 5px 0px 5px;
	color: #ffffff;
	border-right: solid 2px #868686;
}

TD.subMenuSelected A {
	font: normal 13px  arial;
	text-align: center;
	text-decoration:none;
	padding: 0px 5px 0px 5px;
	color: #ACBFAA;
	border-right: solid 2px #868686;
}

/* page title */

P.abPageTitle {
	color: #000033;
	font-size: 36pt;
	font-weight: BOLD;
	text-align: CENTER;
}

/*
 * Apptivity-generated End-User Messages
 */
SPAN.abMessage {
	background: RED;
	color: YELLOW;
	font-weight: BOLD;
}

/*
 *  Apptivity abMessageList defaults
 */
DIV.abMessageList {
	margin: 0 12pt 6pt 12pt;
	padding: 0;
	border-style: outset;
	border-width: thick;
	border-color: #333333;
	background: #EEEEEE;
	color: BLACK;
}

P.abMessageListTitle {
	font-weight: BOLD;
	margin-left: 12pt;
	margin-bottom: 0;
}

P.abMessageListItem {
	margin-left: 12pt;
	margin-right: 12pt;
	margin-top: 3pt;
	margin-bottom: 3pt;
}

/*
 * Apptivity table styles
 */
TH.abTableColumnLabel {
	background: #000066;
	color: WHITE;
	font-weight: 700;
	font-style: italic;
}

TR.abTableRow {
	background: WHITE;
	color: BLACK;
}

TD.abTableRowLabel {
	background: #CCCCFF;
	font-weight: BOLD;
}

TD.abTableData {
	font-style: italic;
}

TR.abTableRow2 {
	background: #DDDDFF;
}

TD.abTableRowLabel2 {
	background: #9999FF;
	color: WHITE;
	font-weight: BOLD;
}

TD.abTableData2 {
	color: BLACK;
	font-style: italic;
}

/* STYLESHEET Cable & Wireless ECRC GmbH*/
.amctext {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

.amctextb {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

DIV.amc {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.s1 {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 0;
	width: 95%;
	color: #000000;
}

TABLE.s1 TR.t1 {
	font-weight: bold;
	color: #ffffff;
	background-color: #007674; /*#1AA372;*/
}

TABLE.s1 TR TD {
	padding: 5px 5px 5px 5px;
}

TABLE.s1 TR TD A IMG {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}

TABLE.s1 TR.t2 {
	font-size: 10pt;
	font-weight: bold;
	background-color: #ffffff;
}

TABLE.s1 TD.statusRed {
	background-color: rgba(255,175,175,0.35);
	_background-color: rgb(227,199,199);
}

TABLE.s1 TD.statusGreen {
	/* background-color: rgba(216,228,188,0.5);
	_background-color: rgb(214,220,200); */
}

TABLE.s1 TD.statusBlue {
	background-color: rgba(217,237,243,0.5);
	_background-color: rgb(214,224,227);
}

TABLE.s1 TR.aM {
	background-color: #CED9CD;
}

TABLE.s1 TR.bM {
	background-color: #ACBFAA;
}

TABLE.s1 TR.aMstrike {
	background-color: #e6e6e6;
	text-decoration: line-through;
}

TABLE.s1 TR.bMstrike {
	background-color: #d3d3d3;
	text-decoration: line-through;
}

TABLE.s1 TR.aP {
	background-color: #e6d6d6;
}

TABLE.s1 TR.bP {
	background-color: #d3c3c3;
}

TABLE.s1 TR.aPstrike {
	background-color: #e6d6d6;
	text-decoration: line-through;
}

TABLE.s1 TR.bPstrike {
	background-color: #d3c3c3;
	text-decoration: line-through;
}

TABLE.s1 TR.aC {
	background-color: #e6e6d6;
}

TABLE.s1 TR.bC {
	background-color: #d3d3c3;
}

TABLE.s1 TR.aCstrike {
	background-color: #e6e6d6;
	text-decoration: line-through;
}

TABLE.s1 TR.bCstrike {
	background-color: #d3d3c3;
	text-decoration: line-through;
}

TABLE.markers {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.markers TR.title {
	font-weight: bold;
	color: #ffffff;
	background-color: #1AA372;/*#003366;*/
}

TABLE.markers TR.titlebig {
	font-size: 10pt;
	font-weight: bold;
	background-color: #ffffff;
}

TABLE.markers TR.a {
	background-color: #e6e6e6;
}

TABLE.markers TR.b {
	background-color: #d3d3d3;
}

TABLE.markers TR.aMARKER {
	background-color: #e6e6e6;
}

TABLE.markers TR.bMARKER {
	background-color: #d3d3d3;
}

TABLE.markers TR.aPLOT {
	background-color: #e6d6d6;
}

TABLE.markers TR.bPLOT {
	background-color: #d3c3c3;
}

TABLE.markers TR.aCUT {
	background-color: #e6e6d6;
}

TABLE.markers TR.bCUT {
	background-color: #d3d3c3;
}

TABLE.preview {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	page-break-inside: avoid;
	color: #000000;
}

TABLE.history {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.history TD.marker {
	color: #ffffff;
	background-color: #007674;/*#1AA372;*/
	font-weight: bold;
	font-size: 10pt;
}

TABLE.history TD.iteration {
	font-size: 10pt;
	font-weight: bold;
	background-color: #d3d3d3;
}

TABLE.stats {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TR.customer {
	background-color: #C0C0FF;
}

TR.user {
	background-color: #C0FFC0;
}

TR.job {
	background-color: #FFC0C0;
}

TD.head {
	color: #ffffff;
	background-color: #007674; /*#1AA372;*/
	font-weight: bold;
	font-size: 12pt;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	padding: 2px;
}

TD.errorHead {
	color: #ffffff;
	background-color: #FFC0C0;
	font-weight: bold;
	font-size: 10pt;
}

TABLE.transactions {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TD.OPEN {
	background-color: #FFFFC0
}

TD.CLOS {
	background-color: #FFFFC0
}

TD.CR {
	background-color: #C0FFC0
}

TD.DB {
	background-color: #FFC0C0
}

TD.PPR {
	background-color: #C0C0FF
}

TD.BULK {
	background-color: #C0C0FF
}

TD.CRQU {
	background-color: #C0FFC0
}

TD.DBQU {
	background-color: #FFC0C0
}

TD.INV {
	background-color: #FFFFC0
}

TD.ADJ {
	background-color: #C0FFFF
}

TABLE.customise {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.customise TD.title {
	font-weight: bold;
	font-size: 12pt;
	background-color: #ACBFAA;
}

TABLE.customise TD.label {
	font-weight: bold;
	font-size: 10pt;
}

TABLE.admin {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.admin TD.title {
	font-weight: bold;
	font-size: 12pt;
	background-color: #ACBFAA;
}

TABLE.admin TD.label {
	font-weight: bold;
	font-size: 10pt;
}

TABLE.registrations {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.registrations INPUT {
	background-color: #f6f6f2;
}

TABLE.registrations TEXTAREA {
	background-color: #f6f6f2;
}

TABLE.registrations SELECT {
	background-color: #f6f6f2;
}

TEXTAREA.registrations {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

TABLE.registrations TD.title {
	font-weight: bold;
	font-size: 12pt;
	background-color: #ACBFAA;
}

TABLE.registrations TD.label {
	font-weight: bold;
	font-size: 10pt;
	background-color: #1AA372;
}

TABLE.registrations TR.a {
	background-color: #f5f5f0;
}

TABLE.registrations TR.b {
	background-color: #e9e9e4;
}

IMG.registrations_icon {
	cursor: hand;
	cursor: pointer;
}

TD.title {
	font-weight: bold;
	background-color: #ACBFAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px;
}

TD.data {
	background-color: #CED9CD;
}

SPAN.pending {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #008000;
}

.submitText {
	text-align: left;
	font-size: 11px;
	font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 12px;
}

.statusText{
	text-align: left;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 13px;
}

.indexText {
	text-align: left;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 13px;
}

.text11 {
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 13px;
}

.text11h {
	text-align: left;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 22px;
}

.text11w {
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	margin-top: 0px;
	line-height: 13px;
}

.text12a {
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 21px;
}

.text12b {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
	line-height: 21px;
}

.text12c {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
	line-height: 17px;
}

.text12d {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff6b21;
	margin-top: 0px;
	line-height: 17px;
}

.select {
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.input {
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid gray;
}

.inputStatusPage {
	width: 200px;
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid gray;
}

.inputLang {
	background-color: #565656;
	color: #e3e3e3;
	border: 1px solid;
	font-size: 11px;
	font-style: normal;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.input_full_width {
	font-weight: normal;
	font-size: 9px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid gray;
}

.search {
	color: rgb(0, 0, 0);
	font-size: 9px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica;
}

.text10 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
	line-height: 24px;
}

.text8 {
	font-size: 8px;
	line-height: 11px;
}

A.sublink:link {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

A.sublink:active {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

A.sublink:visited {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

A.navlink:visited {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

A.navlink:active,link {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

A.navlink:link {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

.navlinktext {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 10px;
	text-decoration: none;
	color: #000000;
	margin-top: 0px;
}

.abstand {
	margin-top: -8px;
}

.jobMrkNameFilter {
	padding-top: 5px;
}

.jobMrkNameFilter label,.jobMrkNameFilter input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

.jobMrkNameFilter input {
	width: 200px;
}

/* annnouncement */
#hs-right .linktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-decoration: none;
	color: #808080;
}

#hs-right h1 {
	color: #444;
	font-size: 19px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	padding-bottom: 10px;
}

#hs-right h2 {
	color: #6e767d;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: thin solid #aeaeae;
	border-bottom: thin solid #aeaeae;
}

#hs-right .news {
	color: #606060;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	line-height: 1.4em;
}

#hs-right tr,#hs-right td,#hs-right p {
	color: #313c46;
	font-size: 12px;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica
}

/* documentation page */
.docsBody {
	padding-left: 2%;
	padding-right: 2%;
}

.pHeading1 {
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;

}

p.pBody {
	color: Black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.pCell {
	color: Black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	text-align: center;
	text-decoration: none;
	text-indent: 0em;
	text-transform: none
}

div.pInfo {
	color: Black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-bottom: 24pt;
	margin-left: 0em;
	margin-right: 4cm;
	margin-top: 30pt;
	text-align: left;
	text-decoration: none;
	text-indent: 0em;
	text-transform: none
}

div.pPDF {
	color: Maroon;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-left: 8pt;
	margin-right: 0;
	margin-top: 8pt;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
}

.icon {
	vertical-align: middle;
}

.docsColumn {
	float: left;
	width: 40%;
	padding-right: 10%;
}

#docsArea {
	display: table;
}

/* image buttons replaced by texts - new style for it */
.textButton {
	color: black;
	cursor: hand;
	cursor: pointer;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

span.textButton {
	vertical-align: middle;
	_vertical-align: inherit;
}

/* customise page buttons */
.createButton {
	background: #a5b6c0; /* old browsers */
	background: -moz-linear-gradient(top, #e2e6e8 0%, #c8d1d7 50%, #a5b6c0 51%, #d0dfe9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e6e8), color-stop(50%, #c8d1d7), color-stop(51%, #a5b6c0), color-stop(100%, #d0dfe9)); /* webkit */
	background: -o-linear-gradient(top, #e2e6e8 0%, #c8d1d7 50%, #a5b6c0 51%, #d0dfe9 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e6e8', endColorstr='#d0dfe9', GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: #e2e6e8 gray gray #e2e6e8;
}

.createButton:HOVER {
	border-color: gray #e2e6e8 #e2e6e8 gray;
}

.editButton {
	background: #c7c2c5; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eee9ec 50%, #c7c2c5 51%, #eee9ec 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #eee9ec), color-stop(51%, #c7c2c5), color-stop(100%, #eee9ec)); /* webkit */
	background: -o-linear-gradient(top, #ffffff 0%, #c8d1d7 50%, #c7c2c5 51%, #eee9ec 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee9ec', GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: white gray gray white;
}

.editButton:HOVER {
	border-color: gray white white gray;
}

.renameButton {
	background: #acbfaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #acbfaa 0%, #b7c6b4 50%, #a6b2a2 51%, #acbfaa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #acbfaa 0%,#b7c6b4 50%,#a6b2a2 51%,#acbfaa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #acbfaa 0%,#b7c6b4 50%,#a6b2a2 51%,#acbfaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acbfaa', endColorstr='#acbfaa',GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: #a6b2a2 #ced9cd #ced9cd #a6b2a2;
}

.renameButton:HOVER {
	border-color: #ced9cd #a6b2a2 #a6b2a2 #ced9cd;
}

.setdefButton {
	background: #888888; /* old browsers */
	background: -moz-linear-gradient(top, #a0a0a0 0%, #929292 50%, #888888 51%, #ababab 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0a0a0), color-stop(50%, #929292), color-stop(51%, #888888), color-stop(100%, #ababab)); /* webkit */
	background: -o-linear-gradient(top, #a0a0a0 0%, #929292 50%, #888888 51%, #ababab 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#ababab', GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: #a0a0a0 black black #a0a0a0;
}

.setdefButton:HOVER {
	border-color: black #a0a0a0 #a0a0a0 black;	
}

.deleteButton {
	background: #dd5f5f; /* old browsers */
	background: -moz-linear-gradient(top, #faafaf 0%, #e99292 50%, #dd5f5f 51%, #f48383 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faafaf), color-stop(50%, #e99292), color-stop(51%, #dd5f5f), color-stop(100%, #f48383)); /* webkit */
	background: -o-linear-gradient(top, #faafaf 0%, #e99292 50%, #dd5f5f 51%, #f48383 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faafaf', endColorstr='#f48383', GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: #faafaf red red #faafaf;
}

.deleteButton:HOVER {
	border-color: red #faafaf #faafaf red;
}

.saveButton {
	background: #acbfaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #acbfaa 0%, #b7c6b4 50%, #a6b2a2 51%, #acbfaa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #acbfaa 0%,#b7c6b4 50%,#a6b2a2 51%,#acbfaa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #acbfaa 0%,#b7c6b4 50%,#a6b2a2 51%,#acbfaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acbfaa', endColorstr='#acbfaa',GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: #a6b2a2 #ced9cd #ced9cd #a6b2a2;
}

.saveButton:HOVER {
	border-color: #ced9cd #a6b2a2 #a6b2a2 #ced9cd;
}

.resetButton {
	background: #c7c2c5; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eee9ec 50%, #c7c2c5 51%, #eee9ec 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #eee9ec), color-stop(51%, #c7c2c5), color-stop(100%, #eee9ec)); /* webkit */
	background: -o-linear-gradient(top, #ffffff 0%, #c8d1d7 50%, #c7c2c5 51%, #eee9ec 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee9ec', GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: white gray gray white;
}

.resetButton:HOVER {
	border-color: gray white white gray;
}

.cancelButton {
	background: #888888; /* old browsers */
	background: -moz-linear-gradient(top, #a0a0a0 0%, #929292 50%, #888888 51%, #ababab 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0a0a0), color-stop(50%, #929292), color-stop(51%, #888888), color-stop(100%, #ababab)); /* webkit */
	background: -o-linear-gradient(top, #a0a0a0 0%, #929292 50%, #888888 51%, #ababab 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#ababab', GradientType=0 ); /* IE6-9 */
	border: 1px solid;
	border-color: #a0a0a0 black black #a0a0a0;
}

.cancelButton:HOVER {
	border-color: black #a0a0a0 #a0a0a0 black;	
}

#deviceArea {
	padding-right: 20px;
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
}

.spreading_4 {
	background-position: -32px 0px;
}

.spreading_5 {
	background-position: 0px 0px;
}

.spreading_6 {
	background-position: -160px 0px;
}

.spreading_7 {
	background-position: -64px 0px;
}

.spreading_8 {
	background-position: -128px 0px;
}

.spreading_9 {
	background-position: -96px 0px;
}