ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #1B1F4B;
  text-align: center;
}

th, td
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
}

ul li, ol li
{
  list-style-type: none;
}

#container
{
  width: 760px;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
}

#content
{
  width: 752px;
  margin: 0 4px;
	/* ADDED 2010-05-07 */
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
}

.menu
{
  line-height: 140%;
  padding: 0px 10px;
  background-color: #eee;
  font-weight: bold;
  font-size: 100%;
}

.header_area
{
  padding: 0;
  background-color: #eee;
}

.footer_area
{
  margin: 20pt 0 0 0;
  width: 760px;
  background-color: #eee;
  color: #333;
  font-size: 85%;
  line-height: 200%;
  text-align: center;
}

hr
{
  width: 100%;
  border: 1px solid #eee;
}

h2
{
  color: #000;
  background-color: #eee;
  font-size: 95%;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 5px;
}

h3
{
  color: #000;
  background-color: #eee;
  margin: 0 0 10px 0;
  font-size: 95%;
  padding:2px;
}

h4
{
  color: #000;
  margin: 0 0 10px 0;
  font-size: 95%;
  padding:2px;
}

p
{
  font-size:90%;
  line-height:1.5em;
  margin:1em 0.5em;
}

input.action
{
  font-size: inherit;
  font-size: 90%;
  background-color: #eee;
  margin: 3px 0;
  padding: 3px 3px 3px 18px; 
  border: 0px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  cursor: hand;
  cursor: pointer;
}

input.action_nopadding
{
  padding: 3px 0px 3px 0px; 
}


input.action_add
{
  background: #eee url(/skin/default/add.gif) no-repeat 3px 3px;
  border-left: 5px solid #4096ee; 
}

input.action_save
{
  background: #eee url(/skin/default/accept.gif) no-repeat 3px 3px;
  border-left: 5px solid #4096ee; 
}

input.action_list
{
  background: #eee url(/skin/default/application_view_list.gif) no-repeat 3px 3px;
  border-left: 5px solid #4096ee; 
}

input.action_edit
{
  background: #eee url(/skin/default/application_edit.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_back
{
  background: #eee url(/skin/default/arrow_left.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_right
{
  background: #eee url(/skin/default/arrow_right.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_arrow_out
{
  background: #eee url(/skin/default/arrow_out.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_back
{
  background: #eee url(/skin/default/arrow_left.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_cancel
{
  background: #eee url(/skin/default/delete.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_delete
{
  background: #eee url(/skin/default/delete.gif) no-repeat 3px 3px;
  border-left: 5px solid #f88; 
}

input.action_calendar
{
  background: #eee url(/skin/default/calendar_add.gif) no-repeat 3px 3px;
  border-left: 5px solid #f88; 
}

input.action_map_add
{
  background: #eee url(/skin/default/map_add.gif) no-repeat 3px 3px;
  border-left: 5px solid #4096ee; 
}

input.action_user_add
{
  background: #eee url(/skin/default/user_add.gif) no-repeat 3px 3px;
  border-left: 5px solid #f88; 
}

input.action_chart
{
  background: #eee url(/skin/default/chart_bar.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_search
{
  background: #eee url(/skin/default/search.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_mail
{
  background: #eee url(/skin/default/email.gif) no-repeat 3px 3px;
  border-left: 5px solid #cdeb8b; 
}

input.action_user_go
{
  background: #eee url(/skin/default/user_go.gif) no-repeat 3px 3px;
  border-left: 5px solid #4096ee; 
}

input.action_picture_add
{
  background: #eee url(/skin/default/picture_add.gif) no-repeat 3px 3px;
  border-left: 5px solid #4096ee; 
}


ul.cal
{
  font-size: 80%;
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 0.5em;
}

li.cal
{
  list-style-type: disc;
  list-style-position: inside;
  padding: 0em 0em 0.5em 0em;
}

ul.diary
{
  font-size: 80%;
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 0.5em;
}

li.diary
{
  list-style-type: circle;
  list-style-position: inside;
  padding: 0em 0em 0.5em 0em;
}

a:link
{
  color: #6666cc;
  text-decoration: underline;
}

a:visited
{
  color: #6666cc;
  text-decoration: underline;
}

a:hover
{
  color: #ff0000;
  text-decoration: none;
  background-color:#ffeeee;
}

a img
{
  border:0px;
  text-decoration:none;
}

a:link img
{
  border:0px;
  text-decoration:none;
}

a:hover img
{
  border:0px;
  text-decoration:none;
}

a:visited img
{
  border:0px;
  text-decoration:none;
}

.taba
{
  color: #ffffff;
  margin:0.5em 0.1em;
  padding:0.2em 0.5em;
  font-size: 80%;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #333333;
  background-image:url(/skin/openg_index.png);
}

.tabna
{
  margin:0.5em 0.1em;
  padding:0.2em 0.5em;
  font-size: 80%;
}

.tab
{
  color: #666666;
  margin: 0.2em 0.2em 0em 0em;
  padding: 0.4em 0.4em 0em 0.4em;
  font-size: 80%;
}

.confirm
{
  text-align: center;
  font-weight: bold;
  margin: 3px 0px 15px 5px;
}

.error
{
  margin: 1px 20px 1px 20px;
  padding: 2px 10px 2px 10px;
  font-weight:bold;
  color: #ff0000;
}

.processing
{
  background-color: #000000;
  border: 2px #ff0000 solid;
  margin: 1px 20px 1px 20px;
  padding: 2px 10px 2px 10px;
  font-size: 80%;
  color: #ffcccc;
}

.attention
{
  font-weight: bold;
  color: #ff0000;
}

.report
{
  font-weight: bold;
  color: #993300;
}

.mail
{
  font-weight: bold;
  color: #339900;
}

.permission
{
/*  padding: 0.5em;*/
  font-size: x-small;
}

.miniindex
{
  background-repeat: repeat-x;
  margin: 0.2em;
  padding: 0.2em;
  font-size: 90%;
  color: #333;
  background-color: #eee;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}

.textindex
{
  margin: 0.2em;
  padding: 0.2em;
  font-weight: bold;
  border-color: #cccccc;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
}

.textframe
{
  line-height:1.5em;
}

.single
{
  border-collapse: collapse;
}


th
{
  font-size: 90%;
  padding: 5px 5px;
  vertical-align: middle;
  text-align: center;
  background-color:#eee;  
  border-collapse: collapse;
  border: 1px solid #999;
  white-space: nowrap;
}

.item
{
  padding: 2px 5px;
  vertical-align: middle;
  background-color:#eee;  
  color: #000000;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #999;
  white-space: nowrap;
}

.miniitem
{
  padding: 2px 5px;
  vertical-align: top;
  background-color:#eee;  
  color: #000000;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #999;
}

.data
{
  padding: 5px 5px;
  vertical-align: top;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #999;
}

.minidata
{
  padding: 2px 1px;
  vertical-align: top;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #999;
}

.navi
{
  padding: 4px 4px;
  text-align: right;
  border-collapse: collapse;
  font-size: 80%;
}

.control
{
  padding: 2px;
  text-align: right;
  font-size: 80%;
}

.text
{
  font-size: 95%;
  line-height: 1.5em;
  margin: 0 5px;
}

.minitext
{
  font-size: 80%;
  line-height: 1.2em;
}

.miniview
{
  font-size: 80%;
  line-height: 1.4em;
}

.complete
{
  color: #999999;
  border: 1px dotted #FF6600;
  line-height: 1.5em;
}

.announce
{
  font-size: 80%;
  color: #000000;
  background-color: #eee;
  line-height: 1.5em;
  border: 1px solid #d8dfd8;
  margin: 0.5em;
  padding: 0.5em;
}

.msg
{
  color: #006600;
  border-color: #99CC66;
  border-width: 2px;
  border-style: dashed;
  margin: 0.3em 0.5em 0.3em 0.5em;
  padding: 0.3em 0.5em 0.3em 0.5em;
}

.guide
{
  color: #000000;
  font-size: 70%;
  line-height: 1.5em;
}

.iconline
{
  margin: 0 3px;
  padding: 0px 0px 0px 0px;
  font-size: x-small;
  color: #ffffff;
  background-color: #00CC00;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.memberline
{
  vertical-align: top;
  margin: 0 3px;
  padding: 0;
  border-color: #999 #999 #999 #999;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}

.circleline
{
  vertical-align:top;
  margin:0px 3px;
  padding: 0px 0px 0px 0px;
  font-size: 100%;
  border-color: #999;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.catitem
{
  font-size: 85%;
  padding: 0px;
  margin: 0px;
}

.bar_title
{
  font-size: 100%;
  color: #000000;
  font-weight: bold;
  margin: 3px 0px 15px 5px;  
}

.lr
{
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #EEEBD7;
  border-style: none;
  border-collapse: collapse;
  border-width: 0px;
}

.module
{
  text-align: right;
  color: #666699;
  font-size: 75%;
  font-family: Arial;
  display: none;
}

table.ca
{
  margin: 0.1em;
  border-collapse: collapse;
  border: 1px solid #666666;
}

td.cc
{
  font-size: 80%;
  border: 1px solid #666666;
  color: #333333;
  width: 100px;
}

td.dd
{
  font-size: 80%;
  border: 1px solid #666666;
  color: #333333;
  background-color: #33cc66;
}

td.ee
{
  color: #333333;
  background-color: #99bb99;
}

td.pp
{
  vertical-align: top;
  font-size: 80%;
  border: 1px solid #666666;
  color: #333333;
  width: 100px;
  height: 70px;
  background-color: #eeeeee;
}

.day
{
  color: #000000;
  font-weight: bold;
}

.sunday
{
  color: #ff0000;
  font-weight: bold;
}

.satday
{
  color: #0000ff;
  font-weight: bold;
}

/*
*ADDED START 2008/04/09 === holiday
*/
.holiday
{
  color: #ff0000;
  font-weight: bold;
}
/*
*ADDED END 2008/04/09
*/

table.layout
{
  vertical-align: top;
  border-collapse: collapse;
  border: none;
  margin: 0px;
  padding: 0px;
}

td.layout
{
  vertical-align: top;
  border-collapse: collapse;
  border: none;
  margin: 0px;
  padding: 5px;
}

td.pp2
{
  vertical-align: top;
  font-size: 80%;
  border: 1px solid #999;
  color: #333333;
  width: 100px;
  height: 30px;
  background-color: #eeeeee;
}

td.today
{
  vertical-align: top;
  font-size: 80%;
  border: 1px solid #999;
  color: #333333;
  width: 100px;
  height: 30px;
  background-color: #ccc;
}

.center
{
  text-align: center;
}

.box
{
  text-align: left;
  margin: 3px;
  padding: 0px;
}

.outerbox
{
  border: 2px solid #ccc;
  margin: 5px auto;
}

.recognized
{ 
  background-color: #cfc;
  vertical-align: top;
  margin: 0 3px;
  padding: 0;
  font-size: 100%;
  border-color: #333333 #333333 #333333 #333333;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.reporter
{ 
  background-color: #cfc;
 }

.float-left
{
  float: left;
}

.float-right
{
  float: right;
}

.clear
{
  clear: both;
}

.accent
{
  color: #999999;
}

/*
*ADDED START 2008/03/11
*/
.miniview-beta
{
  font-size: 80%;
  line-height: 1.4em;
	word-break:break-all;
	overflow:auto;
}
.tblfix 
{
	table-layout:fixed;
	border-collapse: collapse;
}
.miniview-little
{
	font-size: 70%;
  line-height: 1.4em;
	word-wrap: break-word; 
	word-break: break-all;
}
/*
*ADDED END 2008/03/11
*/

