﻿@charset "UTF-8";

/**********************************************/
/*  RUI common style                          */
/*  2009/06/26                                  */
/**********************************************/

/*-- basic elements ------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: auto;
}

body {
	color: #000000;
	background-color: #FEFEFE;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

a:link,
a:visited {
	color: #1D2F72;
	text-decoration: none;
}
a:hover {
	color: #004eee;
	text-decoration: none;
}
a:active {
	color: #10205a;
	text-decoration: none;
}

hr {
	display: none;
}
legend {
	display: none;
}
fieldset {
	border: none;
}
img {
	vertical-align: middle;
	border: none;
}
select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	line-height: auto;
}
select option {
	padding: 0 1ex;
}
input {
	vertical-align: middle;
	margin: 0;
	padding: 1px 2px 1px 2px;
	font-size: 90%;
	font-weight: normal;
	line-height: auto;
}
textarea {
	vertical-align: middle;
}

/*-- common style --*/
.Supplement {
	display: none;
}

.Wrapper {
	background: transparent;
	zoom: 1;
}
.Wrapper:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

.TextReadOnly {
        color: #000000;
        background: #E7E7E7;
}

/*--.Buttons--*/
input.ButtonEnable {
	width: auto;
	padding: 3px 6px;
	margin: 2px 0;
	border: 1px solid #747474;
	background: #efefef url("/portalMedia/command_bg_nu.gif") center center repeat;
}
input.ButtonEnable:hover {
	border: 1px solid #747474;
	background: #fff895 url("/portalMedia/command_bg_fc.gif") center center repeat;
}
input.ButtonEnable:active {
	border: 1px solid #6c6d70;
	background: #e3dc7f url("/portalMedia/command_bg_su.gif") center center repeat;
}
input.ButtonDisable {
	width: auto;
	padding: 3px 6px;
	margin: 2px 0;
	border: 1px solid #D2D2D2;
	background: #E7E7E7;
	color: #C7C7C7;
}

a.Button {
	display: block;
	float: left;
	padding: 3px;
	margin: 2px 4px 2px 0;
	line-height: 1.2em !important;
	white-space: nowrap;
	text-decoration: none !important;
	border: 1px solid #747474;
	background: #efefef url("/portalMedia/command_bg_nu.gif") center center repeat;
}
a.Button:link ,
a.Button:visited {
	border: 1px solid #747474;
	background: #efefef url("/portalMedia/command_bg_nu.gif") center center repeat;
	text-decoration: none;
}
a.Button:hover {
	border: 1px solid #747474;
	background: #fff895 url("/portalMedia/command_bg_fc.gif") center center repeat;
	text-decoration: none;
}
a.Button:active ,
a.Button:focus {
	border: 1px solid #6c6d70;
	background: #e3dc7f url("/portalMedia/command_bg_su.gif") center center repeat;
	text-decoration: none;
}

button.ButtonEnable {
	width: auto;
	padding: 2px 4px;
	margin: 2px 0;
	border: 1px solid #747474;
	background: #efefef url("/portalMedia/command_bg_nu.gif") center center repeat;
	color: #353535;
}
button.ButtonDisable {
	width: auto;
	padding: 2px 4px;
	margin: 2px 0;
	border: 1px solid #D2D2D2;
	background: #E7E7E7;
	color: #C7C7C7;
}
button img {
	margin: 0;
	vertical-align: middle;
	border: none;
}
button span {
	vertical-align: middle;
	line-height: 17px;
}


/*-- basic layout ------------------------------*/

/*--#container--*/
#container {
	margin: 0 auto;
	width: 100%;
	min-width: 760px;
	text-align: left;
}

/*--#ruiCommons--*/
#ruiCommons {
	clear: both;
	color: #FFFFFF;
	background: #000916  url("/portalMedia/ruicommons_bg.png") left bottom repeat-y;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	line-height: 20px;
	zoom: 1;
}
#ruiCommons:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

/*-- #applications --*/
#applications {
	position: relative;
	zoom: 1;
}
#applications:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}


/*-- field style ------------------------------*/

/*--#commonBranding--*/
#commonBranding {
	float: left;
	padding: 0 6px;
}
#commonBranding * {
}
#commonBranding a {
}
#commonBranding a:link ,
#commonBranding a:visited {
	text-decoration: none;
}
#commonBranding a:hover ,
#commonBranding a:active ,
#commonBranding a:focus {
	text-decoration: none;
}
#commonBranding #deviceLogo {
	display: inline;
}
#commonBranding #deviceLogo img {
	margin: 2px 4px 4px 0;
}
#commonBranding #deviceLogo > img {
	margin: 0px 4px 0 0;
}
#commonBranding #deviceLogo span{
	font-weight: bold;
}
#commonBranding #deviceType {
	margin: 0px 0px 0px 32px ;
	display: inline;
	padding: 0 6px;
	color: #dfdfdf;
}
#commonBranding #deviceType span{
	font-weight: bold;
}

#commonBranding #deviceLogo a:link ,
#commonBranding #deviceLogo a:visited {
	color: #ffffff;
	text-decoration: none;
}
#commonBranding #deviceLogo a:hover,
#commonBranding #deviceLogo a:active,
#commonBranding #deviceLogo a:focus {
	color: #5ef7e8;
	text-decoration: none;
}

/*--#commonTools--*/
#commonTools {
	float: right;
	text-align: right;
}
#commonTools * {
	font-weight: bold;
	line-height: 1.4em;
}
#commonTools fieldset{
	float: left;
	margin: 0 5px;
	color: #d2d2d2;
	white-space: nowrap;
}
#commonTools p {
	display: inline;
}
#loginUserData .Supplement {
	display: inline;
}
#commonTools p span ,
#commonTools p a {
	white-space: nowrap;
}
#commonTools a:link ,
#commonTools a:visited {
	color: #b0f7f0;
	text-decoration: none;
	border-bottom: 1px dotted ;
}
#commonTools a:hover {
	color:#5ef7e8 ;
	text-decoration: none;
	border-bottom: 1px solid #5ef7e8;
}
#commonTools a:active ,
#commonTools a:focus {
	color:#4c9de9 ;
	text-decoration: none;
	border-bottom: 1px solid #4c9de9;
}

/*-- #applicationBranding --*/
#applicationBranding {
	background: #ffffff url("/portalMedia/por_brandingapp_bg.png") left bottom repeat-y;
	clear:both;
	zoom: 1;
}
#applicationBranding:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}
#applicationLogo {
	display: block;
	float: left;
	width: auto;
	height: 32px;
	line-height: 32px;
	padding: 2px 0 4px 10px;
}
#applicationLogo img {
	display: inline;
	margin-right: 8px;
	vertical-align: -10px;
}
#applicationLogo .BrandingName {
	display: inline;
	line-height: 100%;
	font-size: 120%;
	font-weight: bold;
}

#appTools {
	float: right;
	display: block;
	white-space: nowrap;
	text-align: right;
	line-height: 32px;
	padding: 0 6px;
}
#appTools fieldset{
	display: inline;
	margin: 2px 6px;
	vertical-align: middle;
	line-height: 32px;
}
#appTools span {

	line-height: 32px;
}
#appTools a {
	margin: 0 5px 0 2px;
	line-height: 14px;
}
#appTools a:link ,
#appTools a:visited {
	color: #1d2f72;
	text-decoration: none;
	border-bottom: 1px dotted #1d2f72;
}
#appTools a:hover {
	color: #004eee;
	text-decoration: none;
	border-bottom: 1px solid #004eee;
}

#appTools a:active ,
#appTools a:focus {
	color: #132566;
	text-decoration: none;
	border-bottom: 1px solid #132566;
}

#appTools select {
	line-height: 14px;
	margin: 6px 0;
}
#appTools a.ImgButton {
	margin: 0 0px;
	line-height: 14px;
	border: none !important;
}


/*-- #applicationContents --*/
#applicationContents {
	position: relative;
	background: #ffffff url("/portalMedia/contents_bg_l.png") left top repeat-y;
	zoom: 1;
}
#applicationContents:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

/* for IE6 */
#contentsWrapper {
	width: auto;
	padding: 0 0 0 250px;
	zoom: 1;
	background: #FEFEFE;
}

#contents {
	padding: 10px 15px;
}
#navigationWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	padding: 0;
	zoom: 1;
}
/* for no IE6 overwrite */
* > #contentsWrapper {
	width: 100%;
	padding: 0;
	float: right;
	margin: 0 0 0 -250px;
	zoom: 1;
	background: #FEFEFE;
}
* > #contents {
	margin: 0 0 0 250px;
	padding: 10px 15px;
}
* > #navigationWrapper {
	position: static;
	top: auto;
	left: auto;
	float: right;
	width: 250px;
	padding: 0;
	zoom: 1;
}


/*--#navigation --*/
#navigation {
	width: 247px;
}

#navigation h2 {
	display: none;
}
#navigation h3 {
	display: none;
}

#navigation * { 

}
#navigation ul { 
}
#navigation ul ul { 
}
#navigation ul li {
	list-style: none;
	border-bottom: 1px solid #DDDDDD;
	display: block;
}
#navigation ul li ul li {
	border-bottom: 1px solid #E6E6E8;
	margin: 0 0 0 20px;
}
#navigation ul li span.GroupTitle {
	display: block;
	padding: 5px 4px 4px 8px;
	background: transparent url("") left center no-repeat;
}
#navigation ul li a {
	display: block;
	padding: 4px 4px 4px 24px;
}
#navigation ul li a:link ,
#navigation ul li a:visited {
	color: #1d2f72;
	background: transparent url("/portalMedia/navigation_bg_nu.gif") left center repeat-y;
}
#navigation ul li a:hover {
	color: #0626ac;
	background: #fff895 url("/portalMedia/navigation_bg_fc.png") left center repeat-y;
}
#navigation ul li a:active ,
#navigation ul li a:focus {
	color: #132566;
	background: #e3dc7f url("/portalMedia/navigation_bg_su.png") left center repeat-y;
}
}
#navigation ul li .Name {
}
#navigation ul.Sub {
}
#navigation ul.Sub li {
}
#navigation li.Selected {
}
#navigation ul li.Selected a {
	color: #efeff0;
}
#navigation ul li.Selected a:link ,
#navigation ul li.Selected a:visited {
	background: #efefef url("/portalMedia/navigation_bg_selected.png") left center repeat-y;
	color: #0b0d53;
}
#navigation ul li.Selected a:hover {
	background: #fff895 url("/portalMedia/navigation_bg_fc.png") left center repeat-y;
	color: #0626ac;
}
#navigation ul li.Selected a:active ,
#navigation ul li.Selected a:focus {
	background: #e3dc7f url("/portalMedia/navigation_bg_su.png") left center repeat-y;
	color: #132566;
}
#navigation li.Standby {
}

#navigation fieldset {
	text-align: center;
	border: 1px solid #DDDDDD;
	border-width: 0px 0px 1px 0px;
}
#navigation fieldset input {
	margin: 10px auto;
	line-height: 1.4em;
}

/*-- #applicationInfo --*/
#applicationInfo {
	clear: both;
	text-align: right;
	border-top: solid 1px #000000;
	margin: 0 0 6px 0;
}
span.TechInfo {
	float: left;
}
address.SiteInforLegal {
	padding: 0 8px;
	font-size: 12px;
	float: right;
	line-height: 20px;
	font-style: normal;
}


/*--.GotoTop--*/
.GotoTop {
	margin: 1ex 0;
	padding: 2px 0;
	border-top: 1px solid #D6D6D6;
}


/*--navTopicPath--*/
#navTopicPath {
	margin: 0 0 8px 0;
	padding: 1px 0 0 0;
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	font-size: small;
	color: #666666;
	zoom: 1;
}
#navTopicPath:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

#navTopicPath h4 {
	display: none;
}
#navTopicPath a {
	text-decoration: none;
	font-size: small;
}
#navTopicPath a:link ,
#navTopicPath a:visited {
	color: #666666;
	border-bottom: 1px dotted #CCCCCC;
}
#navTopicPath a:hover {
	color: #004eee;
	text-decoration: underline;
}
#navTopicPath a:active,
#navTopicPath a:focus {
	color: #132566;
	text-decoration: underline;
}
#navTopicPath span {
	text-decoration: none;
	font-size: small;
	color: #666666;
}

/*--#contentHeading--*/
#contentHeading {
	background: #61686f url("/portalMedia/contentheading_bg.png") repeat-y;
	padding: 1px;
	border: 1px solid #6b6f76;
	zoom: 1;
}
#contentHeading:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

#contentHeading h2.PageName {
	font-size: 100%;
	font-weight: bold;
	float: left;
	margin: 2px;
	padding: 1px;
	color: #ffffff;
}
#contentHeading h2.PageName img {
	margin: 0 4px;
}

/*--#contentHeadingTools--*/
#contentHeadingTools {
	float: right;
	width: auto;
	margin: auto;
}
#tmpReload {
	float: left;
	margin: 0 0 0 8px;
	padding: 0px;
	width: 22px;
	line-height: 22px;
}
#tmpUpdate {
	float: left;
	color: #ffffff;
	font-size: 90%;
	white-space: nowrap;
	line-height:22px;
}


/*--#contentInformation--*/
#contentInformation {
	margin: 0;
	padding: 12px 4px 0px 12px;
	background: #dee4e6;
	border: 1px solid #6b6f76;
	border-width: 0 1px;
	font-size: 90%;
	zoom: 1;
}
#contentInformation:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

/*--.ContentOperation--*/
.ContentOperation {
}
.ContentOperation fieldset {
	margin: 0;
	padding: 6px;
	border: 1px solid #6b6f76;
	border-top: none;
	text-align: right;
	background: #dee4e6;
}
.ContentOperation legend {
	display: none;
}

/*--#availableMemory--*/
#availableMemory {
	display: block;
	text-align: right;
	margin: 8px 0;
}
#availableMemory span.Property {
	font-weight: bold;
}
#availableMemory span.Value {
	font-weight: bold;
}
#availableMemory img {
	margin: 0;
}


/*-- ContentModule --*/
.ContentModule {
	margin: 1em 0;
}

/*--.ModuleHeading--*/
.ModuleHeading { 
	display: block;
  background: #d2d2d2 url("/portalMedia/moduleheading_bg.gif") repeat-y;
	padding: 2px 1px 2px 6px;
	height: auto;
	border: 1px solid #6b6f76;
	zoom: 1;
}
.ModuleHeading:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}
.ModuleHeading h4 {
	font-size: 100%;
	font-weight: bold;
  color: #343a49;
}

.ModuleHeadingSub { 
	display: block;
	margin: 0;
	background: #CCCCCC url("") repeat-x ;
	padding: 2px 4px;
	zoom: 1;
}
.ModuleHeadingSub:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}
.ModuleHeadingSub h4 {
	font-size: 100%;
	font-weight: bold;
	color: #3E4555;
}


/*--.ModuleElement--*/
.ModuleElement {
	zoom: 1;
}
.ModuleElement:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

.ModuleElement h5 {
 margin: 7px 0 5px 0;
 padding: 0 0px 0px 3px;
 font-size: 100%;
 color: #0e3854;
 background: #FEFEFE;
 border-left: 4px solid #0e3854;
 border-bottom: 1px solid #0e3854;
 font-weight: bold;
 height: auto;
}

.ModuleElement table {
	margin: 0;
	width: 100%;
}
.ModuleElement table th ,
.ModuleElement table td {
}
.ModuleElement table thead tr {
	background: #DDDDDD;
	color: #000000;
}
.ModuleElement table thead th {
	white-space: nowrap;
/* font-weight: bold; */
	padding: 2px 7px;
}
.ModuleElement table tbody th {
	padding: 4px 7px;
	white-space: nowrap;
	text-align: left;
	color: #000000;
}
.ModuleElement table tbody td {
	padding: 2px 7px;
}
.ModuleElement table td input.Button {
	margin-right: 1px;
	padding: 1px;
}

.ModuleElement input {
	margin-right: -1px;
}
.ModuleElement a {
}
.ModuleElement a:link ,
.ModuleElement a:visited {
	color: #1d2f72;
	text-decoration: none;
	border-bottom: 1px dotted #1d2f72;
}

.ModuleElement a:hover {
	color: #004eee;
	text-decoration: none;
	border-bottom: 1px solid #004eee;
}
.ModuleElement a:active ,
.ModuleElement a:focus {
	color: #132566;
	text-decoration: none;
	border-bottom: 1px solid #004eee;
}
.ModuleElement a.Button:link ,
.ModuleElement a.Button:visited {
	border: 1px solid #747474;
	color: #353535;
}
.ModuleElement a.Button:hover {
	border: 1px solid #747474;
	color: #0626ac;
}
.ModuleElement a.Button:active ,
.ModuleElement a.Button:focus {
	border: 1px solid #6c6d70;
	color: #132566;
}


/*-- ContentModule .PropertyListComponent --*/
.ContentModule .ModuleElement table.PropertyListComponent {
	margin: 0 auto;
	width: 100%;
	border: none;
	line-height: 20px;
}
.ContentModule .ModuleElement table.PropertyListComponent thead {
	display: none;
	border: none;
}
.ContentModule .ModuleElement table.PropertyListComponent tbody {
	border: none;
}
.ContentModule .ModuleElement table.PropertyListComponent th {
	width: 35%;
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding: 2px 7px;
	border-bottom: 1px solid #ffffff;
	border-width: 0 0 1px 0;
}
.ContentModule .ModuleElement table.PropertyListComponent td {
	text-align: left;
	vertical-align: top;
	color: #000000;
	padding: 2px 7px;
	border-bottom: 1px solid #ffffff;
	border-width: 0 0 1px 0;
}

/*-- ContentModule .ItemListComponent --*/
.ContentModule .ModuleElement .ItemListComponent table thead th {
	padding: 3px 7px 2px 7px;
	text-align: left;
	white-space: nowrap;
	background: #e5e5e5;
	color: #000000;
	border-left: 1px solid #FEFEFE;
	border-bottom: 1px solid #cccdd3;
}
.ContentModule .ModuleElement .ItemListComponent table tbody th ,
.ContentModule .ModuleElement .ItemListComponent table tbody td {
	text-align: left;
	color: #000000;
	padding: 2px 7px;
	border-bottom: 1px solid #eeeeee;
	border-width: 0 0 1px 0;
	line-height: 20px;
}
.ContentModule .ModuleElement .ItemListComponent table tbody td a {
	display: block;
	float: left;
	line-height: 28px;
	padding-right: 5px;
}

/*--table tr OddColumn / EvenColumn --*/
tr.OddColumn th ,
tr.OddColumn td {
	border-bottom:solid 1px #E8E8E8;
}
tr.EvenColumn th ,
tr.EvenColumn td {
	background:#F5F6F8;
	border-bottom:solid 1px #E8E8E8;
}

tr.OddColumn td.NewInput {
	background-color: #EEEEEE;
	border-right: 1px solid #FFFFFF; 
}

tr.EvenColumn td.NewInput {
	background-color: #E4E8EE;
	border-right: 1px solid #FFFFFF; 
}

/* col */
colgroup{
	border: 0px;
}

col.SelectColumn{
	width: 3em;
	white-space: nowrap;
}
col.TypeColumn{
	width: 3em;
	white-space: nowrap;
}


.ContentModule .ModuleElement .ItemListComponent table thead.SortOperation tr th {
	padding: 0px 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #DDDDDD;
	border-bottom: 1px solid #CCCDD3;
	border-right: 2px solid #FEFEFE;
}

.ItemListComponent table thead.SortOperation tr th p {
	display: block;
	padding: 3px 3px 3px 3px;
	height: 1.1em;
	line-height: 1.1em;
}
.ItemListComponent table thead.SortOperation tr th a {
	display: block;
	padding: 3px 20px 3px 3px;
	height: 1.1em;
	line-height: 1.1em;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	background-color: #DDDDDD;
	background-position: right;
	background-repeat: no-repeat;
	white-space: nowrap;
}
.ItemListComponent table thead.SortOperation tr th a:link,
.ItemListComponent table thead.SortOperation tr a:visited {
	color: #1D2F72;
	text-decoration: none;
	border: #DDDDDD 1px solid;
}
.ItemListComponent table thead.SortOperation tr th a:hover {
	color: #0033CC;
	text-decoration: none;
	background-color: #F0F0F0;
	border: #0099CC 1px solid;
}

.ItemListComponent table thead.SortOperation tr th.Sort_up a {
	background-image: url("/portalMedia/list_sort_up.gif");
}

.ItemListComponent table thead.SortOperation tr th.Sort_down a {
	background-image: url("/portalMedia/list_sort_down.gif");
}


.ItemOperation a {
	font-size: 90%;
}
.ItemOperation button {
	font-size: 90%;
}


/*---.ContentModuleEditable--*/
.ContentModuleEditable {
	margin: 1ex 0;
	background: #ececec;
	zoom: 1;
}

.ContentModuleEditable table {
	margin: 0 auto;
	width: 100%;
	border: none;
	border-top: 1px solid #FFFFFF;
}
.ContentModuleEditable .ModuleElement table {}
.ContentModuleEditable .ModuleElement table th ,
.ContentModuleEditable .ModuleElement table td {
	border-width: 1px 0;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent {}
.ContentModuleEditable .ModuleElement table.PropertyListComponent thead {
	display: none;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody {/* FireFox *//* IE is [rules="groups"] propaty */
	border: 1px solid #FFFFFF;
	border-width: 1px 0;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody th {
	width: 35%;
	text-align: left;
	vertical-align: top;
	padding: 4px 4px 4px 1ex;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody th label {
	color: #000000;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody td {
	color: #000000;
	vertical-align: top;
	padding: 4px;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody td select {
	margin: 0px 0;
}

/*-- ContentModule .OrderListComponent --*/
.ContentModuleEditable .ModuleElement .OrderListComponent table {
	margin: 5px 0 0 0;
	width: 100%;
	border: 1px solid #D1D1D1;
}

.ContentModuleEditable .ModuleElement .OrderListComponent table thead th {
	padding: 2px 4px;
	text-align: left;
	white-space: nowrap;
	background: #DDDDDD;
	border: 1px solid #D1D1D1;
}
.ContentModuleEditable .ModuleElement .OrderListComponent table tbody th ,
.ContentModuleEditable .ModuleElement .OrderListComponent table tbody td {
	text-align: left;
	color: #000000;
	padding: 2px 4px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-width: 0 0 1px 0;
	vertical-align: middle;
}


/* sub items */
tr.sub th ,
tr.Sub th {
	padding-left: 4ex !important;
}

tr.Sub1 th {
	padding-left: 4.5ex !important;
}
tr.Sub2 th {
	padding-left: 8ex !important;
}
tr.Sub3 th {
	padding-left: 12ex !important;
}
tr.Sub4 th {
	padding-left: 16ex !important;
}
tr.Sub5 th {
	padding-left: 20ex !important;
}
tr.Sub6 th {
	padding-left: 24ex !important;
}
tr.Sub7 th {
	padding-left: 28ex !important;
}

span.subsub ,
span.Subsub {
	display: block;
	padding: 0 0 1ex 8ex;
}

span.memo {
	display: block;
	margin-top: 3px;
	font-size: 90%;
	color: #4F5666;
}


/*-- EditableItems dl dt dd sub style --*/
.EditableItems {
	zoom: 1;
}
.EditableItems:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}

.EditableItems dl {
	padding: 4px 0;
}
.EditableItems dl dt {
	display: inline;
	padding: 4px 4px 4px 1ex;
}
.EditableItems dl dt label {
}
.EditableItems dl dt input {
}
.EditableItems dl dd {
	display: inline;
	padding: 4px 4px 4px 1em;
}

.EditableItems dl.Main {
	border-bottom: solid 1px #FFFFFF;
}

.EditableItems dl.Sub1 {
	border-bottom: solid 1px #FFFFFF;
}
.EditableItems dl.Sub1 dt {
	padding: 4px 4px 4px 3ex;
}
.EditableItems dl.Sub2 dt {
	padding: 4px 4px 4px 5ex;
}
.EditableItems dl.Sub3 dt {
	padding: 4px 4px 4px 7ex;
}
.EditableItems dl.Sub4 dt {
	padding: 4px 4px 4px 9ex;
}
.EditableItems dl.Sub5 dt {
	padding: 4px 4px 4px 11ex;
}
.EditableItems dl.Sub6 dt {
	padding: 4px 4px 4px 13ex;
}
.EditableItems dl.Sub7 dt {
	padding: 4px 4px 4px 15ex;
}


.PropertyDefinitionSub {
	border-bottom: solid 1px #FFFFFF;
	padding: 4px 4px 4px 3ex;
}
.PropertyDefinitionSub label {
}
.NoBorderBottom {
	border: 0;
}


/*-- ContentModuleListUp --*/
.ContentModuleListUp {
	margin: 1em 0;
}
.ContentModuleListUp .ListUpModuleElement {

}
.ContentModuleListUp .ListUpModuleElement td {
	vertical-align: top;
}

.ListUpModuleElement ul {
	list-style: none;
	margin: 0 0 1ex 4ex;
	line-height: 1.5em;

}
.ListUpModuleElement ul li {
	padding: 2px;
}

.ListUpModuleElement ul li a:link ,
.ListUpModuleElement ul li a:visited {
	color: #1d2f72;
	text-decoration: none;
	border-bottom: 1px dotted #1d2f72;
}

.ListUpModuleElement ul li a:hover {
	color: #004eee;
	text-decoration: none;
	border-bottom: 1px solid #004eee;
}

.ListUpModuleElement ul li a:active ,
.ListUpModuleElement ul li a:focus {
	color: #132566;
	text-decoration: none;
	border-bottom: 1px solid #132566;
}


/*---.ElementOperation--*/
.ElementOperation {
	padding-bottom: 2px;
	zoom: 1;
}
.ElementOperation:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}
.ElementOperation fieldset {
	display: inline;
	margin-right: 12px;
}
.ElementOperation fieldset.FilterOperation {
	clear: both;
	display: block;
	width: auto;
	background: #EBEBEB;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 4px;
	text-align: right;
	zoom: 1;
}
.ElementOperation fieldset.GotoSubSettings {
	display: block;
	margin: 2px;
	text-align: right;
}

.ElementOperation input {
	margin: 1px 0 4px 0;
}


/*****= Paging Navigation  =*****/
.PageOperation {
	display: block;
	float: right;
	text-align: right;
	vertical-align: bottom;
	margin: 0px 0;
	zoom: 1;
}

.PagingNavigation {
	float: right;
	padding: 2px 0;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	color: #666666;
	zoom: 1;
}
* > .PagingNavigation {
	width: auto;
}
.PagingNavigation span.OneGroup {
	margin: 0 0 0 12px;
	white-space: nowrap;
	zoom: 1;
}

.PagingNavigation span.OneGroup a {
	padding: 0 1px;
	zoom: 1;
}
.PagingNavigation span.OneGroup a:link,
.PagingNavigation span.OneGroup a:visited {
	text-decoration: underline;
	border: none;
}
.PagingNavigation span.OneGroup a:hover ,
.PagingNavigation span.OneGroup a:active {
	text-decoration: underline;
	border: none;
	background-color: #F9F9FF;
}

.PagingNavigation span.OneGroup span.Now {
	padding: 0 2px;
	border: 1px solid #ECEBE4;
	color: #584B46;
	font-weight: bold;
	zoom: 1;
}


/*---.ElementOperation_Footer--*/
.ElementOperation_Footer {
	padding-top: 2px;
	border-top: 1px solid #D6D6D6;
	zoom: 1;
}
.ElementOperation_Footer:after {/* firefox */
	content: "";
	display: block;
	clear: both;
}
.ElementOperation_Footer fieldset {
	display: inline;
	margin: 0 12px 0 0;
}

/*--.GotoListTop--*/
.GotoListTop {
	float: left;
	margin: 0;
	padding: 0;
}


/*--.GotoTop--*/
.GotoTop {
	margin: 1ex 0;
	padding: 2px 0;
	border-top: 1px solid #D6D6D6;
}


/*=================== Attention[NG] ===================*/
.Attention {
	color: #FF0000;
	padding: 1px 4px;
	background-color: #FFEEBB;
}


/*=================== Num[align right] ===================*/
.NumDataColumn {
	text-align: right !important;
}


/*=================== Note ===================*/
.Note {
	color: #676787;
	font-size: 90%;
	vertical-align: middle;
	line-height: 1.5em;
	padding-right: 1ex;
	padding-left: 1ex;
}


/*=================== Many_items_column ===================*/
td.One_item {
	display: block;
	width: auto;
	padding: 2px 0;
}

td.One_item > input {
	margin-right: 2px;
}

td.Many_items_column .One_item {
	display: inline;
	padding-right: 20px;
	white-space: nowrap;
	width: auto;
}
td.Many_items_column_matrix .One_item {
	display: block;
	float: left;
	padding-right: 20px;
	white-space: nowrap;
	width: 32ex;
}


/*=================== Step ===================*/
#contentHeading .Steps {
	padding: 2px 0;
}
#contentHeading .Steps p {
	color: #DDDDDA;
	font-weight: bold;
	font-size: 90%;
	display: inline;
	margin: 0 5px 0 4px;
}
#contentHeading .Steps img {
	margin: 0 5px 0 0;
}
#contentHeading .Steps h2 {
	margin: 1px 0 0 2px;
}


/*=================== Sizes ===================*/
.Size_full_box{
	width: 99%;
	height: 5em !important;
}

.Size_full{
	width: 99%;
}
.Size_longest{
	width: 600px;
}

.Size_long{
	width: 480px;
}

.Size_middle{
	width: 365px;
}

.Size_short{
	width: 250px;
}

.Size_shortest{
	width: 160px;
}

.Size_figure{
	width: 6ex;
}


/*-- MsgModule --*/
.MsgModule {
	margin: 4ex 10%;
	padding: 2px;
	border: 1px solid #000000;
}
.MsgModule .Normal {
	padding: 16px;
	background: #CDECEC;
	border: 1px solid #7B7B7B;
	text-align: center;
}
.MsgModule .Warning {
	padding: 16px;
	background: #FFFFEE;
	border: 1px solid #7B7B37;
	text-align: center;
}
.MsgModule .Glitch {
	padding: 16px;
	background: #FFFFBB;
	border: 1px solid #7B7B37;
	text-align: center;
}
.MsgModule .Critical {
	padding: 16px;
	background: #FFEEEE;
	border: 1px solid #7B7B37;
	text-align: center;
}
.MsgModule div input {
	margin-top: 1ex;
	padding: 1px 1.5em;
}


/**** Message frame ****/
.MsgModule img {
	margin: 0 0 10px 0;
}


/*"Validates" is abbreviated as "vali".*/
/*============== Validation Error style =================*/
.MessageFrame_vali {
	margin: 10px 25px;
}
.MessageFrame_vali ul {
	background-color: #F8F0F0;
	border: 4px double #ED3131;
	color: #ED3131;
	padding: 5px 30px;
}
.MessageFrame_vali ul li {
	padding: 4px 0;
}
.Vali_part {
	font-size: 75%;
	font-style: italic;
	color: #FFFFFF;
	background-color: #ED3131;
	padding: 1px 4px 1px 2px;
	margin: 0 6px 0 3px;
	white-space: nowrap;
}


