html {
    height: 100%;
}
body {
    font: 12px/1.33 Arial;
    height: 100%;
    color: #333;
    background: #eee;
}


/* ***************************************
Generic
*************************************** */
img { border: none }
a:link {	color: #00509F; }
a:visited,
a:active {	color: #00386F; }
a:hover { color: #c00; }
a:focus { outline: none }
ul { list-style-type: none; }
li{}

table { width: 100%; }
.break,
.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.block {display: inline-block;}
* html .block,
*:first-child+html .block {
    zoom: 1;
    display: block;
}
.left,
.float-left { float: left; }
.right,
.float-right {	float: right; }
.align-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
.widest {
    width: 100%;
}
.single-col {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}
.left-col {
    float: left;
    width: 49%;
}
.right-col {
    float: right;
    width: 49%;
}
button { cursor: pointer;}

.edit-buttons {
    clear: both;
}

object:active, div:active {
    outline: none;
}

object:focus, div:focus {
    -moz-outline-style: none;
}

/* ***************************************
Reusable Styles
*************************************** */
.box {
    margin-bottom: 15px;
    padding: 20px;
}
.small-box {
    margin-bottom: 10px;
    padding: 5px;
}

    padding: 5px;
.note {
    padding: 5px;
    font-size: 11px;
    color: #666;
}
.round {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.hidden {
    position: absolute;
    left: -999em;
}
.form-link { margin: 0 0 3px; }
sup {	font-size: 9px;}
p {
    line-height: 1.35em;
    margin: 0 0 10px;
}
p.small {
    font: 11px/1.5em Arial;
    color: #808080;
}
.light { color: #666;}
.highlight {
    padding: 3px;
    background: #ffc;
}
.highlight-grey {
    background: #f6f6f6;
}
.standout {
    background: #FFF9D7;
    background: #ffc;
    padding: 10px;
    margin: 20px 0 20px;
}
.plain {
    background: none !important;
    border: none !important;
}
.nomargin {
    margin: 0 !important;
}
.nopadding {
    padding: 0 !important;
}

.red {
    color: #c00;
}
.red-highlight {
    color: #fff;
    background: #c00;
}
.darkblue {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #bbdaf7;
}
.lightblue {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #E0E7EF;
}
.very-light-blue {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #EEF3FA;
}
.white {
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: white;
}
.lightgrey {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f6f6f6;
}
.light-green {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #DFF4CE;
}
.lightyellow {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #FFF8CF;
}

.error-box {
    color: #900;
    background: #FFCECE;
    background: #FFDFDF;
    border-top: 1px solid #FFCFCF;
    border-left: 1px solid #FFCFCF;
    border-right: 1px solid #FF9F9F;
    border-bottom: 1px solid #FF9F9F;
}

/* ***************************************
Titles
*************************************** */
h1 { font: normal 26px/1 Arial;  margin: 0 0 20px; }
h2 { font: normal 22px/1 Arial; margin: 0 0 10px; }
h3 { font: normal 18px/1 Arial; margin: 0 0 5px; }
h4 { font: bold 14px/1 Arial; margin: 0 0 5px; }
h5 { font: bold 11px Arial; margin: 0 0 3px 0; text-transform: uppercase; }
h1.page-title {}
h1.stylish {
    font: normal 38px Georgia, Arial;
    color: #333;
}
h1.special {
    font: normal 33px Arial;
    color: #333;
}
h2.special {
    font: normal 24px Arial;
    color: #333;
}
h3.special {
    font: normal 18px Arial;
    color: #333;
}
h2.round {
    margin: 0 0 15px 0;
    font: normal 24px Arial;
    color: #333;
}

/* ***************************************
Lists
*************************************** */
ul.plain {
    margin: 10px 0 10px 25px;
    list-style: circle;
}
ul.plain li {
    margin: 0 0 5px;
}
ol.plain {
    margin: 15px 0 10px 20px;
    list-style: decimal;
}
.plain li h3 {
    padding: 0;
    margin: 0 0 5px;
}
.numbered {
    margin: 10px 0 10px 25px;
    list-style: decimal;
}
.item-list {
    margin: 10px 0 10px;
    border-top: 1px solid #E0E7EF;
    background: #B5C2CF;
}
.item-list li {
    padding: 5px;
    border-bottom: 2px solid #E0E7EF;
}
.green-list {
    border-top: 1px solid #080;
    background: #DFF4CE;
}
.green-list li {
    padding: 6px;
    border-top: 1px solid #9BCF74;
    border-bottom: 1px solid #C6EFA4;
}
.blue-list {
    margin: 16px 0 16px;
    border-top: 1px solid #B5C2CF;
    border-bottom: 1px solid #B5C2CF;
    background: #E0E8EF;
}
.blue-list li {
    padding: 5px 10px;
    border-top: 1px dotted #d5d5d5;
}
.light-blue-list {
    margin: 10px 0 20px;
    background: #EEF3FA;
}
.light-blue-list li {
    padding: 5px 10px;
    border-top: 1px dotted #e5e5e5;
}


/* ***************************************
Data Tables
*************************************** */
table.data {
    width: 100%;
    margin: 0 0 20px;
    text-align: left;
    font-size: 12px;
}
table.data th {
    font-weight: bold;
	 background: #E0E7EF;		
	padding: 8px 10px;
    border-bottom: 1px solid #ccc;
}
table.data.round th.first {
    -moz-border-radius: 5px 0 0 0;
}
table.data.round th.last {
    -moz-border-radius: 0 5px 0 0;
}

table.data tr:hover {
    background: #f6f6f6;
    cursor: pointer;
}
table.data tr.highlighted {
    background: #EAFFCF;
}
table.data td {
	padding: 8px 10px;
    border-bottom: 1px solid #ddd;
}

table.data .green {
    background: #DFF4CE;
}
table.data .red {
    background: #F7DAD8;
}
table.two-col td {
    width: 50%;
}

table.blue {
    width: 100%;
    margin: 0 0 10px;
    background: #E0E7EF;
}
table.blue th {
    font-weight: bold;
}
table.blue th,
table.blue td {
    padding: 3px 5px;
    border: 2pt solid #fff !important;
}
table.blue td * {
    font-size: 13px;
}
table.blue td input {
    margin-right: 3px;
}
table.blue a:hover {
    background: #000;
    color: #fff;
}


/* ***************************************
Messages
*************************************** */
#messages ul {
	display: none;
}

.noflash {
	padding: 15px;
	margin: 20px auto;
	width: 500px;
	color: #666;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #F7DAD8;
}
.noflash h2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 0;
}
.noflash h2 img {
	margin-right: 10px;
	padding: 0;
}


/* ***************************************
Tooltips
*************************************** */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#tooltip h3, #tooltip div { margin: 0; }


/* ***************************************
SIFr
*************************************** */
@media screen {
    .sIFR-flash {
        visibility: visible !important;
        margin: 0;
        padding: 0;
    }
    .sIFR-replaced, .sIFR-ignore {
        visibility: visible !important;
    }
    .sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
    }
    .sIFR-replaced div.sIFR-fixfocus {
        margin: 0pt;
        padding: 0pt;
        overflow: auto;
        letter-spacing: 0;
        float: none;
    }
}

@media print {
    .sIFR-flash {
        display    : none !important;
        height     : 0;
        width      : 0;
        position   : absolute;
        overflow   : hidden;
    }
    .sIFR-alternate {
        visibility : visible !important;
        display    : block   !important;
        position   : static  !important;
        left       : auto    !important;
        top        : auto    !important;
        width      : auto    !important;
        height     : auto    !important;
    }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
    .sIFR-active h1.page-title {
        visibility: hidden;
        font-family: Verdana;
    }
    .sIFR-active h1.page-title {
        font-size: 30px !important;
        line-height: 1 !important;
        padding-bottom: 0 !important;
        margin-bottom: 8px;
    }
}


/* ***************************************
Layout
*************************************** */
#page {
    width: 100%;
    height: auto;
	padding: 0;	
	 margin: 0; 
	 text-align: center;
}
/*
body > #page { height: auto; min-height: 100%; }
*/
#header-wrapper {
    height: 70px;
	 text-align: center;
    background: url(/images/template/home/header-sprite.png) repeat-x 0 0;
	 margin: 0 0 30px;
}

#canvas {
    position: relative;
    width: 980px;
    margin: 0 auto 30px;
	 clear: both;
}


#header {
	width: 980px;
	padding: 0;	
	 margin: 0 auto; 
    position: relative;
    height: 69px;
	 text-align: left;
    border-top: 1px solid transparent;
}
#header #logo a {
	display: block;
	float: left;
	margin: 17px 0 0;
    width: 300px;
    height: 35px;
    background: url(/images/template/home/header-sprite.png) repeat-x 0 -70px;
    text-decoration: none;
}


/* ***************************************
Footer
*************************************** */
#footer-wrapper {
    position: relative;
    height: 200px;
    width: 100%;
    padding: 0 0 20px 0;
}
#footer {
    margin: 0 auto 30px;
	 padding: 0px 0 0;
    width: 980px;
    color: #888;
    border-top: 30px solid #ddd; 
}
#footer .link-list {
    margin: -30px auto 0 1%;
    float: left;
    width: 19%;
}
#footer h3 {
    margin-bottom: 10px;
    color: #c00;
    color: #333;
    font: 15px/30px Arial;
}
#footer li {
    font: normal 11px/1.5em Arial;
}
#footer a {
    color: #888;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .line-break {
    clear: both;
    height: 15px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd; 
}
#footer .legal {
    text-align: center;
    font: normal 11px Arial;
}
#footer .logo {
		display: none;
    text-align: center;
}


/* ***************************************
Main Menu
*************************************** */
#menu {
	 float: right;
    display: block;
    margin: 1px 0 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
}
#menu li {
    font: bold 13px/1 Arial, Verdana;
    float: left;
    margin: 0 5px;
    padding: 0;
}
#menu li a {
    font: bold 13px/1 Arial, Verdana;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 4px 8px;
    color: #e5e5e5;
	 border: 1px solid transparent;
}
#menu li a:hover {
   background: #1A1B20;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	 border: 1px solid #222328;
}
#menu li.separator {
    margin: 2px 5px;
    padding: 3px 0px;
	 width: 0px;
	 overflow: hidden;
    border-right: 1px solid #5E626B;
}

#home #menu .home a,
#spot #menu .download a,
#login #menu .login a,
#help #menu .help a,
#design-philosophy #menu .about a,
#security #menu .about a,
#ten-reasons #menu .about a,
#use-cases #menu .about a,
#getting-started #menu .about a {
   background: #1A1B20;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	 border: 1px solid #222328;
}

/* Dropdowns */
#menu li.dropdown a {
    display: block;
    width: 15em;
}
#menu li.dropdown,
#menu li.dropdown li {
    float: left;
    width: 15em;
}
#menu li.dropdown ul li {
    margin: 0;
}
#menu li.dropdown ul li a {
    margin: 0;
    padding: 0 15px;
    font: normal 12px/2.75em Arial, Verdana;
   background: #000 !important;
    color: #e5e5e5;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
	 border: none !important;
	 border-bottom: 1px solid #222328 !important;
}
#menu li.dropdown ul li a:hover {
   background: #1A1B20 !important;
}

#menu li.dropdown ul li.last a {
    -moz-border-radius: 0 0 10px 10px !important;
    -webkit-border-radius: 0 0 10px 10px !important;
}

#menu li.dropdown ul {
    position: absolute;
    width: 15em;
    left: -999em;
    margin: 0 0 0 0px;
    padding: 25px 0 0;
    list-style: none;
    z-index: 100;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}
#menu li.dropdown:hover ul {
    left: auto;
}
#menu li.dropdown ul,
#menu li.dropdown ul li {
    width: 175px;
}
#menu li.dropdown ul li a {
    width: 145px;
}

/* How Anionu Works */
#menu li.about {
    width: 138px;
}
#menu li.about a {	
    width: 120px;
}

/* Download */
#menu li.download {
    width: 83px;
}
#menu li.download a {	
    width: 65px;
}

/* Support */
#menu li.support {
    width: 68px;
}
#menu li.support a {	
    width: 50px;
}


/* ***************************************
Containers
*************************************** */
#container {
    position: relative;
    width: 930px;
    min-height: 230px;
    margin: 0 0 0px;
    padding: 25px 25px 25px;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#container .container-content {
    position: relative;
    margin: 0 !important;
    padding: 25px 30px 25px;
    width: 920px;
}

#no-container {
    position: relative;
    width: 980px;
    min-height: 230px;
}

/* Container Types */
#container.leader-large-center { background: #fff url(/images/stock/leader.jpg) 10% 48% no-repeat; }
#container.leader-large-center .right-col { width: 40%; }

.inner-container {
    position: relative;
    display: block;
    width: 96%;
    margin: 0 0 0 -2% !important;
    padding: 4% !important;
}
.inner-container-full {
    position: relative;
    display: block;
    width: 930px;
    margin: -25px 0 25px -25px;
    padding: 25px 25px 25px;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
}

/* ***************************************
Friendly Forms
*************************************** */
form.friendly {
    margin: 0 0 15px;
}
/*
.friendly .single-col {
    margin-bottom: 20px;
}
*/
.friendly h2 {
    margin: 0 0 10px;
}
.friendly h3 {
    margin: 0 0 5px;
}
.friendly fieldset {
    margin: 0 0 20px;
    padding: 15px;
    border: none;
}
.friendly fieldset legend {
    font: normal 18px/1 Arial, Calibri, Arial;
}
.friendly label {
    font: 14px/1.75em Arial;
    color: #333;
    color: #464646;
}

.friendly small {
    display: block;
    font: 11px/1.5em Arial;
    color: #808080;
    margin: 2px 0;
}

.friendly .description {
    font: 11px/1.5em Arial;
    color: #808080;
}

.errorExplanation {	
    display: block;
    width: 96%;
    line-height: 15px;
    padding: 10px;
    font-size: 11px;
    color: #900;
    background: #F7DAD8;
    margin-bottom: 15px;
    border-right: 1px solid #EFB7B3;
    border-bottom: 1px solid #EFB7B3;
}
.errorExplanation h2 {	
    font-size: 14px;
    font-weight: bold;
}

.friendly label.error {
    position: relative;
    top: -10px;
    display: block;
    width: 96%;
    line-height: 15px;
    padding: 5px;
    font-size: 11px;
    color: #900;
    background: #F7DAD8;
}

.friendly input[type=text],
.friendly input[type=password] {
    display: block;
    width: 96%;
    color: #464646;
    font: bold 16px/20px Arial;
    margin: 0px 0 10px;
    padding: 3px;
    background: #ffffa0;
}

.friendly textarea {
    display: block;
    width: 96%;
    color: #464646;
    font: 14px/1.5em Arial;
    margin: 0px 0 10px;
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.friendly select {
    color: #464646;
    font: 18px/22px Arial;
    font: bold 16px/20px Arial;
    padding: 2px;
    margin: 0px 0 10px;
    background: #ffffa0;
}
.friendly input[type=submit],
.friendly input[type=button] {
    color: #333;
    font: 14px/1 Arial;
    padding: 3px 10px;
    cursor: pointer;
}
.friendly input.large {
    font: 18px/1 Arial;
    padding: 3px 20px;
}
.friendly input.inline {
	display: inline;
	width: auto;
}
.friendly .serparator {
    border-top: 1px dashed #aaa;
    margin: 0;
}
.friendly div,
.friendly p {
    clear: left;
}
.friendly .half {
    width: 50%;
}
.friendly .required {
    color: #c00;
}

/* Inline */
.friendly .inline {
	width: 100%;
    position: relative;
}
.friendly .inline p {
    margin-bottom: 0px;
}
.friendly .inline .left {
    clear: none;
    position: relative;
    float: left;
    width: 48%;
    padding-right: 10px;
}
.friendly .inline .right {
    clear: none;
    position: relative;
    float: right;
    width: 48%;
}
.friendly .inline label {
    display: block;
    width: 95%;
}
.friendly .inline input {
    /* margin: 0 0 10px; */
}
.friendly .inline input[type=submit] {
    margin-left: -10px;
}
.friendly .buttons {
    /* margin: 15px 0 0px !important; */
	 margin-bottom: 0 !important;
}
.friendly .buttons input {
    margin-bottom: 0px !important;
}


/* ***************************************
Small Forms
*************************************** */
.friendly.small label,
.friendly .small label,
.friendly label.small {
    font: 13px/1.75em Arial;
}

.friendly.small input[type=text],
.friendly.small input[type=password],
.friendly .small input[type=text],
.friendly .small input[type=password] ,
.friendly input[type=text].small,
.friendly input[type=password].small {
    font: bold 16px/20px Arial;
}

.friendly.small input[type=submit],
.friendly .small input[type=submit],
.friendly input[type=submit].small {
    font-size: 14px;
    padding: 2px 5px 1px;
}
.friendly.small select {
    font: 14px/normal Arial;
    font: bold 16px/20px Arial;
    padding: 2px 1px 1px 5px;
}

/* ***************************************
Document Markup
*************************************** */

.doc {
    font: normal 14px/1.3em Arial;	
    color: #464646;
}

.doc p {
    margin: 0 0 15px 0;
}

.doc h1 {
    color: #c00;
    color: #000;
    margin: 30px 0 10px;
    font: normal 26px/normal Arial;	
}
.doc h1.page-title {
	font-weight: bold;
    margin: 0 0 15px;
	 padding: 0 0 0px;
    color: #000;
	 background: none;
    border-bottom: 1px dashed #ddd;
}

.doc h2 {
    font: normal 22px/normal Arial;	
    margin: 25px 0 10px;
    color: #c00;
}

.doc h3 {
    font: normal 18px/normal Arial;	
    margin: 20px 0 10px;
    color: #c00;
}
.doc h4 {
    margin: 15px 0 5px;
    font: bold 14px/normal Arial;	
    color: #333;
}


/* Document Elements */
.doc .big {
    font: normal 17px/1.5em Arial, "Lucida Sans Unicode", "Lucida Grande", Calibri;
    font: normal 18px/1.5em "Lucida Sans Unicode", "Lucida Grande", Calibri;
    margin: 0 0px 20px;
    color: #666;
}

.doc .note {
    margin: 15px 0 20px;
    padding: 10px 10px 0px;
	 font-size: inherit;
	 color: inherit;
    background: #FFF9D7;
	 border-bottom: 1px solid #FFF9D7;
}
.doc .strapline {
    margin: 10px 0 20px;
    padding: 10px 10px 0px;
	 font-size: inherit;
	 color: inherit;
    background: #EEF3FA;
	 border-bottom: 1px solid #EEF3FA;
}
.doc .note p,
.doc .strapline p {
    margin: 0 0 10px 0;
}


/* Document Lists */
.doc ul {
    margin: 20px 0 20px 0;
    padding: 0 0 0 35px;
    color: #333;
}
.doc ul li {
    font: normal 14px/1.3em Arial;	
    list-style-type: circle;
    margin: 0 0 5px 0;
    color: #464646;
}

.doc ol {
    margin: 20px 0 20px 0;
    padding: 0 0 0 25px;
    padding: 0 0 0 35px;
    color: #333;
}
.doc ol li {
    font: normal 14px/1.3em Arial;	
    list-style-type: decimal;
    color: #333;
}
.doc ol li h3 {
    font: normal 18px/1.4em Arial, "Lucida Sans Unicode", "Lucida Grande", Arial;
    color: #476D8F;
    color: #c00;
    margin-bottom: 0;
}
.doc ol li p {
    text-align: justify;
    color: #333;
    color: #333;
    color: #464646;
}

.doc .titles {
    margin: 25px 0 25px 0;	
}
.doc .titles li {
    margin: 0 0 20px 0 !important;
    color: #333;
}


/* ***************************************
jGrowl
*************************************** */
div.jGrowl {
	padding: 10px;
	z-index: 9999;
}

/* Special IE6 Style Positioning */
div.ie6 {
	position: absolute;
}

div.ie6.top-right {
	right: auto;
	bottom: auto;
	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' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	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' );
	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' );
}

div.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	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' );
}

div.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/* Normal Style Positions */
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

body > div.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

body > div.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}

body > div.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

body > div.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/* Cross Browser Styling */
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #000;
	color: #fff;
	opacity: .85;
	filter: alpha(opacity = 85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: bold;
	font-size: 10px;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/* Hide jGrowl when printing */
@media print {
	div.jGrowl {
		display: none;
	}
}

/* Anionu Specific */
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #fff;
	color: #333;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
}

div.jGrowl div.jGrowl-notification.notice div.message {
 background: url(/images/icons/fugue/icon/tick_small.png) no-repeat 0 50%;
	padding-left: 18px;
}

div.jGrowl div.jGrowl-notification.error div.message {
 background: url(/images/icons/fugue/icon/cross_small.png) no-repeat 0 50%;
	padding-left: 18px;
}