body { background-color: #EDEFEE; color: #222; font-family: Helvetica; font-size: 14px; margin: 0; padding: 0; height: 100%; border: none; } .shadowblur { box-shadow: 3px 3px 4px #444444; -webkit-box-shadow: 3px 3px 4px #444444; -moz-box-shadow: 3px 3px 4px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); } .menuArea { position:absolute; width:100%; height:100%; background-color:#000000; z-index:-1; opacity:0.75; border:2px solid #DDDDDD; box-shadow: 3px 3px 4px #444444; -webkit-box-shadow: 3px 3px 4px #444444; -moz-box-shadow: 3px 3px 4px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); -moz-border-radius: 14px; -webkit-border-radius:14px; border-radius: 14px; } .menuIcon { width:90px; height:90px; box-shadow: 3px 3px 4px #222222; -webkit-box-shadow: 3px 3px 4px #222222; -moz-box-shadow: 3px 3px 4px #222222; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); -moz-border-radius: 7px; -webkit-border-radius:7px; border-radius: 7px; } .menuContent { padding:11px; font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-shadow: 2px 2px 2px #222222; //-webkit-box-shadow: 2px 2px 3px #222222; //-moz-box-shadow: 2px 2px 3px #222222; //filter: progid:DXImageTransform.Microsoft.dropShadow(color=#222222, offX=2, offY=2, positive=true); } .notificationIcon { width:30px; height:30px; box-shadow: 3px 3px 4px #222222; -webkit-box-shadow: 3px 3px 4px #222222; -moz-box-shadow: 3px 3px 4px #222222; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); -moz-border-radius: 7px; -webkit-border-radius:7px; border-radius: 7px; } .redGradient { color: #fff; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#c10a0f), to(#870003)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #c10a0f, #870003); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc10a0f, endColorstr=#FF870003); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc10a0f, endColorstr=#FF870003)"; } .redButtonTop { color: #fff; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#c10a0f), to(#870003)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #c10a0f, #870003); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc10a0f, endColorstr=#FF870003); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc10a0f, endColorstr=#FF870003)"; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; border:1px solid #700003; border:0px; box-shadow: 3px 3px 4px #444444; -webkit-box-shadow: 3px 3px 4px #444444; -moz-box-shadow: 3px 3px 4px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); margin:0 0 4 4; } .redButtonDown { color: #fff; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#870003), to(#c10a0f)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #870003, #c10a0f); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF870003, endColorstr=#FFc10a0f); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF870003, endColorstr=#FFc10a0f)"; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; border:1px solid #700003; border:0px; margin:8 0 0 8; } .redButtonHover { color: #000; /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#870003), to(#c10a0f)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(top, #870003, #c10a0f); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF870003, endColorstr=#FFc10a0f); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF870003, endColorstr=#FFc10a0f)"; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; border:1px solid #700003; border:10px; box-shadow: 3px 3px 4px #444444; -webkit-box-shadow: 3px 3px 4px #444444; -moz-box-shadow: 3px 3px 4px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); margin:0 0 4 4; cursor:pointer; } .inputFields { -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; border:1px solid #BBB; box-shadow: 3px 3px 4px #444444; -webkit-box-shadow: 3px 3px 4px #444444; -moz-box-shadow: 3px 3px 4px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=3, offY=3, positive=true); height:22px; } .contentArea { -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; border:1px solid #DDD; box-shadow: -1px -1px -2px #444444; -webkit-box-shadow: -1px -1px -2px #444444; -moz-box-shadow: -1px -1px -2px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=-1, offY=-1, positive=true); } .topicAreaDark { font-family: 14px/18px "myriad-pro-1","myriad-pro-2","Myriad Pro",sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; background-color:#000000; opacity:0.85; } .topicAreaWhite { font-family: 14px/18px "myriad-pro-1","myriad-pro-2","Myriad Pro",sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; border:1px solid #DDD; border-radius: 5px; background-color:#FFF; } .topicArea2 { font-family: 14px/18px "myriad-pro-1","myriad-pro-2","Myriad Pro",sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 1px 1px 2px #444444; -webkit-box-shadow: 1px 1px 2px #444444; -moz-box-shadow: 1px 1px 2px #444444; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444444, offX=1, offY=1, positive=true); background-color:#000000; opacity:0.85; } .menuText { color: #555; font-size:10px; font-family:myriad-pro-1,myriad-pro-2,Myriad Pro, sans-serif; } .menuTextDisabled { color: #990000; font-size:10px; font-family:myriad-pro-1,myriad-pro-2,Myriad Pro, sans-serif; font-weight:bold; }