/*--- Tips Browser ---*/
#minibrowser { clear: both;background: url(../images/browser/middle.gif) repeat-y; position: relative; width: 433px;height: 435px;font:11px "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif} 
#minibrowser .top { background: url(../images/browser/browser-top.png) no-repeat; width: 433px; height: 30px} 
#minibrowser .bottom { position: absolute; bottom:0;left: 0; background: url(../images/browser/browser-bottom.png) no-repeat; width: 433px; height:30px}

#minibrowser ul, #minibrowser li {list-style:none;margin:0;padding:0}
#minibrowser a {text-decoration:none;color:#558cbe}

#minibrowser #firstcolumn { width: 216px; height: 408px;position: relative; float: left}
#minibrowser #firstcolumn ul { position: absolute; top: 0; left: 1px; margin-bottom: 0; }
#minibrowser #firstcolumn ul li { background-position: 5% 50%; background-repeat: no-repeat; width: 100%; }
#minibrowser #firstcolumn ul li a { display: block; background: url(../images/browser/category.gif) no-repeat; width: 215px; padding:0; height: 34px}
#minibrowser #firstcolumn ul li a.active { background-image: url(../images/browser/category-active.gif); color: #fff}

#minibrowser .secondcolumn { width: 216px;height: 408px;position: relative; float: left}
#minibrowser .secondcolumn div {position: absolute; top: 0; left: 1px;overflow:auto;width: 216px; height: 378px;padding-right:17px !important}
#minibrowser .secondcolumn ul {width:100%;margin-right:-17px} /* fix for IE 6 and 7 scrollbars */
#minibrowser .secondcolumn ul li a { display: block; background: url(../images/browser/course.gif) no-repeat; width: 206px; display: block; padding-left: 10px; text-decoration: none; outline: 0; }
#minibrowser .secondcolumn ul li a.active { background-image: url(../images/browser/course-active.png); color: #fff}

#minibrowser #firstcolumn a { outline: 0}
#minibrowser #firstcolumn a span { padding: 3px 0 3px 50px; background-repeat: no-repeat;background-image: url(../images/browser/flags.gif)}
#minibrowser #firstcolumn a#nav-africa span {background-position: 0 0}
#minibrowser #firstcolumn a#nav-alemania span {background-position: 0 -30px}
#minibrowser #firstcolumn a#nav-australia span {background-position: 0 -60px}
#minibrowser #firstcolumn a#nav-canada span {background-position: 0 -90px}
#minibrowser #firstcolumn a#nav-usa span {background-position: 0 -120px}
#minibrowser #firstcolumn a#nav-francia span {background-position: 0 -150px}
#minibrowser #firstcolumn a#nav-irlanda span {background-position: 0 -180px}
#minibrowser #firstcolumn a#nav-italia span {background-position: 0 -210px}
#minibrowser #firstcolumn a#nav-malta span {background-position: 0 -240px}
#minibrowser #firstcolumn a#nav-nuevazelanda span {background-position: 0 -270px}
#minibrowser #firstcolumn a#nav-uk span {background-position: 0 -300px}
#minibrowser #firstcolumn a#nav-suiza span {background-position: 0 -330px}
#minibrowser .secondcolumn a span { padding: 0 0 0 15px}

#minibrowser #firstcolumn ul li { float: left; line-height: 3; width: 100%; }
#minibrowser .secondcolumn ul li { float: left; line-height: 27px; width: 100%;padding:0;margin:0}


/* specific */
#minibrowser #firstcolumn ul li { height: 34px; background-position: 5% 50%; background-repeat: no-repeat; }
#minibrowser .secondcolumn li { height: 27px; background: #f7f7f7; background-position: 5% 50%; background-repeat: no-repeat}