/* @override http://localhost:3000/stylesheets/layout.css */
body { background-color:#435057; padding-top:25px; }

#container { width:950px; margin:0 auto; }

#header { height:46px; position:relative; border-bottom:1px solid #e85e2e; }
#langs { position:absolute; right:0; top:0; }
#menu { position:absolute; left:0; top:0;  }

#menu ul { list-style-type:none; margin:0; padding:0; }
#menu ul li { float:left; padding:0 15px 0 30px; background:url(/images/doubleslash.gif) no-repeat 0 3px; }
#menu ul li.sort_1 { background:none; padding-left:0; }

#menu ul li a { color:#D7D7D7; text-decoration:none; text-transform:uppercase; font-size:17px; }
#menu ul li.active a { color:#EA6645; }

#menu ul li#menu_category_3 a { display:block; background:url(/images/categories/mussapi.gif) no-repeat 0 2px; width:154px; height:16px; overflow:hidden; text-indent:-9999px; }

#menu ul li#menu_category_3.active a { background-image:url(/images/categories/mussapi_active.gif); }




.login_form { background-color:#fff; padding:20px; }

/* @group positioning */
#content { position:relative; height:640px; overflow:hidden; }
#info { position:absolute; left:0; top:0; width:240px; height:235px; }
#items { position:absolute; left:0; top:240px; width:240px; height:400px; }
#paginator { position:absolute; left:240px; bottom:0px; width:710px; height:30px; }
/* @end */

#items div.navButton { position:absolute; left:0px; width:100%; height:30px; background-repeat:no-repeat; background-position:35px 50%; overflow:hidden; text-indent:-9999px; cursor:pointer; }
#items div.previous { background-image:url(/images/up.gif); top:0px; }
#items div.next { background-image:url(/images/down.gif); bottom:0px; }
#items div.container { position:absolute; top:30px; width:100%; height:340px; overflow:hidden; }

#items ul { list-style-type:none; margin:0; padding:0; }
#items ul li { position:relative; width:240px; height:85px; float:left; clear:left; overflow:hidden; color:#fff; 
opacity:60%; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60); }
#items ul li.active { cursor:pointer; }

#items ul li#hoveredItem.active,
#items ul li.selected { background-color:#3A474E; opacity:100%; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);}

#items ul li div.image { position:absolute; left:0px; top:0px; }
#items ul li h3 { position:absolute; left:90px; top:5px; width:145px; height:75px;  overflow:hidden; font-weight:normal; font-size:12px; }

/* hiding data */
#items ul li .key,
#items ul li .active { display:none; }

#info_scrollbar_content { position:absolute; top:5px; left:5px; width:205px; height:200px; overflow:hidden; color:#fff; font-size:12px; }
#info_scrollbar_content a { color:#fff; text-decoration:none; font-weight:bold; }
#info_scrollbar_content a:hover { text-decoration:underline; }

#info_scrollbar_track { position:absolute; top:5px; right:10px; width:17px; }
#info_scrollbar_track div.track { height:180px; }
#info_scrollbar_track div.handle { background-color:#e85e2e; margin:0px 7px; width:4px; height:20px; cursor:move; display:none; }

#spinner { position:absolute; left:240px; top:610px; width:710px; height:30px; z-index:2; background:url(/images/loader-bar.gif) no-repeat 50% 2px; text-indent:-999px; }