html, body {height:100%;width:100%;padding:0;border:0; font-family:Verdana, Arial, Sans-Serif;} form {width:100%; height:100%;} b, strong {font-weight:bold;} a { cursor:pointer;text-decoration:none;outline:expression(hideFocus='true'); outline:0;-moz-outline:0; color:black;} a:hover {text-decoration:none;} a:hover * {cursor:pointer;} a:focus { outline-style: none;}
em { font-style:italic;}
#cWraper {width:830px; height:725px; background-color:White;}
#lWraper {width:830px; height:740px;}
.langLinks { height:15px; text-align:right;}
#centeredDiv { width:100%; height:100%;} #centeredDiv tr, #centeredDiv tr td {width:auto; height:auto}
#centeredDiv #trContent {height:725px; margin:auto;}
#centeredDiv tr td#tcontent { width:830px; height:725px; text-align:left;} 
#top {padding:25px 0 0 30px; width:775px; height:495px;}
#mh {margin:25px 0 0 30px; width:780px; height:175px;}
#TitlesH .mT { float:left;margin-right:5px; margin-bottom :2px}
#TitlesH .mT a { background-repeat:no-repeat; height:15px; display:block;}
#m1, .m1 , .m1 a { width: 250px; }
.m1 a { background-position:left top; background-color:#dddbdc; background-image:url(/assets/M1.gif);}
.m1 a:hover { background-position:left bottom;} 
#m2, .m2 { width: 250px;}
.m2 a { background-position:left top; background-color:#dddbdc; background-image:url(/assets/M2.gif);}
.m2 a:hover { background-position:left -15px;} 
#m3, .m3 { width: 160px;}
.m3 a { background-position:left top; background-color:#dddbdc; background-image:url(/assets/M3.gif);}
.m3 a:hover { background-position:left bottom;} 
#m4, .m4 { width: 100px;}
.m4 a { background-position:left top; background-color:#dddbdc; background-image:url(/assets/M4.gif);}
.m4 a:hover { background-position:left bottom;} 
#images { display:block; background-position:center center; background-repeat:no-repeat; width:775px; height:100%}
#imagesControls { width:250px; background-color:#CCCCCC; text-align:left; padding:2px 295px 2px 285px;}
#controlsInner { background-color:#DDDDDD; }
div.M { height:150px; float:left; margin-right:5px;}
#CopyH {text-align:right; vertical-align:top; font-size:71%; color:White; height:30px;}
div.copyright { margin:2px 0; height:11px;}
div.M ul li { font-size:77%; margin:1px 0; height:15px; line-height:15px; overflow:hidden; display:block; float:left; width:100%;}
div.M .Legend {font-size:77%; line-height:17px; width:255px; float:left; padding: 0 0 0 10px; margin:5px 0 0 5px; background-color:#D0D2CE; height:137px;}
#CopyH .arL { display:block; float:left; margin-right:5px;}
#CopyH .numbers { float:right; padding-right:5px; width:auto; min-width:45%; text-align:right; }
#CopyH .numbers .active { font-weight:bold;}
#CopyH .arR { float:right;}
.rightPanel { overflow:auto; width:500px; height:475px; padding:15px 10px 10px;font-size:77%; margin-left:5px; float:right; text-align:justify;}
.leftPanel { overflow:auto;width:230px; height:475px; padding:15px 10px 10px;font-size:77%; float:left;  text-align:justify;}
.sbT, .sbT2 {background-color:#CCCCCC;}
.sbT span, .sbT a, .sbT2 a { padding-left:10px;text-transform:uppercase;display:block;}
.sbT2 a.sbT2 { text-transform:none}
a.sbm, a.ssbm, span.ssbm, span.sbm, a.sbmN {display:block; float:left; padding-left:10px; height:15px; width:116px;background-color:#CCCCCC;}
div.M ul li a.ssbm, div.M ul li span.ssbm { width:61px;margin-left:1px; padding-left:0; text-align:center;}
html, body { background-color:#522843}
table div.M ul .active, a.sbm:hover, a.ssbm:hover { background-color:#522843; color:White}
.playpause { position:absolute; margin-left:28px; margin-top:5px;}
.playpause a {display:block;float:left; background-position:left top; background-repeat:no-repeat;}
.playpause a.active, .playpause a:hover {background-position:left bottom;}
.playpause a img {display:none;}
#play { width:13px; height:13px;}
#stop { margin-left:8px; width:13px; height:13px;}
div.M ul li.sbT {
margin-top:5px;
}