body{
  background-color: #F4F3F3;
 font-family: MS UI Gothic;
}
 
hr{
    clear:both;
}
 
div.condition_bar{
 float: left;
 color: #8F2031;
 background-color: #FCBFB1;
}
 
div.elements {
    CLEAR: both;
    FONT-SIZE: 0.8em;
    MARGIN-LEFT: 2em;
    MARGIN-BOTTOM: 1.5em;
    HEIGHT: 1em;
}
 
div.action_element {
    FLOAT: left;
    PADDING: 5px;
    MARGIN: 5px;
    BORDER-LEFT: #C91131 4px solid;
    WORD-BREAK: keep-all;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #cccccc 1px solid;
    width: 12em;
    HEIGHT: 1em;
}
 
div.head_menu {
    FONT-SIZE: 0.8em;
    clear: both;
}
 
div.menu_element {
    float: right;
    width: 5em;
    padding: 3px;
    margin: 3px;
    border-right: 4px #eeeeee dashed;
    border-bottom: 4px #eeeeee dashed;
    TEXT-ALIGN: center;
}
 
div.scroll_body{
    padding: 1px;
 overflow: auto;
}
 
.info {
    font-size: 12px;
    margin: 5px;
    color: #0000cc;
}
.title {
 margin: 2px;
 padding-right: 1px;
 padding-left: 10px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 16px;
 font-weight: bold;
 color: #8B1E31;
}
div.sub_title {
    clear: both;
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px 0px 8px 8px;
    BORDER-LEFT: #8B1E31 1em solid;
    COLOR: #8B1E31;
    HEIGHT: 0.8em;
    vartical-align:middle;
}
A:link {
 color: #8B1E31;
}
A:visited {
 color: #0D0D0D;
}
A:hover {
 color: #FF0000;
}
a {
 text-decoration:none;
}
 
a.switch:link {
 color: #FF0000;
}
a.switch:visited {
 color: ##9933FF;
}
a.switch:hover {
 color: #EC8284;
}
a.switch {
 text-decoration: none;
}
 
div.contents_box {
	width: 14em;
	height: 12em;
	text-align: center;
	vertical-align: middle;
	background-image: url("../img/contents.png") !important;
	background-repeat:no-repeat;
}

table{
 border-width: 0px;
 border: 0px none;
 margin: 0px 8px;
 padding: 0px;
 border-collapse: collapse;
 font-size: 12px;
}
 
td{
 margin: 0px;
 padding: 2px 4px;
 border: 1px solid;
 border-color: #8B1E31;
 font-size: 12px;
}
 
td.head {
 margin: 0px;
 padding: 2px 4px;
 background-color: #FCBFB1;
 border: 1px solid;
 border-color: #8B1E31;
 color: #8B1E31;
 text-align: center;
 white-space: nowrap;
}
 
td.foot {
 margin: 0px;
 padding: 2px 4px;
 background-color: #FDDFD8;
 border: 1px solid;
 border-color: #8B1E31;
 font-size: 12px;
}
 
table.detail{
 border-width: 0px;
 border: 0px none;
 margin: 0px 8px;
 padding: 0px;
 border-collapse: collapse;
 font-size: 12px;
}
 
table.detail td{
 margin: 0px;
 padding-left: 4px;
 padding-right: 2px;
 padding-top: 0px;
 padding-bottom: 0px;
 border: 1px solid;
 border-color: #8B1E31;
 font-size: 12px;
}
 
table.detail td.head {
 margin: 0px;
 padding: 2px 4px;
 background-color: #FCBFB1;
 border: 1px solid;
 border-color: #8B1E31;
 color: #8B1E31;
 text-align: center;
 white-space: nowrap;
}
 
table.detail td.head2 {
 margin: 0px;
 padding-left: 2px;
 padding-right: 2px;
 background-color: #FCBFB1;
 border: 1px solid;
 border-color: #8B1E31;
 color: #8B1E31;
 text-align: center;
 white-space: nowrap;
}
 
table.detail td.head3 {
 margin: 0px;
 padding: 2px 4px;
 background-color: #000000;
 border: 1px solid;
 border-color: #8B1E31;
 color: #ffffff;
 text-align: center;
 white-space: nowrap;
}
 
table.detail td.head4 {
 margin: 0px;
 padding: 2px 4px;
 background-color: #222222;
 border: 1px solid;
 border-color: #8B1E31;
 color: #ffffff;
 text-align: center;
 white-space: nowrap;
}
 
table.detail td.foot {
 margin: 0px;
 padding-left: 4px;
 padding-right: 2px;
 background-color: #FDDFD8;
 border: 1px solid;
 border-color: #8B1E31;
 font-size: 12px;
}
 
table.detail td.foot {
 margin: 0px;
 padding-left: 4px;
 padding-right: 2px;
 background-color: #FDDFD8;
 border: 1px solid;
 border-color: #8B1E31;
 font-size: 12px;
}
 
td.foot2 {
 margin: 0px;
 padding: 2px 4px;
 background-color: Silver;
 border: 1px solid;
 border-color: #000000;
 font-size: 12px;
}
 
td.no_border{
 border: 0px;
 vertical-align: top;
 white-space: normal;
}
td.indi{
 color: #990033;
 border: 0px;
 vertical-align: top;
 
}
td.dummy {
 background-color: #dcdcdc;
}
.login {
 width: 120px;
 height: 20px;
}
.button {
 width: 100px;
 color: #8B1E31;
 background-color: #FDCFC6;
}
.mini_button {
 width: 60px;
 color: #8B1E31;
 background-color: #FDCFC6;
}
.super_mini_button {
 width: 40px;
 color: #8B1E31;
 background-color: #FDCFC6;
 font-size: 10px;
}
.disabled {
 color: #000000;
 background-color: #dcdcdc;
}
span.disable {
 color: #EC8284;
}
span.is_sending {
	color: #ffffff;
	background-color: #222222;
}
span.warning {
 color: #FF0000;
}
span.sat {
 background-color: #4387E9;
}
span.sun {
 background-color: #FF657A;
}
span.sat_b {
 color: #FF011D;
}
span.sun_b {
 color: #FF3366;
}
tr.data1 {
 background-color: #ffffff;
}
tr.data2 {
 background-color: #D0D0D0;
}
 
input.numeric {
    text-align: right;
}
 
.footer{
 text-align: right;
 color: #8B1E31;
 font-size: 9px;
}
.pager_left{
 margin: 1px;
 padding: 1px 1px;
 font-size: 12px;
 float:left;
}
.pager_right{
 margin: 1px;
 padding: 1px 1px;
 font-size: 12px;
 text-align:right;
}
 
span.command{
 float: left;
}

span.command_area{
	float: right;
}