/**
       * Copyright (C) Portal Joinville - Todos os direitos reservados
       * http://www.portaljoinville.com.br/
       *
       * @author Andrei Rosseti <andrei@facedigital.com.br>
       * @file top.css
       */
      
      #top { color: #7B7B7B; clear: both; }
      
      #top #welcome { height: 28px; margin: 0px auto; position: relative; background-color: #F5F5F5; margin-bottom: 1px; }
      #top #welcome .info, #top #more-options .info { line-height: 28px; width: 950px; margin: 0px auto; }
      #top #welcome .info #welcomeStr { margin-left: 10px; }
      #top #welcome .info #loginBox {
            display: table; height: 28px; line-height: 28px; background-color: #DADADA; 
            padding: 0px 0px 0px 10px;width: 490px;
      }
      
      .loading { background-image: url('imgs/ajax-loader.gif'); background-repeat: no-repeat; background-position: 0px center; margin-right: 15px; padding: 0px; padding-left: 20px; }
      
      #top #welcome .info #loginBox h4 {
            color: #5A5A5A; text-transform: uppercase; margin: 0px; padding: 0px;
            font-family: Arial; font-size: 14px;
      }
      #top #welcome .info #loginBox form {
            float: left; display: inline;  margin-left: 10px;
            /* hackz suckz for ie6 */
            _margin-top: 4px; _display: block;
      }
      
      #top #more-options { clear: both; border-top: 1px solid #F5F5F5; }
      #top #more-options .info { height: 20px; background-image: url('imgs/top.options.corner.rr.jpg'); background-position: right; background-repeat: no-repeat; }
      #top #more-options .info #container {
            background-color: #F5F5F5; background-image: url('imgs/top.container.png'); background-repeat: repeat-x;
            width: 480px; height: 20px; line-height: 20px; padding: 0px 10px 0px 0px; margin-right: 10px;
      }
      #top #more-options .info #container ul {
            background-image: url('imgs/top.options.corner.rl.jpg'); background-repeat: no-repeat; margin: 0px; padding: 0px;
            list-style: none; padding-left: 8px;
      }
      #top #more-options .info #container ul li { margin: 0px; padding: 0px; display: inline; margin-right: 10px;  }
      
      #top #logo-block { width: 950px; padding: 0px; margin: 0px auto; clear: both; }
      #top #logo-block #right { margin-left: 20px; margin-top: 20px; width: 560px; }
      
      #top #logo-block #right #channels {
            width: 515px; height: 56px; padding: 0px;  padding-left: 25px; margin-bottom: 10px; border-left: 1px solid #EAEAEA;
      }
      #top #logo-block #right #channels ul { list-style: none; float: left; margin: 0px; padding: 0; }
      #top #logo-block #right #channels ul li { display: inline; float: left; border-right: 1px dotted #dbdbdb; }
      #top #logo-block #right #channels ul li.noborder { border: 0px; }
      #top #logo-block #right #channels ul li a { margin: 0 6px 0 6px; width: 80px; height: 55px; float: left; }
      #top #logo-block #right #channels ul li a:hover { background-position: center center; background-image: url('imgs/top.channels.hover.gif'); background-repeat: no-repeat; }
      #top #logo-block #right #channels #prev { float: left; margin: 20px 55px 0 0; }
      #top #logo-block #right #channels #next { float: left; margin: 20px 0 0 65px; }
      
      
      #top #logo-block #right #services {
            width: 515px; padding: 10px; border-top: 1px dotted #EAEAEA; padding-left:0;
      }
      
      #top #logo-block #right #services h4 { display: inline; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #FF892D; }
      
	  #top #logo-block #right #services ul { display:inline; padding: 0px; margin:0; list-style: none; }
      #top #logo-block #right #services ul li { display: inline; margin-right:9px; }
      #top #logo-block #right #services ul li a { background-position: left top; background-repeat: no-repeat; padding: 4px 2px 4px 22px;  }
      #top #logo-block #right #services ul li a#batepapo { background-image: url('imgs/chat.icon.gif'); color:#616161; }
      #top #logo-block #right #services ul li a#indique { background-image: url('imgs/indique.icon.gif'); color:#50769b; }
      #top #logo-block #right #services ul li a#widgets { background-image: url('imgs/widget.icon.gif'); color:#003056; }
      #top #logo-block #right #services ul li a#twitter { background-image: url('imgs/twitter.icon.gif'); color:#2b9acd; }
      #top #logo-block #right #services ul li a#orkut { background-image: url('imgs/orkut.icon.gif'); color:#d32aa1; }
      #top #logo-block #right #services ul li a#rss { background-image: url('imgs/rss.icon.gif'); color:#ec712b; }
      #top #logo-block #right #services ul li a#contato { background-image: url('imgs/contact.icon.gif'); }
      
      #top #logo-block #user-info a { color: #fff; }
      #top #logo-block #user-info a:hover { color: #ccccf8; }
	  #top #logo-block #user-info { background-color: #fff; border: 1px solid #fff; position: relative; margin-top: -22px; width: 110px; margin-right: 30px; height: 134px; border: 1px solid #ccc; border-top: 0px; }
      #top #logo-block #user-info #usrname { margin: -3px 0px 0px 0px; padding: 5px; background-color: #6090B4; color: #fff; font-weight: bold; text-align: center; width: 100px; height: 15px; overflow: hidden; }
      #top #logo-block #user-info #usrphoto { background-position: center center; background-repeat: no-repeat; height: 112px; width: 110px; }
      
      #browserAlert { 
	  	 z-index: 10; position: absolute; top: 30px; margin-left: -460px; 
	     left: 50%; width: 400px; font-size: 13px; border: 1px solid #888; 
	     padding: 5px; background-color: #FDF59D; color: #444;  
	  }