@media screen, print {
    body {
	    background: #fff;
	    font: normal 11px/15px Arial, Helvetica, sans-serif;
	    color: #5d6065;
	    margin: 0;
	    padding: 0;
	    text-align: center;
    }

    body * {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    list-style-type: none;
	    text-decoration: none;
    }

    div#wrapper {
	    text-align: left;
	    margin: 0 auto;
	    width: 845px;
    }

    div#container {
	    float: left;
	    width: 845px;
    }

    div#header {
	    float: left;
	    width: 845px;
	    height: 140px;
	    background: url(../img/bg_header.jpg) 0 0 no-repeat;
    }

    div#navbar { width: 845px; height: 33px; background: url(../img/bg_navbar.jpg) 0 0 no-repeat; margin-top: 78px; }

    div#info { width: 830px; height: 29px; color: #9fa6b1; background: url(../img/bg_info.gif) left bottom no-repeat; text-align: right; line-height: 20px; padding: 0 15px 0 0; }

    div#content {
	    float: left;
	    width: 845px;
	    margin: 23px 0 16px 0;
	    background: url(../img/bg_content.gif) 0 0 repeat-y;
    }

    div#left {
	    float: left;
	    width: 215px;
    }

    div#right {
	    float: left;
	    width: 595px;
	    padding-left: 35px;
    }

    div#footer {
	    float: left;
	    width: 845px;
	    height: 33px;
	    border-top: 1px solid #c7c6cb;
	    text-align: center;
	    padding-top: 17px;
    }

    /* Main Navigation */
    ul#navi { float: left; color: #5bab26; line-height: 28px; font-weight: bold; padding-left: 10px; height: 33px; }
    ul#navi li { display: inline; }
    ul#navi li a { color: #5bab26; float: left; text-decoration: none; }
    ul#navi li a:hover, ul#navi li.active a { color: #fff; }
    li.separator { width: 22px; height: 28px; background: url(../img/navi_separator.gif) 50% 50% no-repeat; float: left; }

    /* Secondary Navigation */
    ul#navi_secondary { float: right; color: #5bab26; line-height: 28px; font-weight: bold; padding-right: 10px; height: 33px; }
    ul#navi_secondary li { display: inline; }
    ul#navi_secondary li a { color: #5bab26; float: left; text-decoration: none; }
    ul#navi_secondary li a:hover, ul#navi_secondary li.active a { color: #fff; }
    ul#navi_secondary li.print a { width: 15px; height: 28px; background: url(../img/navi_print.gif) 0 50% no-repeat; }
    ul#navi_secondary li.logout a { background: url(../img/navi_logout.gif) right 50% no-repeat; padding-right: 16px; }

    /* Left Side Navigation */
    ul#navi_left { width: 209px; }
    ul#navi_left li { font-weight: bold; color: #5bab26; padding: 7px 0 0 0; border-bottom: 1px solid #dadbe1; float: left; }
    ul#navi_left li a { text-decoration: none; color: #5bab26; display: block; padding: 0 0 7px 15px; background: url(../img/navi_arrow2.gif) 0 5px no-repeat; float: left; width: 194px; }
    ul#navi_left li a:hover, ul#navi_left li.active a, ul#navi_left li a.sel { color: #0b3f88; background: url(../img/navi_arrow2-active.gif) 0 5px no-repeat; }
    ul#navi_left li.pdf a { background: url(../img/navi_pdf.gif) 0 -2px no-repeat; padding-left: 25px; width: 184px; }
    ul#navi_left li.pdf a:hover, ul#navi_left li.pdf active a { background: url(../img/navi_pdf.gif) 0 -2px no-repeat; }
    ul#navi_left li ul { float: left; background: #f3f3f3; border-top: 1px solid #dadbe1; padding-left: 18px; width: 191px; }
    ul#navi_left li ul li { border: 0; font-weight: normal; line-height: 14px; padding: 7px 0 7px 0; _padding-bottom: 0; float: left; }
    ul#navi_left li ul li a { background: url(../img/navi_arrow2.gif) 0 5px no-repeat; padding: 0 0 0 15px; float: left; width: 176px; }
    ul#navi_left li ul li a:hover, ul#navi_left li ul li.active a { background: url(../img/navi_arrow2-active.gif) 0 5px no-repeat; }

    ul#ul_left { width: 209px; }
    ul#ul_left li { list-style-type: square; margin-bottom: 10px; }

    div.navi_left a { color: #5bab26; display: block; padding: 4px 0 3px 25px; background: url(../img/navi_arrow2.gif) 10px 9px no-repeat; float: left; width: 184px; }
    div.navi_left a:hover { color: #0b3f88; background: url(../img/navi_arrow2-active.gif) 10px 9px no-repeat; }

    /* Logo box */
    div.logobox { width: 207px; padding: 24px 0; border: 1px dotted #c6c7cb; text-align: center; margin-bottom: 2px; overflow: auto; }
    div.logobox img { max-width: 200px; }

    /* Text Styles */
    h1 { font: bold 16px/18px Arial, Helvetica, sans-serif; color: #0b3f88; margin-bottom: 1em; }
    h3 { font: bold 13px/24px Arial, Helvetica, sans-serif; color: #fff; background: #0b3f88; padding: 0 8px; margin-bottom: 10px; height: 22px; width: 579px; }
    h3.popup { font: bold 13px/24px Arial, Helvetica, sans-serif; color: #fff; background: #D3393B; padding: 0 8px; margin-bottom: 10px; height: 22px; width: 579px; }
    h4 { font: bold 13px/24px Arial, Helvetica, sans-serif; color: #0b3f88; margin-bottom: 10px; }
    h4.popup { font: bold 13px/24px Arial, Helvetica, sans-serif; color: #D3393B; margin-bottom: 10px; }
    h5 { font: bold 11px/24px Arial, Helvetica, sans-serif; color: #0b3f88; margin-bottom: 10px; }
    p { margin-bottom: 1em; }
    div#left h1 { font: bold 14px/18px Arial, Helvetica, sans-serif; }
    div#left p { padding-right: 20px; }

    /* Table Styles */
    table { width: 100%; margin-bottom: 33px; }
    th { vertical-align: bottom; }
    th, td { background: #fff url(../img/bg_td.gif) left bottom no-repeat; line-height: 11px; border-bottom: 1px solid #dadbe1; padding: 5px 5px; }
    tr.alt td { background: #f4f4f4 url(../img/bg_td-alt.gif) left bottom no-repeat; }
    th.vertical { border-left: 1px solid #eeeeee; background: #e1e1e1 url(../img/bg_td-alt.gif) left bottom no-repeat; }
    table.popup th { color: #D3393B; }
    th a { color: #0b3f88; padding-right: 2px; text-decoration: none; }
    th.blue { background: none; background-color: #0B3F88; }
    th.blue a { color: #fff; }
    th.blank { background: none; background-color: #fff; width: 8px; border: 0; padding: 0; }
    th.sortHeader { padding-right: 12px; cursor: pointer; background-image: url(../img/th0_arrow.gif); background-position: 98% bottom; background-repeat: no-repeat; }
    th.sortHeaderSortUp { padding-right: 12px; cursor: pointer; background-image: url(../img/th2_arrow.gif); background-position: 98% bottom; background-repeat: no-repeat; }
    th.sortHeaderSortDown { padding-right: 12px; cursor: pointer; background-image: url(../img/th1_arrow.gif); background-position: 98% bottom; background-repeat: no-repeat; }
    tr td.btn { background: #fff; text-align: right; padding: 0 4px 0 4px; }
    tr.alt td.btn { background: #f4f4f4; text-align: right; padding: 0 4px 0 4px; }
    tr.empty, tr.empty td { background: none; padding: 0; text-align: center; border: 0; padding-top: 5px; }
    th.btn, td.btn { background: #fff; padding: 5; text-align: center; }
    th.btn { width: 3px; }
    th.btn_box, td.btn_box { background: #fff; padding: 0; text-align: center; }
    tr td.btn_box_green, tr.alt td.btn_box_green { background-color: #bfdeab; padding: 0; text-align: center; }
    tr td.btn_box_orange, tr.alt td.btn_box_orange { background-color: #ffcf83; padding: 0; text-align: center; }
    tr td.btn_box_blue, tr.alt td.btn_box_blue { background-color: #b7c6dd; padding: 0; text-align: center; }
    table td.blue { color: #0b3f88; font-weight: bold; }
    table.nobackground { border-top: 1px solid #dadbe1; }
    table.nobackground th, table.nobackground td { background: none; padding: 9px 0;}
    table.noborder, table.noborder td { border: 0; padding: 9px 0 9px 4px; }
    table.timetable { float: left; width: 292px; }
    table.timetable th { text-align: center; }
    table.timetable th.h3 { padding: 0; text-align: left; }
    table.timetable th h3 { font: bold 13px/24px Arial, Helvetica, sans-serif; color: #fff; background: #0b3f88; padding: 0 15px; width: 262px; }
    table.timetable th.btn_th { padding: 0 5px 0 5px; }
    table.timetable td.btn { text-align: center; padding: 0; background: #fff url(../img/bg_td.gif) left bottom no-repeat; }
    table.timetable th, table.timetable td { padding: 9px 6px; }
    table.timetable tr.blue td { background-color: #b7c6dd; }
    table.timetable tr.orange td { background-color: #ffcf83; }
    table.timetable tr.green td { background-color: #bfdeab; }
    table.meetings th h3 { width: auto; }
    table.meetings th { padding: 3px; background: none; }
    table.meetings td { vertical-align: top; }
    table.meetings img { float: left; margin: 0 10px 10px 0; }
    table.meetings img.icon { float: right; position: relative; margin: 0 0 10px 10px; }
    table.meetings span { color: #0b3f88; font-weight: bold; }
    table.bulbs td { padding: 1px 6px 1px 0; margin: 0; }
    table.nobtnpad th.btn, table.nobtnpad td.btn { background: #fff; text-align: right; padding: 0; }
    div.person { float: left; width: 330px; }
    td a, p a { color: #5bab26; }

    /* Form Styles */
    form { width: 595px; float: left; background: #fff; }
    label { float: left; clear: left; width: 130px; }
    label i { color: red; font-weight: bold; font-style: normal; font-size: 12px; }
    form.narrow label { width: 129px; }
    label.cb_label { width: auto; clear: none; line-height: 23px; }
    input.tf { border: 1px solid #dadbe1; width: 457px; line-height: 15px; background: #f4f4f4; float: left; font-size: 10px; padding: 3px; margin-bottom: 4px; }
    form.withimage input.tf { width: 337px; }
    form.withimage input.tf.wide { width: 457px; }
    form.withimage select.wide { width: 465px; }
    form.narrow input.tf { margin-bottom: 5px; width: 457px; }
    input.cb { height: 23px; width: 23px; border: 3px solid #e08a01; float: left; margin: 0 10px 0 10px; }
    form.narrow input.tf.wide, input.tf.wide { width: 349px; }
    select { width: 302px; float: left; padding: 3px; border: 1px solid #dadbe1; background: #f4f4f4; margin-bottom: 4px; }
    select.wide { width: 357px; float: left; padding: 3px; border: 1px solid #dadbe1; background: #f4f4f4; margin-bottom: 4px; }
    select.orange { width: 308px; float: left; padding: 3px; border: 3px solid #e08a01; background: #f4f4f4; margin-bottom: 4px; }
    textarea { border: 1px solid #dadbe1; width: 457px; line-height: 15px; background: #f4f4f4; float: left; font-size: 11px; padding: 3px; height: 112px; margin-bottom: 4px; }
    textarea.message { width: 300px; }
    fieldset.btns { float: right; margin-top: 23px; }
    fieldset.btns.notopmargin { margin-top: 0; clear: both; }
    div.multi { width: 595px; }
    div.multi label { clear: none; width: auto; }
    div.multi label.first { width: 123px; }
    div.multi input.tf { width: 80px; margin-left: 5px; }
    form.login { width: 404px; background: #e9e9e9; padding-bottom: 0px; margin-bottom: 10px; }
    form.login h3 { width: 388px; margin-bottom: 20px; }
    form.login p { padding: 15px; }
    form.login fieldset { padding: 20px 0; }
    form.login label { padding: 0 0 0 15px; font-weight: bold; width: 100px; }
    form.login input.tf { width: 200px; margin-right: 10px; height: 15px; background: #fff; }
    span.blue { color: #0b3f88; font-weight: bold; }
    span.red { color: #b30d0f; font-weight: bold; }
    fieldset.wide { width: 750px; }
    fieldset.wide label { width: 300px; }

    /* Button Styles */
    a { cursor: pointer; text-decoration: underline; }
    a.btn_edit { width:21px; height: 19px; display: block; background: url(../img/btn_edit.gif) 0 0 no-repeat; }
    a.btn_x { width:15px; height: 15px; display: block; background: url(../img/btn_x.gif) 0 0 no-repeat; }
    a.btn_help { display: none; float: right; width: 18px; height: 17px; background: url(../img/btn_help.gif) 0 0 no-repeat; position: relative; margin-top: -18px; }
    a.plus { cursor: pointer; width: 23px; height: 23px; float: right; background: url(../img/btn_plus.jpg) 0 0 no-repeat; display: block; margin-left: 3px; margin-top: 3px; }
    a.minus { cursor: pointer; width: 23px; height: 23px; float: right; background: url(../img/btn_minus.jpg) 0 0 no-repeat; display: block; margin-left: 3px; margin-top: 3px; }
    a.calendar { width: 21px; height: 17px; background: url(../img/btn_calendar.gif) 0 0 no-repeat; float: left; display: block; margin: 2px 10px 0 3px;}
    a.button { text-decoration: none; background: url(../img/btn_bg.gif) 0 0 repeat-x; text-align: center; margin-left: 2px; cursor: pointer; color: #5bab26; font-weight: bold; float: right; display: block; padding: 4px 10px 2px 10px; border: 1px solid silver; }
    a.button:hover { border: 1px solid gray; color: #006600; }

    /* Add picture */
    div.add_picture { text-align: left; width: 102px; padding-right: 15px; float: left; font-size: 9px; }
    div.add_picture img { border: 1px solid #c6c7cb; }
    div.add_picture div.plusminus { width: 102px; text-align: right; float: left; margin-bottom: 5px; }
    div.add_picture p { margin-bottom: 0; }

    div.leiju { background-color: #f4f5fa; width: 187px; padding: 10px; float: left; margin: 30px 0 0 0; border: 1px solid silver; }

    /* Guide */
    ul.guide { margin-bottom: 0px; float: left; }
    ul.guide li { margin-bottom: 3px; }
    ul.guide li.yellow { line-height: 20px; padding-left: 32px; background: url(../img/bullet_yellow.gif) 0 0 no-repeat; color: #fea923; }
    ul.guide li.red { line-height: 20px; padding-left: 32px; background: url(../img/bullet_red.gif) 0 0 no-repeat; color: #e42929; }
    ul.guide li.green { line-height: 20px; padding-left: 32px; background: url(../img/bullet_green.gif) 0 0 no-repeat; color: #57aa24; }

    /* Table guide */
    ul.tableguide { float: right; height: 30px; }
    ul.tableguide li { display: inline; float: left; padding-right: 10px; }
    ul.tableguide li.host { background: url(../img/bullet_host.gif) 0 0 no-repeat; line-height: 30px; padding-left: 32px; }
    ul.tableguide li.visitor { background: url(../img/bullet_visitor.gif) 0 0 no-repeat; line-height: 30px; padding-left: 32px; }

    /* Filter guide */
    ul.filterguide { float: right; position: relative; margin-top: 0px; width: 150px; }
    ul.filterguide li.free { background: url(../img/bullet_free.gif) 0 0 no-repeat; line-height: 20px; height: 30px; padding-left: 35px; }
    ul.filterguide li.reserved { background: url(../img/bullet_reserved.gif) 0 0 no-repeat; line-height: 20px; height: 30px; padding-left: 35px; }

    ul.normal label { width: 125px; font-weight: bold; }

    ul.wide label { width: 200px; font-weight: bold; }

    /* Hr */
    div.hr { width: 595px; height: 30px; background: url(../img/hr.gif) 0 30% repeat-x; }
    div.hr2 { width: 100%; height: 30px; background: url(../img/hr.gif) 0 30% repeat-x; }
    div.hr3 { width: 100%; height: 20px; background: url(../img/hr.gif) 0 30% repeat-x; }

    /* Footer Styles */
    div#footer ul { color: #5d6065; line-height: 11px; }
    div#footer ul li { display: inline; }
    div#footer ul li a { color: #5bab26; }

    #popup, #calPopup { z-index: 9999; position: absolute; display: none; border: 1px solid gray; background-color: #fafafa; padding: 10px; width: 250px; top: 100px; left: 100px; }
    #popup #popupText, #calPopup #calPopupText { font-weight: bold; }
    #popup .button, #calPopup .button { margin-top: 40px; width: 98px; }
    #popup h3 { width: 235px; }
    #calPopup h3 { width: 375px; }
    #calPopup input, #calPopup textarea { background-color: white; }

    #resizeS { overflow: hidden; font: bold 8px/20px Arial, Helvetica, sans-serif; color: #5d6065; text-align: center; cursor: n-resize; }
    #resizeS td { background-image: none; background-color: #e1e1e1; height: 5px; padding: 0; }
  }

  @media print {
    body {
      background: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.0em;
      color: #000000;
      margin: 0;
      padding: 0;
      text-align: center;
    }

    div#header { display: none; }
    div#navbar { display: none; }
    div#info { display: none; }
    div#left { display: none; }
    div#SendLink { display: none; }

    a.button { display: none; }
    input, textarea, select { border: 0; background-color: #ffffff; }
  }