/* 
Developed by www.matijabozic.com / mail@matijabozic.com
Feel free to use, view and improve the code of IE6Notification
If you improve this code, or create a new theme, contact me so I can improve this script
Mail: mail@matijabozic.com
*/

#IE6NotificationWrapper * { margin: 0; padding: 0; border: 0; font-family: Verdana,Arial,Sans-Serif; color: #FFF; }
#IE6NotificationWrapper a { font-size: 12px; text-decoration: none; outline: none; }
#IE6NotificationWrapper p { font-size: 12px; line-height: 20px; } 
#IE6NotificationWrapper { width: 700px; height: 400px; background-color: #000; background-image: url(../images/background.jpg); background-repeat: no-repeat; position: absolute; top: 50px; left: 50%; margin-left: -350px; z-index: 100000; }

#IE6NotificationHeader { font-size: 28px; text-align: center; margin-top: 10px; }
#IE6NotificationInfo1 { text-align: center;  margin-top: 5px; }
#IE6NotificationInfo2 { text-align: justify; margin-top: 20px;  padding-left: 35px; padding-right: 35px; }

#browserFirefox { width: 128px; height: 128px; display: block; float: left;  margin-left: 30px; margin-top: 40px; background-image: url(../images/browserFirefox.jpg); background-repeat: no-repeat; display: inline; }
#browserChrome { width: 128px; height: 128px; display: block; float: left; margin-top: 40px; background-image: url(../images/browserChrome.jpg); background-repeat: no-repeat; display: inline; }
#browserSafari { width: 128px; height: 128px; display: block; float: left; margin-top: 40px; background-image: url(../images/browserSafari.jpg); background-repeat: no-repeat; display: inline; }
#browserOpera { width: 128px; height: 128px; display: block; float: left; margin-top: 40px; background-image: url(../images/browserOpera.jpg); background-repeat: no-repeat; display: inline; }
#browserIE { width: 128px; height: 128px; display: block; float: left; margin-top: 40px; background-image: url(../images/browserIE.jpg); background-repeat: no-repeat; display: inline; }

#closeIE6Notification { font-size: 10px; float: right; display: block; border-style: solid; border-color: #CCC; border-width: 1px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; margin-top: 50px; margin-right: 12px; display: inline; }
#killIE6Notification { font-size: 10px; float: right; display: block; border-style: solid; border-color: #CCC; border-width: 1px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; margin-top: 50px; margin-right: 12px; display: inline; }
#closeIE6Notification:hover { border-color: #2dbaeb; }
#killIE6Notification:hover { border-color: #2dbaeb; }
#closeIE6Notification:active { color: #2dbaeb; }
#killIE6Notification:active { color: #2dbaeb; }