1 

     2 div.jGrowl {

     3 	padding: 			10px;

     4 	z-index: 			9999;

     5 }

     6 

     7 /** Special IE6 Style Positioning **/

     8 div.ie6 {

     9 	position: 			absolute;

    10 }

    11 

    12 div.ie6.top-right {

    13 	right: 				auto;

    14 	bottom: 			auto;

    15 	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    16   	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

    17 }

    18 

    19 div.ie6.top-left {

    20 	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    21 	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

    22 }

    23 

    24 div.ie6.bottom-right {

    25 	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    26 	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

    27 }

    28 

    29 div.ie6.bottom-left {

    30 	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    31 	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

    32 }

    33 

    34 div.ie6.center {

    35 	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    36 	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

    37 	width: 				100%;

    38 }

    39 

    40 /** Normal Style Positions **/

    41 body > div.jGrowl {

    42 	position:			fixed;

    43 }

    44 

    45 body > div.jGrowl.top-left {

    46 	left: 				0px;

    47 	top: 				0px;

    48 }

    49 

    50 body > div.jGrowl.top-right {

    51 	right: 				0px;

    52 	top: 				0px;

    53 }

    54 

    55 body > div.jGrowl.bottom-left {

    56 	left: 				0px;

    57 	bottom:				0px;

    58 }

    59 

    60 body > div.jGrowl.bottom-right {

    61 	right: 				0px;

    62 	bottom: 			0px;

    63 }

    64 

    65 body > div.jGrowl.center {

    66 	top: 				0px;

    67 	width: 				50%;

    68 	left: 				25%;

    69 }

    70 

    71 /** Cross Browser Styling **/

    72 div.center div.jGrowl-notification, div.center div.jGrowl-closer {

    73 	margin-left: 		auto;

    74 	margin-right: 		auto;

    75 }

    76 

    77 div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {

    78 	background-color: 		#224466;

    79 	color: 					#fff;

    80 	opacity: 				.85;

    81 	filter: 				alpha(opacity = 85);

    82 	zoom: 					1;

    83 	width: 					235px;

    84 	padding: 				10px;

    85 	margin-top: 			5px;

    86 	margin-bottom: 			5px;

    87 	font-family: 			Tahoma, Arial, Helvetica, sans-serif;

    88 	font-size: 				12px;

    89 	text-align: 			left;

    90 	display: 				none;

    91 	-moz-border-radius: 	5px;

    92 	-webkit-border-radius:	5px;

    93 }

    94 

    95 div.jGrowl div.jGrowl-notification {

    96 	min-height: 			40px;

    97 }

    98 

    99 div.jGrowl div.jGrowl-notification div.header {

   100 	font-weight: 			bold;

   101 	font-size:				10px;

   102 }

   103 

   104 div.jGrowl div.jGrowl-notification div.close {

   105 	float: 					right;

   106 	font-weight: 			bold;

   107 	font-size: 				12px;

   108 	cursor:					pointer;

   109 }

   110 

   111 div.jGrowl div.jGrowl-closer {

   112 	height: 				15px;

   113 	padding-top: 			4px;

   114 	padding-bottom: 		4px;

   115 	cursor: 				pointer;

   116 	font-size:				11px;

   117 	font-weight: 			bold;

   118 	text-align: 			center;

   119 }