/* Frogzog. Unified Theme. Connect specific styles. */

/* screen specific */
@media screen {
  /* image replacement */
  #ir_welcome { background: url(/img/unified_connect/ir_welcome.jpg) 0 0 no-repeat; height: 48px; }
  /* layout */
  #unified_connect { margin: 0; padding: 0; }
    #unified_connect #footer { background: url(/img/unified_connect/footer.jpg) center 1em no-repeat; margin-top: 2em; padding: 2em 32px 1em; text-align: center; }
      #unified_connect #footer a:link, #unified_connect #footer a:visited { color: #808080; }
      #unified_connect #footer a:hover, #unified_connect #footer a:active { color: black; }
      #unified_connect #footer address { background: url(/img/unified_connect/zog.jpg) center top no-repeat; padding-top: 80px; }
      #unified_connect #footer .section { display: inline-block; margin: 0 1.5em; padding: 0; text-align: left; vertical-align: top; }
    #unified_connect #header { background: url(/img/unified_connect/header.jpg) center top no-repeat; height: 100px; padding: 0 32px; position: relative; }
    #unified_connect #masthead { height: 50px; position: relative; top: 15px; width: 260px; }
      #unified_connect #masthead a { background: url(/img/unified_connect/masthead.gif) 0 0 no-repeat; display: block; height: 100%; width: 100%; }
      #unified_connect #masthead a:active { background-position: 0 -50px; }
    #unified_connect #sub_header { background: #F8F8F9; border: 1px solid #CDE3D1; font-size: 14px; line-height: 22px; margin: 1em auto; padding: 1em 0; }
      #unified_connect #sub_header p { max-width: none; }
  #unified_connect_modal {}
    #unified_connect_modal #header { padding-bottom: 1em; }
    #unified_connect_modal #footer { top: 390px; position: absolute; text-align: center; width: 100%; }
  #unified_connect_modal_mini {}
    #unified_connect_modal_mini #header { padding-bottom: 1em; }
    #unified_connect_modal_mini #footer { top: 180px; position: absolute; text-align: center; width: 100%; }
  /* loading */
  .loading { background: url(/img/unified_connect/loading.gif) center center no-repeat; }
    .loading * { visibility: hidden; }
  /* sub header nav list */
  .sub_header_nav { display: inline; }
    .sub_header_nav li { display: inline; margin: 0.5em; }
    .sub_header_nav li a:link, .sub_header_nav li a:visited { color: #168FCE; text-decoration: none; }
    .sub_header_nav li a:hover, .sub_header_nav li a:active { color: #168FCE; text-decoration: underline; }
    .sub_header_nav li a.selected { color: #8CC542 !important; font-weight: bold !important; }
  /* tabs */
  .tabs { height: 73px; list-style: none outside; padding: 17px 32px 0; }
    .tabs li { display: block; float: left; height: 35px; }
      .tabs li a { display: block; font-size: 14px; font-weight: bold; height: 1em; padding: 11px 0 10px 0; text-align: center; width: 100%; }
      .tabs li a:link, .tabs li a:visited { color: #808080; }
      .tabs li a:hover, .tabs li a:active { color: #168FCE; text-decoration: none; }
    .tabs li a.selected { color: #68BD49 !important; }
  .tabs_4 { background: url(/img/unified_connect/tabs_4.jpg) 0 -10px no-repeat; }
    .tabs_4 li { width: 150px; }
  .tab_1_selected { background-position: 0 -110px; }
  .tab_2_selected { background-position: 0 -210px; }
  .tab_3_selected { background-position: 0 -310px; }
  .tab_4_selected { background-position: 0 -410px; }
  .tab_5_selected { background-position: 0 -510px; }
  .tab_6_selected { background-position: 0 -610px; }
  /* table icon */
  .table_icon { position: relative; top: 3px; }
  /* text image replacement */
  .tir { background-position: 0 0; background-repeat: no-repeat; display: block; text-indent: -9999px; }
  .tir_register_home { background-image: url(/img/unified_connect/tir_register_home.jpg); height: 120px; width: 212px; }
  .tir_register_sponsor { background-image: url(/img/unified_connect/tir_register_sponsor.jpg); height: 120px; width: 212px; }
}