@font-face { font-family: 'KPNSans'; src: url("font/KPNsans3_.woff"); src: url("font/KPNsans3_.ttf"); } @font-face { font-family: 'KPNAccent'; src: url("font/KPN Accent Normal.woff"); src: url("font/KPN Accent Normal.ttf"); } BODY { font-weight: normal; color: #FFFFFF; font-size: 14px; font-style: normal; font-family: KPNSans; background-color: #808080; text-align: center; } TABLE { margin-left: auto; margin-right: auto; } CAPTION { margin-left: auto; margin-right: auto; color: #FFFFFF; font-weight: normal; font-family: KPNSans; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #FFFFFF; font-size: normal; } .title { font-weight: normal; font-family: KPNAccent; font-size: 24px; font-style: inherit ; color: #FFFFFF; } .fieldname { color: #FFFFFF; font-size: 14px; vertical-align: top; font-weight: bold; } .fieldvalue { color: #FFFFFF; vertical-align: top; } .fielderror { color: red; font-weight: bold; } .Header { vertical-align: top; text-align: center; font-family: KPNAccent; font-weight: bold; color: #FF0000; background: #FFFF00; border: solid 1px #FF0000;} .Message {font-family: KPNSans; font-size: 16px; } .footer { position: fixed; margin:0; bottom:0; left:0; display:block; width:100%; height:20px; z-index:5; overflow:hidden; background-color:#234a76; border-top: solid 1px #666666; background: #333333; /*#234a76; #446688; /* For browsers that do not support gradients */ /* For Safari 5.1 to 6.0 */ /* background: -webkit-linear-gradient(left,#19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */ background: -webkit-linear-gradient(left,#444444,#444444,#444444,#666666,#888888); /* For Opera 11.1 to 12.0 */ /* background: -o-linear-gradient(left,#19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */ background: -o-linear-gradient(left,#444444,#444444,#444444,#666666,#888888); /* For Fx 3.6 to 15 */ /* background: -moz-linear-gradient(left,#19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */ background: -moz-linear-gradient(left,#444444,#444444,#444444,#666666,#888888); /* Standard syntax */ /* background: linear-gradient(to right, #19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */ background: linear-gradient(to right, #444444,#444444,#444444,#666666,#888888); text-align:center; color:white; font-size:11px; } .Info { text-align: center; font-family: KPNSans; font-size: 14px; font-weight: normal; } .Button { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #808080; color: #FFFFFF; cursor: pointer; } .EmergencyButtonOff { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #808080; background-color: #808080; color: #FFFFFF; cursor: pointer; } .EmergencyButtonOff:hover { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #A9A9A9; background-color: #A9A9A9; color: #FFFFFF; cursor: pointer; } .EmergencyButtonOn { border-style: inset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #8B0000; background-color: #8B0000; color: #FFFFFF; cursor: pointer; } .LocationButtonOff { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #808080; background-color: #808080; color: #FFFFFF; cursor: pointer; } .LocationButtonOff:hover { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #A9A9A9; background-color: #A9A9A9; color: #FFFFFF; cursor: pointer; } .LocationButtonOn { border-style: inset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #8B0000; background-color: #8B0000; color: #FFFFFF; cursor: pointer; } .PersonButtonOff { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #808080; background-color: #808080; color: #FFFFFF; cursor: pointer; } .PersonButtonOff:hover { border-style: outset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #A9A9A9; background-color: #A9A9A9; color: #FFFFFF; cursor: pointer; } .PersonButtonOn { border-style: inset; font-family: KPNSans; font-size: 16px; border-color: #A9A9A9; border-width: 3px; background: #8B0000; background-color: #8B0000; color: #FFFFFF; cursor: pointer; } .ButtonLeft { background: #808080; height: 59px; border-style: outset; border-color: #A9A9A9; border-width: 3px; color: #FFFFFF; text-align: center; font-family: KPNAccent; font-weight: normal; cursor: pointer; } .ButtonLeft:hover { background: #000000; height: 59px; border-style: outset; border-color: #A9A9A9; border-width: 3px; color: #FFFFFF; text-align: center; font-family: KPNAccent; font-weight: normal; cursor: pointer; } .ButtonRight { background: #808080; height: 59px; border-style: outset; border-color: #A9A9A9; border-width: 3px; color: #FFFFFF; text-align: center; font-family: KPNAccent; font-weight: normal; cursor: pointer; } .ButtonRight:hover { background: #000000; height: 59px; border-style: outset; border-color: #A9A9A9; border-width: 3px; color: #FFFFFF; text-align: center; font-family: KPNAccent; font-weight: normal; cursor: pointer; } .ButtonSend { background-color: #808080; height: 59px; border-style: outset; border-color: #A9A9A9; border-width: 3px; color: #FFFFFF; text-align: center; font-family: KPNAccent; font-weight: normal; cursor: pointer; } .ButtonSend:hover { background-color: #000000; height: 59px; border-style: outset; border-color: #A9A9A9; border-width: 3px; color: #FFFFFF; text-align: center; font-family: KPNAccent; font-weight: normal; cursor: pointer; } .ButtonSendText { font-family: KPNAccent; font-weight: Bold; text-align: center; color: #FFFFFF; } a:active { color: #FFFFFF; } a:hover { color: #FFFFFF; } a:link { color: #FFFFFF; } a:visited { color: #FFFFFF; }