/* BEGIN: Login Page Styles */

  img {
    margin:0;
    border:0;
    padding:0;
  }


    #body_wrapper  { 
      background-color:#fff;
      margin:0 auto;
      width:781px; 
      font-family:Helvetica;
      font-size:12px; 
    }

    #topnav_wrap {
      width:781px;
      height: 20px;
      margin-top:30px;
    }
    #topnav  {
      float: right;
      overflow:hidden;
      padding: 2px 10px 2px 2px;
      overflow:hidden;
    }
    #topnav a {
      color: #9fa3a5;
      font-family: Helvetica;
      font-size: 12px;
      text-decoration: none;
    }
    #topnav a:hover {
      text-decoration: underline;
    }

    #header {
      width:781px;
      height:93px;
    }

    #content_wrap { 
      width:781px;
      height:378px; 
      margin:0; 
      border:0;
      padding:0; 
    }
    .content_wrap_1 { 
      background-image: url('../images/login_bg_1.jpg'); 
    }
    .content_wrap_2 { 
      background-image: url('../images/login_bg_2.jpg'); 
    }
    .content_wrap_3 { 
      background-image: url('../images/login_bg_3.jpg'); 
    }
    .content_wrap_4 { 
      background-image: url('../images/login_bg_4.jpg'); 
    }
    .content_wrap_5 { 
      background-image: url('../images/login_bg_5.jpg'); 
    }
    .content_wrap_6 { 
      background-image: url('../images/login_bg_6.jpg'); 
    }
    .content_wrap_7 { 
      background-image: url('../images/login_bg_7.jpg'); 
    }
    .content_wrap_8 { 
      background-image: url('../images/login_bg_8.jpg'); 
    }
    .content_wrap_9 { 
      background-image: url('../images/login_bg_9.jpg'); 
    }
    .content_wrap_10 { 
      background-image: url('../images/login_bg_10.jpg'); 
    }
    .content_wrap_11 { 
      background-image: url('../images/login_bg_11.jpg'); 
    }
    .content_wrap_12 { 
      background-image: url('../images/login_bg_12.jpg'); 
    }
    #content_top {
      height:333px;
    }

    #left_column {
      float: left;
      overflow:hidden;
      width:258px;
      height:120px;
      margin: 17px 0 0 40px;
    }

    #box_username {
      background-image: url('../images/login_box_username.png');
      background-repeat: no-repeat;
      width:258px;
      height:108px;
    }
    #username_top {
      padding-top:17px;
      padding-left: 12px;
    }
    #username_label {
      float:left;
      overflow:hidden;
      width:65px;
      height:22px;
      color: #08329e;
      font-size:12px;
      font-weight: bold;
      line-height:20px;
    }
    #username_text {
      float:left;
      overflow:hidden;
      width:157px;
      height:22px;
      margin:0;
      padding:0;
    }
    #username_ccss {
      width:153px;
      margin:0;
      padding:0;
      text-align:left;
    }

    #username_bottom {
      margin-left: 12px;
      padding-top: 7px; 
    }
    #username_text_links {
      float:left;
      overflow:hidden; 
      width :145px;
      height:50px;
    }
    #username_text_links ul {
      margin:0;
      padding:0;
      list-style: none;
      line-height: 1.7em;
    }
    #username_text_links ul li {   }
    #username_btn_wrap {
      float:left;
      overflow:hidden;
      width:77px;
      height:50px;
      text-align:right;
    }
    #username_btn {
      margin-top:15px;
    }

    #content_bottom {
      width:781px;
      height: 43px;
      text-align:center;
    }
    #bottom_buttons {
      width:546px;
      margin:auto;
    }
    #bottom_buttons_learnabout {
      float:left;
      overflow:hidden;
    }
    #bottom_buttons_freeresources {
      float:left;
      margin-left:60px;
    }

    /* END: Login Page Styles */




    /* BEGIN Login Popover styles */

    #popover {
      position: absolute;
      display: none;
      left: -1000px; 
      width:400px; 
    }   

    .popover_tabs {
      width:400px;
      height:31px;
    }
    .popover_tabs_left {
      float:left;  overflow:hidden;
      margin:0;
      border:0;
      padding:0; 
      width:200px;
      height:31px; 
    }
    .popover_tabs_right {
      float:left; overflow:hidden;
      margin:0;
      border:0;
      padding:0;
      width:200px;
      height:31px;
    }

    .popover_main_wrap {
      width:400px;
      font-family:Arial, Arial, Helvetica, sans-serif;
      font-size:12px; 
      color: #244163;
      text-align:right;
      background: transparent url('../images/login_bg_shim.gif') repeat-y;
      border-bottom: 2px solid #244163;
      padding-bottom:13px;
    }

    .popover_main {
      padding:13px;
      padding-bottom:0;
    }

    .popover_main_liner {
      background-color:#fff; 
    }

    .popover_content {
      margin:0px;
      border:0; 
      padding:12px; 
      padding-bottom:5px; 
      padding-top:0px;
      text-align:left;
    }
    .popover_content h2 {
      float:left;
      color: #244163;
      text-align:left;
      padding:12px;
      padding-bottom:0px;
      padding-top:12px;
      margin:0;
    }

    .popover_close_btn {
      float:right; 
      overflow:hidden;
      margin-top:10px;
    }



    #popover_tab_se_help,
    #popover_tab_se_iconic,
    #popover_tab_se_numeric,
    #popover_tab_te_help,
    #popover_tab_te_numeric {
      display:none;
    }            

    #popover_tabs_se_removed,
    #popover_tabs_se_inactive,
    #popover_tabs_se_active,
    #popover_tabs_te_removed,
    #popover_tabs_te_inactive,
    #popover_tabs_te_active {
      display:none;
    }   




    .popover_card_top {
      margin-left:10px;
      margin-top:10px;
    }

    .popover_card_left {
      float:left;
      height:110px;
    }

    .popover_card_right {
      float:left; 
      overflow:hidden;
      width:190px;
    }
    .popover_card_right p { 
      margin-top:23px;
      margin-left:15px;
      font-size:13px;
      font-weight:bold;
    }
    .popover_card_both {
      width:345px;
      text-align:center;
    }
    .popover_box_demo {
      width:345px;
      text-align:center;
      margin-top:15px;
      margin-bottom:25px;
    }

    .popover_iconic_wrap {
      width:100%;
      clear:both;
    }
    .popover_iconic_matrix {
      margin: 5px auto;
      width: 325px;
    }

    .popover_btn_iconic_wrap {
      width:100%;
    }
    .password_btn_iconic {
      margin: 15px auto;
      width:106px;
    }

    .popover_input_row {
      margin:10px;
      clear:both;
    }
    .popover_input_row_no_space {
      margin:0 10px;
    }


    .password_text_num,
    .password_text_alpha
    .email_text {
      float: left; 
      overflow:hidden;
      width:187px;
      height:26px;
    }

    .password_numeric, 
    .email {
      width: 185px;
      margin-top:3px;
    }

    .password_btn_num, 
    .password_btn_alpha,
    .email_btn,
    .password_btn_change {
      float:left; overflow:hidden;
      margin-top:5px;
    }

    .popover_text_top {
      margin-left:10px;
      margin-top: 10px;
    }
    .popover_text_top p {
      line-height:17px;
      zoom: 1; /* This is a hack to give hasLayout to this layer, solving some ie stupidity */
    }
    .popover_text_top p.big {
      line-height:17px;
      font-weight:bold;
      font-size:14px;
      text-align:center;
    }
    .popover_text_top p.big_error {
      line-height:17px;
      font-weight:bold;
      font-size:14px;
      text-align:center;
      color:#f00;
      display:none;
    }

    .popover_card_demo_text {
      margin-left:10px;
      margin-top:10px;
      text-align:center;
      width:100%;
    }
    .popover_card_demo_text p {
      line-height:17px;
      width:230px;
      margin:auto;
    }

    .popover_card_text {
      width:100%;
    }
    .popover_card_text_left{
      float:left;
      margin-left:7px;
      width:144px;
      text-align:center;
    }
    .popover_card_text_left p {
      margin:0;
      padding:5px;
      padding-top:2px;
      font-size:11px;
    }
    .popover_card_text_right {
      float:left; overflow:hidden;
      margin-left:40px;
      width:144px;
      text-align:center; 
    }
    .popover_card_text_right p {
      margin:0;
      padding:5px;
      padding-top:2px;
      font-size:11px;
    }

    .popover_input_label {
      margin-left:10px;
      margin-top:20px;
      font-weight:bold;
      height:15px;
    }

    .popover_footer_txt {
      margin:10px;
      font-weight:bold;
    }
    .popover_footer_txt a {
      color: #244163;
    }

    hr.top {
      color: #fff;
      background-color:#fff;
      border:1px dotted #1d4094;
      border-style:none none dotted;
      margin-top:20px;
    }
    hr.bottom {
      color: #fff;
      background-color:#fff;
      border:1px dotted #1d4094;
      border-style:none none dotted;
      margin-bottom:20px;
    }

    /* END Login Popover styles */