/*effects normal=default*/

/* last modified: 05.dec.2008
   ... still working on it */

@media screen {

button {padding-left: 6px; padding-right: 6px; padding-top: 1px; padding-bottom: 2px }

p a:link,p a:visited,p a:focus, p a:active,p acronym {line-height:1.22em; margin: 0 1px 0 1px; padding: 0 1px; font-family: Arial, sans-serif!important; font-size: 100%;}

li a:link,li a:visited,li a:active,li acronym, li p.z2 {line-height:1.42em; margin: 1px 1px 0 1px; padding: 0 1px; font-family: Arial,sans-serif!important; font-size: 100%;}

* html li a:link,* html li a:visited,* html li a:focus,* html li a:active,* html li acronym, li p.z2 {margin: 0 1px;}


a:link {color: #111; text-decoration: none; border-bottom: dashed 1px #33cc00; padding-top: 1px; background-color: transparent;}
a:visited {color: #310; text-decoration: none; border-bottom: dashed 1px #cc0099; padding-top: 1px; background-color: transparent;}
html body a:hover, html body a:focus, html body a:active   {color: #000; background-color: #fff; text-decoration: none; border-bottom: solid 1px #333; border-top: solid 1px #666; padding-top: 0!important; margin-top: 0!important;}
html body a:focus, html body a:active {color: #fff; text-decoration: none; background-color: #357; border-bottom: solid 1px #333; border-top: solid 1px #333; padding-top: 0!important;margin-top: 0!important;}


html body .exp04 a:hover, html body .exp04 a:focus, html body .exp04 a:active, html body .exp05 a:hover, html body .exp05 a:focus, html body .exp05 a:active, html body .exp06 a:hover, html body .exp06 a:focus, html body .exp06 a:active, html body .exp07 a:hover, html body .exp07 a:focus, html body .exp07 a:active {color: #000!important;}


* html #footer a:link, * html #footer a:visited {position: relative; top: 1px;}
* html #footer a:hover, * html #footer a:focus, * html #footer a:active {top: 0;}

html body a:focus *, html body a:active * {color: #fff!important; background: inherit;}

* html #add2 li a:link, * html #add2 li a:visited, * html #add2 li a:hover {margin-bottom: 3px!important;}

* html #add2 li a:hover, * html #add2 li a:focus, * html #add2 li a:active  {margin-top: -1px!important; margin-bottom: 3px!important;}

html body div div div div div div a:link img {border: dashed 1px #33cc00; border-width: 0 0 1px; margin: 0 auto -.35em;}
html body div div div div div div a:visited img {border: dashed 1px #cc0099; border-width: 0 0 1px; margin: 0 auto -.35em;}
html body div div div div div div a:hover img,
html body div div div div div div a:focus img,
html body div div div div div div a:active img {border: solid 1px #000; border-width: 1px 0; margin: -1px auto -.35em;}
* html body div div div div div div a img {border: none!important;}
*:first-child+html>body div div div div div div a img {border: none!important; margin-top: 0;}

/*\*//*/
}
/**/

a.z1 img {border: none;}

p.z2 {font-weight: 200; margin: 0; padding: 0; display: block; display: inline-block;}
* html p.z2 {padding: 0; line-height: 1.62em;/* IE6 */ display: inline;}

div#footer ul li { height: 1.55em;}
* html body div#footer ul li {height: 2em; overflow: hidden;}
div#footer ul li a {display: block; display: inline-block;}
* html body div#footer ul li a img {margin:0.15em!important; height: 0.9em!important; vertical-align: middle;}

/* testing some IE-Mac styles below */
/*\*//*/

* html body div#footer ul li {height: 1.4em; overflow: visible;}

* html a {color: #050; font-style: italic; font-family: Arial,sans-serif!important; font-size: 100%;}
* html a:visited {color: #700;}
* html a em {color: #050;} 
* html a:visited em {color: #700;}

* html>body p.z2 {line-height: 1.4em;}

/**/

html body div div div div div#add2 div.bnav ul li a,
html body div div div div div#add2 div.bnav ul li a:link,
a.z3:link {color: #333; text-decoration: none; font-weight: 100; border: none!important; background-color: inherit; padding: 0!important;}
html body div div div div div#add2 div.bnav ul li a:visited,
a.z3:visited {color: #333; text-decoration: none; font-weight: 100; border: none!important; background-color: inherit; padding: 0!important;}
html body div div div div div#add2 div.bnav ul li a:hover img,
html body div div div div div#add2 div.bnav ul li a:focus img,
html body div div div div div#add2 div.bnav ul li a:active img,
html body div div div div a.z3:hover,
html body div div div div a.z3:focus,
html body div div div div a.z3:active {color: #333; background-color: transparent; text-decoration: none; font-weight: 100;  border: none!important;}
html body div div div div div#add2 div.bnav ul li a img,
html body div div div div a.z3 img {border: none!important; margin-top: 1px!important;}


a.z4:link {color: #333; text-decoration: none; font-weight: 100; background-color: inherit;}
a.z4:visited {color: #333; text-decoration: none; font-weight: 100; background-color: inherit;}
a.z4:hover {color: #333; background-color: #FFEE00; text-decoration: none; font-weight: 100; }
a.z5:link {color: #333; background-color: #357; text-decoration: none; color: #fff;} 
a.z5:visited {color: #333; background-color:  #357; text-decoration: none; color: #fff;}
a.z5:hover {color: #333; background-color: #9F0; text-decoration: none; color: #000; }
a.z6:link {color: #333; text-decoration: none; font-weight: 800; background-color: inherit;} 
a.z6:visited {color: #333; text-decoration: none; font-weight: 800; background-color: inherit;}
a.z6:hover {color: #333; background-color: #FFEE00; text-decoration: underline; font-weight: 800 }


ins {text-decoration: none;}
acronym,ins,del, i.help {border-bottom: dashed 1px #aaa!important; }
i.help {font-style: normal; color: #000!important;}
acronym:hover, acronym:focus, acronym:active, i.help:hover, i.help:focus, i.help:active  {color:#005f95!important; border-bottom: dashed 2px #005f95!important; cursor: help!important;}
ins:hover, ins:focus, ins:active {color:#531!important; border-bottom: dashed 1px #ddd!important; cursor: text!important; background-color: inherit;}
del:hover, del:focus, del:active {color:#531!important; border-bottom: dashed 1px #ddd!important; cursor: text!important; text-decoration: none; background-color: inherit;}

button {padding-left: 6px; padding-right: 6px; padding-top: 1px; padding-bottom: 2px }

/* testing "hover all" */
acronym.zi,acronym.zi a {position:relative; border-bottom: dashed 1px #999999!important; text-decoration: none; color: #333; background-color: inherit;}
acronym.zi:hover,acronym.zi a:hover {color:#005f95!important; border-bottom: dashed 2px #005f95!important; cursor: help!important;}
acronym.zi span,acronym.zi a span {display: none;}
acronym.zi:hover span,acronym.zi a:hover span {display: block;position: absolute; top:2.2em; left:0;padding:0 4px; margin: 3px; background-color:#fff; color:#000; width: 200px; text-align:left; font-size:1em; font-weight: 200;font-family: Arial,sans-serif;text-decoration: none; border: solid 1px #666; }

html body div div div div div #add2 .bnav img, html body div div div div div #add2 .bnav a img.live {float: right; margin: 1px 32px 1px 6px; background: #ccc; }
html body div div div div div #add2 .bnav a img {margin-right: 3px;}
html body div div div div div #add2 .bnav a img.more {margin-right: 59px;}
html body div div div div div #add2 .bnav a:hover img, html body div div div div div #add2 .bnav a:focus img, html body div div div div div #add2 .bnav a:active img {background: #fff;}


}

a.z1- {visibility: hidden;}

@media screen {

* html acronym.zi {border-bottom: none!important; font-weight: 200!important;}
* html acronym.zi a {font-weight: 200!important;}
* html acronym.z1 a:hover, * html acronym.z1 a:focus, * html acronym.z1 a:active {z-index:25; border-bottom: none!important; }
* html .wbrv {font-family: "Arial Unicode MS";}

* html a.z1:link,* html a.z1:visited {border-top: none; margin-top: 1px; }
* html a.z1:hover, * html a.z1:focus, * html a.z1:active {border-top: solid 1px #666; margin-top: 0; }
}


/* borrowed from (http://dev.l-c-n.com/w3cbuttons/) - altered */
html body div div div div div#content div div div.zb { margin: 1em 1em 1em 0; width: 9.5em!important; font-family: 'lucida grande',arial,sans-serif; font-size: 70%; font-weight: bold; padding: 0; position:relative; float:left; line-height:normal; border: none!important; margin: 0 0 0 2%!important; background-image: none!important; z-index: 3; display: inline;}

html body div .zb a { display: block; width: 100%; padding: .1em 0 .1em; color: #234; background:#c1c9d1!important; border-top: 1px solid #cecece!important; border-right: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; border-left: 1px solid #cecece; }
html body div .zb a:link,.zb a:visited,.zb a:hover,.zb a:active { text-decoration: none; }
html body div div div div .zb a:hover, html body div div div div .zb a:focus, html body div div div div .zb a:active {border-top: 1px solid #5a5a5a; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; border-left: 1px solid #5a5a5a; padding-top: 1px!important;}
html body div .zb span.zblead { background-color: #fff; color: #0c479d; padding: 1px .4em 1px;}
html body div .zbr {float: right!important;}
html body div div div div div#content div div div.zbrt {float: right!important; margin-top: -4px!important;}
* html body div div div div div#content div div div.zbrt {float: right!important; margin-top: -4px!important; }


/*  */
.zb a span.more {float: left; margin: -9999px; position: relative;}

.zb a:hover span.more, .zb a:focus span.more, .zb a:active span.more  {float: right; margin: 10px 1px -1000px -20px; width: 100px; padding: 5px; line-height: 1; background-color: #FFF; border: 1px solid #666; border-bottom: 2px solid #666; border-right: 2px solid #666; color: #000; text-decoration:none!important; font-weight: 200;}
.zb a:hover span.more:before{ content: "";}


@media screen {
* html body div div div div div#content div div div.zb {float: none!important; margin: 1px 0 0 2%!important;}
* html body div div div div .zb a:hover, * html body div div div div .zb a:focus, * html body div div div div .zb a:active {padding: 1px 1px 1px 0;}


* html .zb a {position: static; }
* html .zb a:hover, * html .zb a:focus, * html .zb a:active {position: relative;}
* html body div#wrapper div#iewrapper div#superwrapper1 div#superwrapper2 div#superwrapper3 .zbrt {float: right!important; margin: -3px -3px 3px 3px!important;}

/* menu in rips and msc */
#rips #add2 .curle div ul li a {width: 86%;}
#rips #add2 .curle div ul li strong {display: block; width: 86%; padding: 2px 1px; margin: 0 0 0 1px; 
border-bottom: solid 1px #555;}

}