/* ***************************************************************************** ** ** @(#) Copyright (C) Siemens AG 2014-[YYYY] All Rights Reserved Confidential ** ***************************************************************************** */ .zeroLength { width: 0px; } .zeroLengthHeader { } .zeroLengthBody { } .zeroLengthResizer { } .testStyle1 { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; background-color:#FA8072; border: 1px solid #004D99; } .testStyle1Header { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; color: white; background-color:#B22222; } .testStyle1Body { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; color:black; background-color: #FA8072; padding: 3px; } .testStyle1Resizer { border-top:1px solid white; border-bottom: 1px solid white; } .testStyle2 { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; background-color:#88FF88; border: 1px solid #449944; } .testStyle2Header { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; color: white; background-color:#449944; } .testStyle2Body { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; color:black; background-color:#88FF88; padding: 3px; } .testStyle2Resizer { border-top:1px solid white; border-bottom: 1px solid white; } .testStyle3 { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; background-color:#EEEEAA; border: 1px solid #999955; } .testStyle3Header { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; color: #ffff11; background-color:#999955; } .testStyle3Body { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px; color:black; background-color:#EEEEAA; padding: 3px; } .testStyle3Resizer { border-top:1px solid white; border-bottom: 1px solid white; } .testStyleRounded { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; background-color:#EEEEAA; border: 1px solid #999955; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .testStyleRoundedHeader { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 11px; font-weight:bold; color: #ffff11; background-color:#999955; } .testStyleRoundedBody { font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size: 10px; background-color:#EEEEAA; padding: 3px; } .testStyleRoundedResizer { border-top:1px solid white; border-bottom: 1px solid white; } .customZoneStyle { background-color: bisque; opacity: 0.5; } .normalBlue { background-color: #4374e0; color: #ffffff; font-size: 11px; } .normalBlueStart { background-color: #4374e0; color: #ffffff; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .normalBlueEnd { background-color: #4374e0; color: #ffffff; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .lightBlueStart { border: 1px solid #8db1bf; background-color: #bdedff; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .lightBlueEnd { border: 1px solid #8db1bf; background-color: #bdedff; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .normalYellow { border: 1px solid #bfbf72; background-color: #FFFF00; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .normalYellowStart { border: 1px solid #bfbf72; background-color: #FFFF00; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .normalYellowEnd { border: 1px solid #bfbf72; background-color: #FFFF00; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .lightYellow { border: 1px solid #bfbf72; background-color: #ffff99; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .lightYellowStart { border: 1px solid #bfbf72; background-color: #ffff99; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .lightYellowEnd { border: 1px solid #bfbf72; background-color: #ffff99; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .normalGreen { border: 1px solid #72bf72; background-color: #33CC33; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .normalGreenStart { border: 1px solid #72bf72; background-color: #33CC33; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .normalGreenEnd { border: 1px solid #72bf72; background-color: #33CC33; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .lightGreen { border: 1px solid #72bf72; background-color: #99ff99; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .lightGreenStart { border: 1px solid #72bf72; background-color: #99ff99; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .lightGreenEnd { border: 1px solid #72bf72; background-color: #99ff99; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .normalRed { border: 1px solid #995C5C; background-color: #FF0000; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .normalRedStart { border: 1px solid #995C5C; background-color: #FF0000; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .normalRedEnd { border: 1px solid #995C5C; background-color: #FF0000; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .lightRed { border: 1px solid #995C5C; background-color: #FF9999; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .lightRedStart { border: 1px solid #995C5C; background-color: #FF9999; color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .lightRedEnd { border: 1px solid #995C5C; background-color: #FF9999; color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .normalBlueGradient { color: #ffffff; font-size: 11px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, #4375E0), color-stop(0.8, #5E99FF) ); background-image: -o-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -moz-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -webkit-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -ms-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: linear-gradient(to bottom, #4375E0 47%, #5E99FF 80%); } .normalBlueStartGradient { color: #ffffff; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, #4375E0), color-stop(0.8, #5E99FF) ); background-image: -o-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -moz-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -webkit-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -ms-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: linear-gradient(to bottom, #4375E0 47%, #5E99FF 80%); } .normalBlueEndGradient { color: #ffffff; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, #4375E0), color-stop(0.8, #5E99FF) ); background-image: -o-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -moz-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -webkit-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: -ms-linear-gradient(bottom, #4375E0 47%, #5E99FF 80%); background-image: linear-gradient(to bottom, #4375E0 47%, #5E99FF 80%); } .lightBlueStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #BDEDFF), color-stop(0.8, #E3FFFF) ); background-image: -o-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: -moz-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: -webkit-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: -ms-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: linear-gradient(to bottom, #BDEDFF 0%, #E3FFFF 80%); } .lightBlueEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #BDEDFF), color-stop(0.8, #E3FFFF) ); background-image: -o-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: -moz-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: -webkit-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: -ms-linear-gradient(bottom, #BDEDFF 0%, #E3FFFF 80%); background-image: linear-gradient(to bottom, #BDEDFF 0%, #E3FFFF 80%); } .normalYellowGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFF00), color-stop(1, #FFFFF0) ); background-image: -o-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -moz-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -webkit-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -ms-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: linear-gradient(to bottom, #FFFF00 0%, #FFFFF0 100%); } .normalYellowStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFF00), color-stop(1, #FFFFF0) ); background-image: -o-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -moz-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -webkit-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -ms-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: linear-gradient(to bottom, #FFFF00 0%, #FFFFF0 100%); } .normalYellowEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFF00), color-stop(1, #FFFFF0) ); background-image: -o-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -moz-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -webkit-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: -ms-linear-gradient(bottom, #FFFF00 0%, #FFFFF0 100%); background-image: linear-gradient(to bottom, #FFFF00 0%, #FFFFF0 100%); } .lightYellowGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFF99), color-stop(1, #FFFFF0) ); background-image: -o-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -moz-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -webkit-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -ms-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: linear-gradient(to bottom, #FFFF99 0%, #FFFFF0 100%); } .lightYellowStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFF99), color-stop(1, #FFFFF0) ); background-image: -o-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -moz-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -webkit-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -ms-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: linear-gradient(to bottom, #FFFF99 0%, #FFFFF0 100%); } .lightYellowEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFF99), color-stop(1, #FFFFF0) ); background-image: -o-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -moz-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -webkit-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: -ms-linear-gradient(bottom, #FFFF99 0%, #FFFFF0 100%); background-image: linear-gradient(to bottom, #FFFF99 0%, #FFFFF0 100%); } .normalGreenGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #33CC33), color-stop(1, #4DF54D) ); background-image: -o-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -moz-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -webkit-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -ms-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: linear-gradient(to bottom, #33CC33 0%, #4DF54D 100%); } .normalGreenStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #33CC33), color-stop(1, #4DF54D) ); background-image: -o-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -moz-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -webkit-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -ms-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: linear-gradient(to bottom, #33CC33 0%, #4DF54D 100%); } .normalGreenEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #33CC33), color-stop(1, #4DF54D) ); background-image: -o-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -moz-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -webkit-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: -ms-linear-gradient(bottom, #33CC33 0%, #4DF54D 100%); background-image: linear-gradient(to bottom, #33CC33 0%, #4DF54D 100%); } .lightGreenGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #99FF99), color-stop(1, #B8FFB8) ); background-image: -o-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -moz-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -webkit-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -ms-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: linear-gradient(to bottom, #99FF99 0%, #B8FFB8 100%); } .lightGreenStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #99FF99), color-stop(1, #B8FFB8) ); background-image: -o-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -moz-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -webkit-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -ms-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: linear-gradient(to bottom, #99FF99 0%, #B8FFB8 100%); } .lightGreenEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #99FF99), color-stop(1, #B8FFB8) ); background-image: -o-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -moz-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -webkit-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: -ms-linear-gradient(bottom, #99FF99 0%, #B8FFB8 100%); background-image: linear-gradient(to bottom, #99FF99 0%, #B8FFB8 100%); } .normalRedGradient { border: 1px solid #995C5C; background-color: #FF0000; color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .normalRedStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF0000), color-stop(1, #FA8787) ); background-image: -o-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: -moz-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: -webkit-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: -ms-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: linear-gradient(to bottom, #FF0000 0%, #FA8787 100%); } .normalRedEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF0000), color-stop(1, #FA8787) ); background-image: -o-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: -moz-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: -webkit-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: -ms-linear-gradient(bottom, #FF0000 0%, #FA8787 100%); background-image: linear-gradient(to bottom, #FF0000 0%, #FA8787 100%); } .lightRedGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF9999), color-stop(1, #FAC8C8) ); background-image: -o-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -moz-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -webkit-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -ms-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: linear-gradient(to bottom, #FF9999 0%, #FAC8C8 100%); } .lightRedStartGradient { color: #202020; font-size: 11px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF9999), color-stop(1, #FAC8C8) ); background-image: -o-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -moz-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -webkit-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -ms-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: linear-gradient(to bottom, #FF9999 0%, #FAC8C8 100%); } .lightRedEndGradient { color: #202020; font-size: 11px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FF9999), color-stop(1, #FAC8C8) ); background-image: -o-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -moz-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -webkit-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: -ms-linear-gradient(bottom, #FF9999 0%, #FAC8C8 100%); background-image: linear-gradient(to bottom, #FF9999 0%, #FAC8C8 100%); } .transparentButtonTitle, .transparentButtonTitleOver, .transparentButtonTitleDown, .transparentButtonTitleSelected, .transparentButtonTitleFocused, .transparentButtonTitleSelectedFocused, .transparentButtonTitleSelectedOver, .transparentButtonTitleFocusedOver, .transparentButtonTitleSelectedFocusedOver, .transparentButtonTitleSelectedDown, .transparentButtonTitleFocusedDown, .transparentButtonTitleSelectedFocusedDown, .transparentButtonTitleDisabled, .transparentButtonTitleSelectedDisabled { color: #202020; font-family: Arial, Verdana, sans-serif; font-size: 11px; } .transparentButton, .transparentButtonOver, .transparentButtonFocused, .transparentButtonFocusedOver, .transparentButtonDown, .transparentButtonFocusedDown, .transparentButtonSelected, .transparentButtonSelectedFocused, .transparentButtonSelectedDown, .transparentButtonSelectedFocusedDown, .transparentButtonSelectedOver, .transparentButtonSelectedFocusedOver, .transparentButtonDisabled, .transparentButtonSelectedDisabled { color: #202020; font-family: Arial, Verdana, sans-serif; font-size: 11px; padding: 2px; } .transparentButtonOver, .transparentButtonFocused, .transparentButtonFocusedOver, .transparentButtonDown, .transparentButtonFocusedDown, .transparentButtonSelected, .transparentButtonSelectedFocused, .transparentButtonSelectedDown, .transparentButtonSelectedFocusedDown, .transparentButtonSelectedOver, .transparentButtonSelectedFocusedOver, .transparentButtonSelectedDisabled { background-color: #f5f5f5; background: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e8 100%); background: -o-linear-gradient(right, #f5f5f5 0%, #e8e8e8 100%); background: -moz-linear-gradient(right, #f5f5f5 0%, #e8e8e8 100%); background: linear-gradient(to right, #f5f5f5 0%, #e8e8e8 100%); } .indicatorRed { background-color: #dd4b39; color: #ffffff; font-size: 14px; font-weight: bold; } .indicatorRedGripper { background-color: #dd4b39; color: #ffffff; font-size: 14px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .indicatorRedLabel { padding: 7px 2px 2px !important; }