@charset "utf-8";



div.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 300px;
    height:180px;
}

div.Hmulti_scrollable {
    /* required settings */
    float:left;
    height:139px;
    overflow:hidden;
    position:relative;
    width:850px;
    margin:0 11px;
    display: inline;
}

div.SilM_scrollable {
    /* required settings */
    float:left;
    height:155px;
    overflow:hidden;
    position:relative;
    width:240px;
    margin:0 10px;
    display: inline;
}


div.InFlArt{
    width:278px!important;
    height:283px !important;
}
div.InFlArt .Flitem a {
  width: 237px!important;
}


div.FlArt_scrollable {
    height:538px;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
    width:227px;
}

div.UnArt_scrollable {
  height:409px;
  margin-bottom:20px;
  overflow:hidden;
  position:relative;
  width:350px;
  float:left;
}



div.scrollable div.items, div.Hmulti_scrollable div.items, div.UnArt_scrollable div.items, div.SilM_scrollable div.items  {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}


div.scrollable div.items div, div.Hmulti_scrollable div.items div, div.UnArt_scrollable div.items div,  div.SilM_scrollable div.items div {
    float:left;
}

div.FlArt_scrollable div.items {
    position:absolute;
    height:20000em;
}

/* position and dimensions of the navigator */

.navi {
    background-position: -144px -141px;
    display:block;
    height:30px;
    margin-bottom:7px;
    margin-left:418px;
    padding-left:28px;
    padding-top:18px;
    width:94px;
}

.naviBar {
  display:inline;
  float:right;
  height:17px;
  margin-right:60px;
  padding-top:3px;
}

.SilvBar {
float:right;
margin-right:5px;
padding-top:2px;
}

/* items inside navigator */
.navi a {
    width:11px;
    height:11px;
    float:left;
    margin:3px;
    background-position: left -121px;
    display:block;
    font-size:1px;
}

.naviBar a {
    width:10px;
    height:10px;
    float:left;
    margin:3px;
    background-position: -20px -121px;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover  {
    background-position: left -135px;
}

.naviBar a:hover {
       background-position: -20px -135px;
}

/* active state (current page state) */
.navi a.active {
    background-position: left -135px;
}

.naviBar a.active {
    background-position: -20px -135px;
}

/*-------- table ---------*/

.htable, .ahtable {border-bottom:1px solid #CCCCCC; height:22px; padding-right:5px; margin-bottom:10px; clear:both ; background: transparent url(../images/fhtable.gif) bottom left repeat-x;}
.ahtable { background: none}
.Mtable { background: transparent url(../images/FtabMedia.jpg) bottom left repeat-x; height:26px; margin: 0px 10px; clear:both; overflow: hidden; padding-right: 155px;}



.table, .ctable, .atable,  .Mtab {
float:right;
display:block;
}



.table li, .ctable li, .atable li, .Mtab li {
cursor:pointer;
display:block;
float:left;
height:23px;
margin-left:3px;
}


.table li a, .ctable li a, .atable li a, .Mtab li a {
background-position: right -210px;
cursor:pointer;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:23px;
font-weight:normal;
padding-right:6px;
text-decoration:none;
}

.Mtab li a {
background-position: right -352px;
}



.table li a span, .ctable li a span, .atable li a span, .Mtab li a span {
background-position: left -210px;
display:block;
float:left;
height:17px;
color:#FFF;
padding:3px 10px 3px 15px;
text-transform:capitalize
}

.Mtab li a span { background-position: left -352px; color:#999; }

.table li a:hover, .ctable li a:hover, .atable li a:hover, .Mtab li a:hover {
background-position: right -264px;
text-decoration:none;
}

.Mtab li a:hover {background-position: right -382px; }



.table li a:hover span, .ctable li a:hover span, .atable li a:hover span, .Mtab li a:hover span {
background-position: left -264px;
color:#333333;
text-decoration:none;
}

.Mtab li a:hover span { background-position: left -382px; color:#FFF;}



.table li a.current ,.table li a.current:hover, .ctable li a.current ,.ctable li a.current:hover, .atable li a.current ,.atable li a.current:hover, .Mtab li a.current ,.Mtab li a.current:hover {
background-position: right -264px;
color: #333333;
cursor:default;
text-decoration:none;
background-color:#FFFFFF;
}

.Mtab li a.current ,.Mtab li a.current:hover  { background-position: right -382px; background-color : transparent!important;}


.table li a.current span, .table li a.current:hover span, .ctable li a.current span, .ctable li a.current:hover span, .atable li a.current span, .atable li a.current:hover span,
.Mtab li a.current span, .Mtab li a.current:hover span {
background-position: left -264px;
color:#333333;
cursor:default;
text-decoration:none; padding-bottom: 3px;
text-transform:capitalize
}

.Mtab li a.current span, .Mtab li a.current:hover span { background-position: left -382px; color: #FFFFFF; font-weight: bold; }


/* initially all panes are hidden */
div.panes div.pane {
	display:none;
}


/* @tooltip_users */

ul.tooltip_list:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

ul.tooltip_list {
  padding-top: 5px;
}


ul.tooltip_list li {
    display:block;
    float:left;
    height:73px;
    overflow:hidden;
    margin: 0px 5px 0px 5px;
}

ul.tooltip_list li:hover {
    display:block;
    float:left;
    position:relative;
    overflow:visible;
    width:120px;
    height:73px;
}


ul.tooltip_list li a.forum_list {
    width:120px;
    height:73px;
    display: block;
    float:left;
}

ul.tooltip_list li:hover a.forum_list  {
    position: absolute;
    top: -1px;
    left: -1px;
    overflow:hidden;
    border:1px solid #FFFFFF;
    z-index: 5;
}

ul.tooltip_list li a.forum_list img {
    display: block;
    width: 100%;
}

ul.tooltip_list li ul {
    position: absolute;
    width: 21.5em;
    height: 6.2em;
    background: #DB3300 url("../images/forum_active_users_box_background.png") repeat-x bottom;
    z-index: 1;
    top: -0.8em;
    left: -0.8em;
    padding: 0.7em 0.7em 0.7em 0.7em;
    display: none;
    overflow: hidden;
	}

ul.tooltip_list li ul li {
    display: block;
    padding-left:130px;
    font-size: 12px;
    color: #FFFFFF;
    overflow:visible;
    height: auto;
    line-height: 1.2em;
    margin: 0px
}

ul.tooltip_list li ul li span {
    color:#FFFF66;
    display:block;
    font-size:x-small;
}


ul.tooltip_list li:hover  {
    position: relative;
}

ul.tooltip_list li:hover ul  {
    display: block;
}

ul.tooltip_list li ul:hover  {
    display: none;
}


/* @end */

/* --- Popup --- */



.modalInput {
    display:none;
    width:388px;
    border:10px solid #666;
    border:10px solid rgba(82, 82, 82, 0.698);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

.modalInput div.dbox {

    background-color:#FFFFFF;
    border:1px solid #666666;
    float:left;
    padding:18px;
    width:350px;

}

.modalInput div.dbox p { margin: 10px 0px; font-weight: bold; }


.modalInput h2 {
    border-bottom:1px dotted #999999;
    font-family:arial;
    color: #FF0000;
    font-size:20px;
    margin-top:-5px;
    padding-bottom:6px;
    text-shadow:0 1px 1px #CFCFCF;
}



/*.modalInput {
    display:none;
    width:370px;
    border:10px solid #666;
    border:10px solid rgba(82, 82, 82, 0.698);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

.modalInput div.dbox {
    padding:10px;
    border:1px solid #666666;
    background-color:#fff;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif; float: left;
    width:350px;
}

.modalInput div.dbox p { margin: 10px 0px; font-weight: bold; }


.modalInput h2 {
    margin:-11px;
    margin-bottom:0px;
    color:#FFF;
    background: #000000 url(../images/FoPopup.gif) repeat-x scroll center top;
    padding:5px 10px;
    border:1px solid  #333;
    font-size:20px;
    text-shadow: 0 1px 1px #333;
    _width:370px;
}*/

/* --- Feedback --- */


/**html a.feedback { /nly ie6 : hack position fixe/
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);}*/

a.feedback { position: fixed; top: 100px; left: 0;  display: block; background: transparent url(../images/feedback.gif) no-repeat; width:25px; height:230px;  z-index: 10;
_position: absolute;
_top: expression( ( 100 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

a.feedback:hover{ top: 102px;}
a.active.feedback { background: transparent url(../images/bfeedback.gif) no-repeat;}

.panel {
position: fixed;
top: 70px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
width: 380px;
height: auto;
padding: 30px 30px 30px 80px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
filter:alpha(opacity=85);
opacity: .85;
_position: absolute;
_top: expression( ( 70 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
color: #FFFFFF;
z-index: 5;
}

.colleft{ float: left; }
.colleft li { list-style: none; padding-bottom: 10px }
.colleft label {display:block; float:left; width:100px; }
.colleft input.TxT { background-color:#FFFFFF; border-left:2px solid #CCCCCC; border-top:3px solid #CCCCCC; font-family:arial; font-size:12px; height:16px; padding-left:1px;}


/* ---  link top ---- */

#top-link	{ width: 26px; display:none; position:fixed; right:3px; bottom:0px; text-decoration:none; background: transparent url(../images/htop.gif) no-repeat;
_position: absolute;
_buttom: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}