/* Style Sheet */

/*
   Common -----------------------------------------------------
*/
body {
  background: #333333;
  color: #CCCCCC;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

table { 
  text-align: center;
  vertical-align: top;
  table-layout: auto;
}

td {
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
  font-size: 8pt;
  font-weight: normal;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.left   { text-align:     left   }
.center { text-align:     center }
.right  { text-align:     right  }
.top    { vertical-align: top    }
.middle { vertical-align: middle }
.bottom { vertical-align: bottom }

.bold   { font-weight: bold }

.times     {font-family: "Times New Roman" }
.helvetica {font-family: Helvetica, Verdana, Arial, sans-serif }

.cnt_a { background: #333333 url("img/corner_lt.gif") no-repeat }
.cnt_b { background: #FFFFFF }
.cnt_c { background: #666666 }
.cnt_g { background: #CCCCCC }
.cnt_k { background: #333333 }

.btm_1 { background: #333333 } 
.btm_2 { background: url("img/btm_1a.gif") no-repeat }
.btm_3 { background: url("img/btm_2b.gif") no-repeat }
.btm_4 { background: url("img/btm_2d.gif") no-repeat }
.btm_5 { background: url("img/btm_3b.gif") no-repeat }

.navi_pane {
  background: #666666;
  color: #CCCCCC;
}

.cont_pane {
  background: #CCCCCC;
  color: #333333;
}

.footer_pane {
  background: #CCCCFF;
  color: #333366;
  vertical-align: middle;
}

a.copyright:link    { color:#333366; font-weight:normal; text-decoration:none; }
a.copyright:visited { color:#333366; font-weight:normal; text-decoration:none; }
a.copyright:hover   { color:#336699; font-weight:bold;   text-decoration:none; }
a.copyright:active  { color:#336699; font-weight:bold;   text-decoration:none; }

a.link_h:link    { color:#6600FF; text-decoration:none; }
a.link_h:visited { color:#6600FF; text-decoration:none; }
a.link_h:hover   { color:#FF00CC; text-decoration:underline; }
a.link_h:active  { color:#FF00CC; text-decoration:underline; }


/*
   Navi part --------------------------------------------------
*/
.navi {
  background: #996699;
  color: #FFFFFF;
}

.navi_text {
  background: #996699;
  color: #FFFFFF;
  text-align: left;
}

.navi_title {
  background: #663366;
  color: #FFCC66;
  vertical-align: middle;
  font-weight: bold;
  border-color: #CC99CC;
  border-style: solid;
  border-width: 1px 0px;
}

.navi_hbar {
  border-color: #CC99CC;
  border-style: solid;
  border-width: 1px 0px 0px;
}

.navi_selected { color: #FFCC66; }

a.navi_text_h:link    { color:#FFFFFF; text-decoration:none; }
a.navi_text_h:visited { color:#FFFFFF; text-decoration:none; }
a.navi_text_h:hover   { color:#990033; text-decoration:none; }
a.navi_text_h:active  { color:#990033; text-decoration:none; }

/*
   Navi: User Name --------------------------------------------
*/
.navi_username {      
  color: #FFFFCC;
  padding: 0px 0px 2px;
  border-color: #9999CC;
  border-style: solid;
  border-width: 0px 0px 2px;
}

/*
   Navi: Quick Link -------------------------------------------
*/
.navi_ql_div { background: #666666 url("img/quicklink_div.gif") repeat-y }

.navi_ql_t {
  color: #FFFFFF;
  font-size: 7pt;
}

/*
   Navi: Today's Photo ----------------------------------------
*/
.navi_photo {
  border-color: #663366;
  border-style: solid;
  border-width: 1px;
}

/*
   Navi: Ad ---------------------------------------------------
*/
.navi_ad {
  margin: 10px 0;
  text-align: center;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}

/*
   Navi: Plug-ins ---------------------------------------------
*/
.navi_plugins_title {
  padding: 0px 0px 2px;
  color: #CCCCCC;
  font-weight: bold;
}

.navi_plugins_frame {
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}

.navi_plugins_note {
  color: #CCCCCC;
  padding: 3px;
  font-size: 7.5pt;
}

.navi_plugins_icon { color: #FFFFFF; }
a.navi_plugins_icon_h:link    { color:#FFFFFF; text-decoration:none; }
a.navi_plugins_icon_h:visited { color:#FFFFFF; text-decoration:none; }
a.navi_plugins_icon_h:hover   { color:#FFCC66; text-decoration:none; }
a.navi_plugins_icon_h:active  { color:#FFCC66; text-decoration:none; }


/*
   Navi: Open Hours -------------------------------------------
*/
.navi_oh_title {
  color: #FFFFFF;
  font-size: 8pt;
  border-color: #FFCC66;
  border-style: solid;
  border-width: 0px 0px 1px;
}

.navi_oh_tag {
  padding: 2px 2px 0px 0px;
  text-align: right;
  color: #FFFFFF;
  font-size: 7pt;
}

.navi_oh_value {
  padding: 2px 0px 0px 2px;
  text-align: center;
  color: #FFFFFF;
  font-size: 7pt;
}

.navi_oh_value_closed {
  padding: 2px 0px 0px 2px;
  text-align: center;
  color: #CCCCCC;
  font-size: 7pt;
}


/*
   Content part -----------------------------------------------
*/
.text {
  background: #FFFFFF;
  color: #333333;
  text-align: left;
  vertical-align: top;
  line-height: 120%;
}

.note {
  background: #FFFFFF;
  color: #336633;
  font-size: 9pt;
}

.tab {
  background: #CCCCCC;
  color: #333333;
  text-align: left;
  vertical-align: top;
}

.error {
  color: #333333;
  text-align: center;
  vertical-align: top;
  font-size: 9pt;
}

.page_hd {
  background: #CCCCCC url("img/bg_date.gif") repeat-x;
  color: #333333;
  vertical-align: middle;
  font-size: 12pt;
  font-weight: bolder;
  font-family: Helvetica,Arial,Helvetica,Verdana,sans-serif;
}

.bg_fff { background: #CCCCCC url("img/bg_hd_fff.gif") repeat }
.bg_999 { background: #CCCCCC url("img/bg_hd_999.gif") repeat }
.bg_c9c { background: #CCCCCC url("img/bg_hd_c9c.gif") repeat }
.bg_99f { background: #CCCCCC url("img/bg_hd_99f.gif") repeat }
.bg_ccf { background: #CCCCCC url("img/bg_hd_ccf.gif") repeat }
.bg_6c3 { background: #CCCCCC url("img/bg_hd_6c3.gif") repeat }
.bg_9c6 { background: #CCCCCC url("img/bg_hd_9c6.gif") repeat }
.bg_9cc { background: #CCCCCC url("img/bg_hd_9cc.gif") repeat }
.bg_9c9 { background: #CCCCCC url("img/bg_hd_9c9.gif") repeat }
.bg_cf9 { background: #CCCCCC url("img/bg_hd_cf9.gif") repeat }
.bg_ff9 { background: #CCCCCC url("img/bg_hd_ff9.gif") repeat }
.bg_fc0 { background: #CCCCCC url("img/bg_hd_fc0.gif") repeat }
.bg_fc6 { background: #CCCCCC url("img/bg_hd_fc6.gif") repeat }
.bg_fc9 { background: #CCCCCC url("img/bg_hd_fc9.gif") repeat }
.bg_fcc { background: #CCCCCC url("img/bg_hd_fcc.gif") repeat }
.bg_fcf { background: #CCCCCC url("img/bg_hd_fcf.gif") repeat }
.bg_f93 { background: #CCCCCC url("img/bg_hd_f93.gif") repeat }
.bg_f99 { background: #CCCCCC url("img/bg_hd_f99.gif") repeat }
.bg_f9c { background: #CCCCCC url("img/bg_hd_f9c.gif") repeat }


/*
   Content: Pane ----------------------------------------------
*/
.pane_f { background:  #FFFFFF }

.pane_fff { background:  #FFFFFF }
.pane_ccc { background:  #CCCCCC }
.pane_999 { background:  #999999 }
.pane_c9c { background:  #CC99CC }
.pane_99f { background:  #9999FF }
.pane_ccf { background:  #CCCCFF }
.pane_6c3 { background:  #66CC33 }
.pane_9c6 { background:  #99CC66 }
.pane_9cc { background:  #99CCCC }
.pane_9c9 { background:  #99CC99 }
.pane_cf9 { background:  #CCFF99 }
.pane_ff9 { background:  #FFFF99 }
.pane_fc0 { background:  #FFCC00 }
.pane_fc6 { background:  #FFCC66 }
.pane_fc9 { background:  #FFCC99 }
.pane_fcc { background:  #FFCCCC }
.pane_fcf { background:  #FFCCFF }
.pane_f93 { background:  #ff9933 }
.pane_f99 { background:  #FF9999 }
.pane_f9c { background:  #FF99CC }

.pane_339 { background:  #333399 }
.pane_66c { background:  #6666CC }
.pane_69c { background:  #6699CC }

.pane_669 { background:  #666699 }

.pane_border_999 { border-color: #999999; border-style: solid; border-width: 1px 0px; }
.pane_border_69f { border-color: #6699FF; border-style: solid; border-width: 1px 0px; }
.pane_border_fc3 { border-color: #FFCC33; border-style: solid; border-width: 1px 0px; }
.pane_border_ffc { border-color: #FFFFCC; border-style: solid; border-width: 1px 0px; }
.pane_border_99f { border-color: #9999FF; border-style: solid; border-width: 1px 0px; }

.pane_text_333 { color: #333333 }
.pane_text_fff { color: #FFFFFF }

.pane_title {
  vertical-align: middle;
  font-weight: bold;
}

.pane_content {
  text-align: left;
}

/*
   Content: Search --------------------------------------------
*/
.search {
  background: #999999;
  color: #336633;
  text-align: left;
  vertical-align: top;
  font-size: 8pt;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-width: 1px;
  border-color: #666633;
  border-style: solid;
}

.search_cell {
  color: #FFFFFF;
  text-align: left;
  vertical-align: middle;
  height: 30px;
}

.sc_w1     { width:90px }
.sc_w2     { width:40px }
.sc_w3     { width:130px }
.sc_w4     { width:90px }


/*
   Content: Forms ---------------------------------------------
*/
.w_t0  { width: 380px }
.w_t1  { width: 180px }
.w_t2  { width: 340px }
.w_t3  { width: 240px }
.w_t4  { width: 300px }
.w_t5  { width: 512px }
.w_2d  { width:  45px }
.w_3d  { width:  55px }
.w_4d  { width:  65px }
.w_60  { width:  60px }
.w_100 { width: 100px }

.frm_tag {
  color: #006699;
  text-align: right;
  vertical-align: top;
}

.frm_value {
  color: #333333;
  text-align: left;
  vertical-align: middle;
  font-size: 9pt;
}

.frm_input {
  background: #FFFFFF;
  color: #333333;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
  font-weight: normal;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border-color: #99CC99;
  border-style: solid;
  border-width: 1px;
}

.frm_select {
  background: #FFFFFF;
  color: #333333;
  text-align: left;
  vertical-align: baseline;
  font-size: 8pt;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-color: #99CC99;
  border-style: solid;
  border-width: 1px;
}

.frm_comment {
  background: #DDDDEE;
  color: #333333;
  text-align: left;
  vertical-align: top;
  font-size: 8pt;
  font-weight: normal;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border-color: #99CC99;
  border-style: solid;
  border-width: 1px;
}

.frm_status {
  color:              #333333;
  text-align:         left;
  vertical-align:     middle;
  font-size:          14pt;
  font-weight:        normal;
}

.frm_submit {
  color: #333366;
  text-align: center;
  vertical-align: middle;
  font-size: 9pt;
  font-weight: bold;
  font-family: Verdana,Arial,Helvetica,sans-serif; 
}

.frm_note {
  color: #339966;
  text-align: left;
  vertical-align: top;
  font-size: 7.5pt;
  font-style: oblique;
}

.frm_static {
  color: #666666;
  text-align: left;
  vertical-align: middle;
  font-size: 7.5pt;
}


/*
   Misc: Small Calendar ---------------------------------------
*/
.scal { background: #333333; color: #FFFFFF }
.scal_div { background: #CCCCCC }
.scal_arrow { color: #3399CC }

a.scal_arrow_h:link    { color:#3399CC; font-weight: normal; text-decoration:none }
a.scal_arrow_h:visited { color:#3399CC; font-weight: normal; text-decoration:none }
a.scal_arrow_h:hover   { color:#FFCC66; font-weight: bold;   text-decoration:none }
a.scal_arrow_h:active  { color:#FFCC66; font-weight: bold;   text-decoration:none }

.scal_month {
  color: #FFFF99;
  font-family: Arial,Helvetica,Verdana,sans-serif;
}

.scal_wday {
  color: #33CCCC;
  text-align: right;
  font-weight: bold;
  font-family: Arial,Helvetica,Verdana,sans-serif;
}

.scal_hbar {
  border-color: #333399;
  border-style: solid;
  border-width: 0px 0px 2px;
}

.scal_cel {
  color: #FFFFFF;
  text-align: right;
  font-family: Arial,Helvetica,Verdana,sans-serif;
  border-color: #333333;
  border-style: solid;
  border-width: 1px;
}

.today { border-color: #CCCC66; }

a.scal_sel_h:link    { color:#FFFFFF; text-decoration:underline }
a.scal_sel_h:visited { color:#FFFFFF; text-decoration:underline }
a.scal_sel_h:hover   { color:#FFCC66; text-decoration:underline }
a.scal_sel_h:active  { color:#FFCC66; text-decoration:underline }

/*
   Misc: Ad Link ----------------------------------------------
*/
a.adlink_h {
  display: block;
}

a.adlink_h:link    { border-color:#CCC; border-width:2px; border-style:solid; text-decoration:none }
a.adlink_h:visited { border-color:#CCC; border-width:2px; border-style:solid; text-decoration:none }
a.adlink_h:hover   { border-color:#C69; border-width:2px; border-style:solid; text-decoration:none }
a.adlink_h:active  { border-color:#C69; border-width:2px; border-style:solid; text-decoration:none }