/* Begin top dropdown sliding panel */

/* Begin page widths */
.one-half-dropdown{float: left; width: 460px; height: auto; margin-left: 20px;}
.one-third-dropdown{float: left; width: 300px; height: auto; margin-left: 20px;}
.one-fourth-dropdown{float: left; width: 220px; height: auto; margin-left: 20px;}
.three-fourths-dropdown{float: left; width: 700px; height: auto; margin-left: 20px;}

.footer_column_dropdown{float: left; width: 160px; height: auto; margin-left: 20px;}
.first_column_dropdown{margin-left: 0;}

.panel_gradient_bg h3 { color:#fff } 
.panel_gradient_bg p { color:#fff } 

/* End page widths */

/*Begin replace the menu text */
.text_replace{
    background-repeat:no-repeat;
    outline:0;
    text-indent:-9999px;
}
a.text_replace:active{
    outline:0;
}
/*end replace the menu text */


      #toppanel{
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 1001;
          margin-left: auto;
          margin-right: auto;
      }
      #topline{
          width:auto;
          height: 1px;
          background: #152f40;
      }
      #topline div{
          width:auto;
          height: 3px;
          background: url(../images/topline_transpatent_border.png) repeat-x;
      }

      #panel{
          width: 100%;
          height: 231px;
          padding-top: 33px;
          color: #ccc;
          background: url(../images/dark_noisy_bg.jpg);
          overflow: hidden;
          position: relative;
          z-index: 3;
          display: none;
          border-bottom: 3px solid #183243;
      }
      #panel .panel_gradient_bg{
          width:auto;
          height: 231px;
          background: url(../images/login_panel/panel_gradient_bg.png) bottom left repeat-x;
      }
      #panel .content {
          width: 960px;
          margin: 0 auto;
          font-size: 12px;
          background: url(../images/login_panel/panel_vertical_separate_line.png) top left repeat-y;
      }
      #panel .content .margin {
          width: 280px;
          margin-left: 40px;
      }
      #panel .content h4{
          line-height: 18px;
          font-size: 18px;
          color: #e1e1e1;
          font-weight: normal;
          margin-bottom: 18px;
      }
      #panel p{
          margin-top: 18px;
      }
      #panel a{
          color: #fff;
          text-decoration: none;
          text-transform:uppercase;
          letter-spacing:2px;
      }
      #panel a:hover{
          color: #4894c7;
          text-decoration: none;
          border: none;
      }
      #panel ul {
          list-style:none;
          margin:0; padding:0
      }
      #panel ul li {
          font-size:12px;
          width:100%
      }
      #panel form.panel_form p{
          margin:0;
      }
      
      form.panel_form input{
          width: 215px;
          padding: 4px 0 5px 5px;
          font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
          font-size: 13px;
          margin: 4px 0 5px 0;
      }
      form.panel_form input.idleField{
          color: #ccc;
          background: url(../images/form_input_bg.png);
          border: 1px solid #969ea3;
      }
      form.panel_form input.focusField{
          color: #fafafa;
          background: url(../images/form_input_active_bg.png);
          border: 1px solid #cab80d;
      }
      form.panel_form input.password{
          font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
          font-size:13px;
          margin: 14px 0;
      }
      form.panel_form input.checkbox{
          color: #cab80d;
          background: none;
          line-height: 18px;
          padding: 0;
          border:0;
          position: relative;
          top: 1px;
          float: none;
          width: auto;
          height: auto; 
          margin: 0 5px 0 5px;
      }
      form.panel_form .panel_form_button{
          padding-top: 4px;
          margin-top: 18px;
      }
      form.panel_form .panel_form_button a{
          line-height: 27px;
      }
      form.panel_form button{
          float: left;
          display: block;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 12px;
          padding: 4px 8px;
          border: 1px solid #ccc;
          color:#183243;
          background: url(../images/footer_and_panel_button_bg.png) top left repeat-x;
          cursor: pointer;
      }
      form.panel_form button:hover{
          color:#f2f2f2;
          border-color: #306284;
          background-position: 0 -27px;
      }
      
        .tab {
            width: 940px;
            margin: 0 auto;
            position: relative;
            top: 0;
            z-index: 999;
        }
        .tab ul.login {
            display: block;
            position: relative;
            float: right;
            clear: right;
            right: 60px;
            height: 29px;
            width: auto;
            margin: 0;
        }
        .tab ul.login li.left {
            background: url(../images/login_panel/slide_panel_tab_l.png) no-repeat left 0;
            height: 29px;
            width: 19px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
        }
        .tab ul.login li.right {
            background: url(../images/login_panel/slide_panel_tab_r.png) no-repeat left 0;
            height: 29px;
            width: 21px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
        }
        .tab ul.login li {
            text-align: left; 
            padding: 0px;
            display: block;
            float: left;
            width: 250px;
            height: 29px;
            background: url(../images/login_panel/slide_panel_tab_bg.png) repeat-x 0 0;
        }
        .tab a.open,
        .tab a.close{
            height: 29px;
            cursor: pointer;
            display: block;
            width: 250px;
        }
        .tab a.open{
            background: url(../images/login_panel/slide_panel_tab_btn.png) no-repeat left -58px;
        }
        .tab a.close{
            background: url(../images/login_panel/slide_panel_tab_btn.png) no-repeat left 0;
        }
        .tab a:hover.open{
            background: url(../images/login_panel/slide_panel_tab_btn.png) no-repeat left -87px;
        }
        .tab a:hover.close{
            background: url(../images/login_panel/slide_panel_tab_btn.png) no-repeat left -29px;
        }
      
/* End top dropdown sliding panel */