/*--- Tips Browser ---*/
#tipsbrowser { clear: both;background: url(../images/browser/middle.gif) repeat-y; position: relative; width: 960px;height: 437px;font-size:11px} 
#tipsbrowser .top { background: url(../images/browser/browser-top.png) no-repeat; width: 960px; height: 30px} 
#tipsbrowser .bottom { position: absolute; bottom:0;left: 0; background: url(../images/browser/browser-bottom.png) no-repeat; width: 960px; height:29px}

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

#tipsbrowser .secondcolumn { width: 250px; height: 408px;position: relative; float: left}
#tipsbrowser .secondcolumn div {position: absolute; top: 0; left: 1px;overflow:auto;width: 216px; height: 378px;padding-right:17px !important}
#tipsbrowser .secondcolumn ul {width:100%;margin-right:-17px} /* fix for IE 6 and 7 scrollbars */
#tipsbrowser .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; }
#tipsbrowser .secondcolumn ul li a.active { background-image: url(../images/browser/course-active.png); color: #fff}

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

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


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

/* tip content */
#tipsbrowser .grid {margin:0}
#tipsbrowser #tipcontent table,#tipsbrowser #tipcontent  td,#tipsbrowser #tipcontent tbody th {border-collapse:collapse;border-bottom:1px solid #ccc;border-top:none;border-right:none;border-left:none}
#tipsbrowser #tipcontent { width: 460px; height: 408px; float: left; position: relative;color:#666}
#tipsbrowser #tipcontent div { width: 460px; height: 378px; padding-right:20px;overflow: auto}
#tipsbrowser #tipcontent p {text-align:justify;padding:10px 0 0 0}
#tipsbrowser #tipcontent p.quiet {color:#999}
#tipsbrowser #tipcontent a {display:block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px}
#tipsbrowser #tipcontent table {margin:15px 0 0 0;width:100% !important;width:443px;border:none}
#tipsbrowser #tipcontent table .odd {background-color:#E9F0F6}
#tipsbrowser #tipcontent table td  {text-align:left;padding:2px;margin:0}
#tipsbrowser #tipcontent table td strong {font-weight:normal}
#tipsbrowser #tipcontent table thead th, #tipsbrowser #tipcontent table th  {background:url(/images/layout/table-header.gif) repeat-x;color:white;text-align:left;padding:2px;font-weight:bold}
#tipsbrowser #tipcontent table tbody th  {font-weight:bold;background-color:transparent;background-image:none;color:#666}
#tipsbrowser #tipcontent div div { width: auto; height: auto;padding:0}