body	{
	color: black;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica;
	text-align: center;
	background-image: url('img/cloud4.jpg');
	background-attachment: fixed;
	background-position: top, center;
	//background: none;
	}

input, textarea, select {
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica;
	font-size: 0.9em;
	//padding-left: 2px;
	//-webkit-border-radius: 5px;
	//-moz-border-radius: 5px;
	//border-radius: 5px;
	}

.nouserselect {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}
		
ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

table	{
	position: relative;
	//font-size: 0.9em;
	}
	
li	{
	display: inline;
	}

li a	{
	text-decoration: none;
	}

a	{
	color: black;
	}

a:hover	{color: #88aaff;}

th	{
	padding: 5px;
	background-color: #EAEAEA;
	position: relative;
	}

td {
	padding: 5px;
	position: relative;
	}
	
div {
	background: none;
	//background-color: white;
	}

img		{
	text-align: left;
	border: none;
	vertical-align: bottom;
	}

p	{
	font-size: 0.75em;
	text-align: left;
	margin: 20px;
	line-height: 1.5em;
	}

h1, h4	{
	margin: 10px 0px 0px;
	width: 100%;
	line-height: 80px;
	vertical-align: middle;
	text-align: left;
	text-indent: 30px;
	font-size: 2em;
	border-bottom: solid 1px #919191;
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-size: 128px;
	}

h1#h1wide	{
	width: 100%;
	}

h2	{
	margin: 0px;
	width: 100%;
	line-height: 40px;
	text-align: left;
	text-indent: 20px;
	font-size: 0.9em;
	background-color: #F2F2F2;
	border-bottom: solid 1px #919191;
	}
	
h2.second	{
	border-top: solid 1px #919191;
	}

span {
	position: relative;
	}
	
font.headersidefont {
	font-size: 0.3em;
	margin-left: 20px;
	}

font.countonmenu {
	font-size: 0.85em;
	}

span.radiospan, span.checkboxspan {
	cursor: default;
	}
	
input {
	autocomplete: off;
	}

input[type=button], table.inputform input[type=submit], table.inputform input[type=reset] {
	width: 80px; 
	height: 30px; 
	}

input[type=text]:disabled, input[type=password]:disabled {
	background-color: #EAEAEA;
	}

input[type=radio] {
	margin-right: 0px;
	}
	
input.alert, input.caution, input[type=text].alert:disabled {
	background-color: #FFFFA1;
	}

input.warning, input[type=text].warning:disabled {
	background-color: #FF8787;
	}

input.prohibited, input[type=text].prohibited:disabled {
	background-color: #FF4545;
	}

input[type=checkbox] + label, input[type=radio] + label {
	margin-left: 5px;
	}

input.phantom, textarea.phantom {
	color: #C4C4C4;
	}
	
input.phantomunderinput, textarea.phantomunderinput {
	color: black;
	}
	
div#notkey {
	background-color: gray;
	}

label.name {
	color: #515151;
	}
	
div#container	{
	//background-color: white;
	border: solid 1px #919191;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	}

div#header {
	border-bottom: solid 1px #919191;
	text-align: left;
	vertical-align: middle;
	height: 60px;
	}

div#left {
	float: left;
	width: 176px;
	//width: 178px;
	}

div#wrapper {
	float: left;
	}

div#topcontents {
	float: left;
	border-left: solid 1px #919191;
	min-height: 512px;
	}

div#contents {
	float: left;
	width: 590px;
	min-height: 512px;
	border-left: solid 1px #919191;
	border-right: solid 1px #919191;
	position: relative;
	}

div#contents_wide {
	float: left;
	min-height: 512px;
	border-left: solid 1px #919191;
	}

div#right {
	width: 178px;
	float: left;
	}

div#sidegadgetdiv {
	border-left: solid 1px #919191;
	width: 178px;
	float: right;
	}

div#footer {
	vertical-align: top;
	clear: left;
	font-size: 0.75em;
	text-align: left;
	height: 40px;
	background-color: gray;
	background-repeat: no-repeat;
	background-position: 10% 70%;
	}

div#normaldiv {
	border-bottom: solid 1px #919191;
	}
	
div#copyright	{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-size: 0.6em;
	}

div#controlpanel {
	position: relative;
	margin: 0px;
	text-align: left;
	border-bottom: solid 1px #919191;
	background-color: #FAFFFA;
	}

table#rangetable input[type=text] {
	font-size: 0.7em;
	height: 10px;
	width: 80px;
	margin: 0px;
	}

p#rangeswitch {
	margin: 0px 0px 5px 10px;
	padding-top: 5px;
	font-size: 0.7em;
	}

div#detailinfodiv {
	margin: 0px;
	}

div#detailinfodiv p {
	margin: 0px 0px 5px 10px;
	padding-top: 5px;
	font-size: 0.7em;
	cursor: pointer;
	}

div#detailswitchdiv {
	border-bottom: solid 1px #919191;
	}

div#belowmessage {
	height: 100px;
	}
	
div#statusarea {
	//min-height: 28px;
	text-align: left;
	}
	
div#statusarea img {
	margin: 5px 0px 0px 5px;
	}
	
div#searchwindow {
	visibility: hidden;
	height: 350px;
	width: 760px;
	position: absolute;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 10px;
	}

div#searchwindow_left {
	float: left;
	width: 160px;
	}

div#searchwindow_right {
	height: 350px;
	width: 590px;
	overflow: auto;
	}

div#itemsection {
	}

div.shadowdiv {
	position: absolute;
	background-color: black;
	filter: alpha(opacity=10);
	-moz-opacity: 0.10;
	opacity: 0.10;
	}

.undershadow {
	background-color: #E1E1E1;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

table.generaltable {
	margin-top: 0px;
	width: 100%;
	border-collapse: collapse;
	}

table.generaltable th {	
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	font-size: 0.75em;
	font-weight: normal;
	padding: 4px;
	width: 120px;
	}
	
table.generaltable td {
	color: #515151;
	font-size: 0.75em;
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	text-align: left;
	padding: 4px;
	}

table.generaltable input[type=text], table.generaltable input[type=password] {
	margin-right: 10px; 
	width: 150px; 
	}

table.inputform, table#gridheadertable {
	margin-top: 0px;
	font-size: 0.7em;
	width: 100%;
	border-collapse: collapse;
	}

table.inputform th, table#gridheadertable th {	
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	font-weight: normal;
	padding: 4px;
	width: 120px;
	}
	
table.inputform td, table#gridheadertable td {
	color: #515151;
	border-bottom: solid 1px #919191;
	text-align: left;
	padding: 4px;
	}

table.inputform label, table#gridheadertable label {
	margin-left: 5px; 
	}

th.photo {
	//height: 60px;
	}
	
td.photo img {
	}
	
input[type=text].code, input[type=password] {
	width: 120px; 
	}

input[type=text].date, input[type=text].number, input[type=text].money, input[type=text].amount, input[type=text].id, input[type=text].quantity  {
	width: 100px; 
	}

input[type=text].name, input[type=text].kananame, input[type=text].romanname {
	width: 400px; 
	}

input[type=text].zipcode {
	width: 70px; 
	}

input[type=text].address {
	width: 400px; 
	}

input[type=text].string50 {
	width: 400px; 
	}

input[type=text].telno, input[type=text].faxno {
	width: 100px; 
	}

input[type=text].type, input[type=text].flag, input[type=text].day, input[type=text].integer, input[type=text].rate {
	width: 50px; 
	}

div.exceptrecalculationdiv {
	position: absolute;
	margin-top: 4px;
	background: none;
	right: 6%;
	}
	
div.exceptrecalculationdiv input {
	margin: 0px;
	padding: 0px;
	}
	
table.inputform th[key='key'], table.inputform td[key='key'] {
	border-bottom: double 3px #919191;
	}

/***   ENTRY   *********************************************************************************/
table.entryheadertable, table.entryprinttable {
	margin-top: 0px;
	font-size: 0.7em;
	width: 100%;
	border-collapse: collapse;
	}

table.entryheadertable th, table.entryprinttable th {	
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	font-weight: normal;
	padding: 2px;
	width: 120px;
	position: relative;
	}
	
table.entryheadertable td, table.entryprinttable td {
	color: #515151;
	//font-size: 0.9em;
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	text-align: left;
	padding: 2px;
	width: 265px;
	}
	
table.entryheadertable input[type=text], input[type=password] {
	width: 98%;
	}

table.entryheadertable input[type=text].id {
	width: 40%;
	}

table.entryheadertable input[type=text].code, table.entryheadertable input[type=text].code2 {
	width: 40%;
	}

table.entryheadertable input[type=text].date, table.entryheadertable input[type=text].yearmonth {
	width: 40%;
	}

table.entryheaertable input[type=text].name {
	width: 98%;
	}

table.entryheadertable input[type=text].name2, input[type=text].name2 {
	margin-left: 2px; 
	width: 54%;
	}

table.entryheadertable label {
	margin-left: 2px; 
	}

table.entryheadertable input[type=text].type {
	width: 20%;
	}

table.entryheadertable input[type=text].string20 {
	width: 40%;
	}

table.entryheadertable input[type=text].string50 {
	width: 98%;
	}

table.entryheadertable input[type=text].zipcode {
	width: 30%;
	}

table.entryheadertable input[type=text].telno {
	width: 40%;
	}

table.entryheadertable input[type=text].money {
	width: 40%;
	}

table.entryheadertable textarea, table.inputform textarea {
	width: 99%;
	}

//table.entryheadertable textarea {
//	margin: 0px;
//	padding: 0px;
//	height: 75px;
//	width: 655px; 
//	}

table#entrydetailtable {
	margin-top: 0px;
	font-size: 0.7em;
	width: 100%;
	border-collapse: collapse;
	}

table#entrydetailtable th {	
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	font-weight: normal;
	padding: 2px;
	height: 30px;
	cursor: default;
	}
	
table#entrydetailtable td {
	color: #515151;
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	text-align: center;
	padding: 2px;
	}

table#entrydetailtable th[field$='type'] {
	width: 50px;
	}
	
table#entrydetailtable th#extensionkeycode {
	width: 4%;
	cursor: pointer;
	}
	
table#entrydetailtable tr#footer td {	
	border-top: double 3px #919191;
	border-bottom: double 3px #919191;
	}
	
table#entrydetailtable td[mastervalid='false'] {
	background-color: #FF7777;
	}
	
table#entrydetailtable td.isbusinessflowitem {
	background-color: #E6B5DF;
	}
	
table#entrydetailtable input[type=text], input[type=password] {
	margin: 0px; 
	width: 93%;
	}

table#entrydetailtable input[field='extensionkeycode'] {
	width: 88%;
	}
	
table#entrydetailtable th#info {
	width: 80px; 
	}

table#entrydetailtable td#footerinfo {
	height: 24px;
	}

table#entrydetailtable td.info, table.gridtable td.info {
	padding: 0px;
	background-color: #FAEEFF; 
	color: #AA77CC;
	font-size: 0.8em;
	cursor: default;
	}

table#entrydetailtable th#rownumber {
	width: 10px;
	}
	
table#entrydetailtable td.rownumber {
	background-color: #EAEAEA;
	font-size: 0.7em;	
	}
	
div#footnotediv font {
	font-size: 0.6em;
	color: #515151;
	background-color: #F1F1F1;
	}

table#bodytable td {
	text-align: center;
	}

table#bodytable td.money, table#bodytable td.quantity, table#bodytable td.percentage, table#bodytable td#totalamount, table#bodytable td#totalquantity, table#bodytable td#totalpercentage {
	text-align: right;
	}

img.rowcommandbutton {
	position: absolute;
	}

img#addrowbutton, img#removerowbutton, img#copyrowbutton {
	width: 10px;
	height: 10px;
	}

img#addrowbutton {
	top: 1px;
	right: 2px;
	}
	
img#removerowbutton {
	bottom: 1px;
	right: 2px;
	}
	
img#copyrowbutton {
	top: 1px;
	right: 14px;
	}
	
img#moverowslider {
	width: 10px;
	height: 22px;
	left: 2px;
	top: 1px;
	}

input._internalitem, input._hasprogressiveprice {
	background-color: #D5FFF0;
	}

input._ratecalculatedprice {
	background-color: #DFFFD5;
	}

input._futureprice {
	background-color: #EBD5FF;
	}

/***   GRID   *********************************************************************************/
table#gridtable, table#gridheadertable {
	margin-top: 0px;
	font-size: 0.70em;
	width: 100%;
	border-collapse: collapse;
	}

table#gridtable th, table#gridheadertable th {	
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	font-weight: normal;
	padding: 2px;
	}

table#gridheadertable th {
	cursor: pointer;
	}
	
table#gridtable th {
	cursor: pointer;
	}

table#gridtable th.hiddenth, table#gridtable td.hiddentd, table#gridtable th.hiddenth1, table#gridtable td.hiddentd1 {	
	display: none;
	}

table#gridtable th[displaymode='0'] {
	background-color: #DADADA;
	}

table#gridtable td, table#gridheadertable td {
	color: dimgray;
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	text-align: center;
	padding: 2px;
	}

table#gridheadertable td {
	padding-top: 3px;
	text-align: left;
	}

table#gridtable input[type=text] {
	margin: 0px;
	width: 93%; 
	}

table#gridheadertable input[type=text] {
	width: 120px; 
	}

table#gridtable tr[status='insert'] td {
	background-color: #CCCCFF;
	}

table#gridtable tr[status='update'] td {
	background-color: #CCFFCC;
	}

table#gridtable input.selected, table#entrydetailtable input.selected {
	background-color: #CCCCFF;
	}

table#gridtable th#deleterow {
	cursor: default;
	width: 25px;
	color: #AA9999;
	}
	
table#gridtable td#deleterow {
	cursor: pointer;
	color: #AA9999;
	background-color: #FFEEF3;
	}
	
table#gridtable td#deleterow:hover {color: #777777;}

table#gridtable img#gridpreviousarrow {
	position: absolute;
	margin-top: -15px;
	left: 10%;
	cursor: pointer;
	}

table#gridtable img#gridnextarrow {
	position: absolute;
	margin-top: -15px;
	right: 10%;
	cursor: pointer;
	}

table#gridtable img#closebutton_pink {
	position: absolute;
	margin-top: -28px;
	right: 10%;
	//margin-left: 14px;
	cursor: pointer;
	}

table#gridtable th {
	position: relative;
	}
	
table#imageselector {
	font-size: 1em;
	visibility: hidden;
	display: none;				/* for IE */
	border-collapse: collapse;
	position: absolute;
	border: none;
	}

table#imageselector td {
	width: 10px;
	font-size: 0.75em;
	background-color: #E1E1E1;
	border: solid 3px #919191;
	padding: 3px;
	}
	
table#imageselector td#1 {
	color: yellow;
	}

/***   SUGGEST   *********************************************************************************/
table#suggest {
	margin-left: 5px;
	color: #717171;
	text-align: left;
	}

table#suggest th {
	font-size: 0.65em;
	width: 170px;
	font-weight: normal;
	background: none;
	padding: 0px;
	margin: 0px;
	color: navy;
	}

table#suggest td {
	font-size: 0.6em;
	width: 170px;
	padding: 0px;
	cursor: pointer;
	}

table#suggest td[soldforthiscustomer=true] {
	background-color: #FFF191;
	}

table#suggest td[purchasedforthissupplier=true] {
	background-color: #C1F1FF;
	}

table#suggest td[purchasedforthissupplier=special] {
	background-color: #EDD1E9;
	}

table#suggest td[stocked=true] {
	background-color: #C1FFC1;
	}

table#suggest td.selected, table.shortquestionanswertable td.selected {
	background-color: #E1E1E1;
	}

table#suggest td:hover {background-color: #E1E1E1;}

table#suggest font.suggestnextprevious {
	cursor: pointer;
	}

table#suggest font.suggestnextprevious:hover {
	background-color: #C1C1FF;
	}

table.printtable, table.detailprinttable, table.containeddetailprinttable {
	width: 100%;
	border-collapse: collapse;
	}

table.printtable {
	font-size: 0.7em;
	}

table.detailprinttable {
	font-size: 0.9em;
	//font-size: 0.65em;
	}

table.containeddetailprinttable {
	//font-size: 0.9em;
	}

table.printtable th, table.detailprinttable th {	
	border-right: solid 1px #919191;
	border-bottom: solid 1px #919191;
	font-weight: normal;
	padding: 3px;
	}

table.printtable th.detailcontained, table.printtable td.detailcontained {	
	padding: 0px;
	}

table.printtable td, table.detailprinttable td {
	min-height: 15px;
	text-align: left;
	padding: 3px;
	border-bottom: solid 1px #919191;
	border-right: solid 1px #919191;
	}

table.printtable td#buttontd, table.detailprinttable td#buttontd {
	border-right: none; 
	padding-left: 20px;
	}

table.printtable tr[oddoreven='odd'] td {
	background-color: #DAFFFF;
	}

table.printtable td.highlight, table.printtable tr[oddoreven='odd'] td.highlight {
	background-color: #CBE9F2;
	}

table.printtable td.special {
	background-color: #FAE3FF;
	}

table.printtable tr[oddoreven='odd'] td.special {
	background-color: #F7CFFF;
	}

tr.subtotalrow td, table.printtable tr[oddoreven='odd'].subtotalrow td {
	background-color: #F1D4FF;
	}

table.printtable tr.businessflow td {
	background-color: #F5E4F2;
	}

table.printtable tr.businessflow[oddoreven='odd'] td {
	background-color: #EDD1E9;
	}

table.printtable td.money, table.printtable td.quantity, table.printtable td.percentage, table.printtable td#totalamount, table.printtable td#totalquantity {
	text-align: right;
	}

table.printtable td.info, table.printtable tr[oddoreven='odd'] td.info {
	padding: 0px;
	background-color: #FAEEFF; 
	color: #AA77CC;
	font-size: 0.8em;
	cursor: default;
	}

tr#finaltotalrow td {
	text-align: right;
	background-color: #FFE793;
	}

div.xoverflowdiv {
	overflow-x: scroll;
	}
	
table.xsizefixed {
	width: 1120px;
	}
	
table.detailprinttable tr[oddoreven='even'] td, table.containeddetailprinttable tr[oddoreven='even'] td {
	background-color: #EDEDED;
	}

table.detailprinttable tr[oddoreven='odd'] td, table.containeddetailprinttable tr[oddoreven='odd'] td {
	background-color: #DADADA;
	}

table.detailprinttable, table.containeddetailprinttable {	
	//font-size: 1em;
	//table-layout: fixed;
	}

table.printtable th.detailcontained th, table.printtable td.detailcontained td {	
	border-bottom: none;
	}

tr#detailprinttablefootertr td {
	border-top: solid 1px #919191;
	}

table#footertable td.printfooterbottom, table#footertable th.printfooterbottom {	
	border-bottom: double 3px #919191;
	}

table#rangetable {
	margin: 0px 0px 5px 10px;
	border-collapse: collapse;
	font-size: 0.7em;
	//display: none; 
	}

table#rangetable th {	
	font-weight: normal;
	padding: 3px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

table#rangetable td {
	text-align: left;
	padding: 3px;
	}

table#rangetable td.rangename {
	cursor: pointer;
	}

table#rangetable input[type='text'] {
	width: 100px;
	font-size: 0.75em;
	}

font#onlyflagupdate {
	background-color: #C3FFAB;
	}
	
table#searchtable {
	margin: 0px 0px 5px 10px;
	font-size: 0.55em;
	border-collapse: collapse;
	}

table#searchtable td {
	text-align: left;
	padding: 3px;
	}

table#searchtable input[type='text'] {
	width: 70px; 
	height: 12px;
	font-size: 0.4em; 
	}

table#searchtable input[type='button'] {
	width: 60px; 
	height: 22px;
	font-size: 0.4em; 
	}

table#searchresulttable {
	background-color: #FBF3FB;
	font-size: 0.55em;
	width: 570px;
	border-collapse: collapse;
	}

table#searchresulttable td {
	text-align: left;
	padding: 3px;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	}

table#searchresulttable td.detail {
	background-color: #FBFBFB;
	padding: 1px;
	}

table#searchresulttable tr:hover {background-color: #E1E1E1;}

ul#footernavi {
	float: right;
	text-align: right;
	vertical-align: center;
	}

img#fullscreen {
	position: absolute;
	width: 15px;
	height: 15px;
	margin-top: 2px;
	margin-left: 2px;
	cursor: pointer;
	}

img#openverticalslide {
	position: fixed;
	width: 10px;
	height: 60px;
	top: 2px;
	left: 0px;
	cursor: pointer;
	}
	
img#okura_footer {
	float: right;
	height: 40px;
	width: 71px;
	}

img#excy_footer {
	height: 40px;
	width: 30px;
	}

img#dot1 {
	width: 8px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
	}

img#aboutexcy {
	margin: 20px 30px 0px 0px;
	}
	
img#thumb1 {
	width: 170px;
	height: 128px;
	}

li.footer a	{
	line-height: 40px;
	display: inline;
	color: white;
	padding-right: 10px;}

li.footer a:hover	{color: yellow;}

ul#sidenavi li	{
	text-align: left;
	cursor: pointer;
	font-size: 0.8em;
	padding: 5px;
	}

ul#sidenavi	a {
	text-decoration: none;
	//line-height: 20px;
	}


html>/**/body ul.sidenavi li	{
	border-bottom: solid 1px #919191;
	display: block;
	vertical-align: middle;
	}

*:first-child+html ul.sidenavi	li {
	border-bottom: solid 1px #919191;
	display: block;
	vertical-align: middle;
	}

ul#sidenavi	a:hover {color: black;}

ul#sidenavi	li:hover {
	background-color: #E1E1E1;
	background: -webkit-gradient(linear, left top, right bottom, from(#E1E1E1), to(#FAFAFA));
	}

ul.sidenavi_lv2 {
	border: none;
	text-indent: 10px;
	}

*:first-child+html ul.sidenavi_lv2 li {
	display: block;
	font-size: 0.9em;
	padding: 0px;
	width: 100%;
	line-height: 30px;
	}

ul.sidenavi_lv3 {
	text-indent: 15px;
	font-size: 0.8em;
	display: none;
	position: relative;
	}

ul.sidenavi_lv3 li {
	border-bottom: none;
	}

ul.sidenavi_lv3 li.lastli {
	border-bottom: solid 1px #919191;
	}

html>/**/body ul.sidenavi_lv3 li {
	border-bottom: none;
	}

html>/**/body ul.sidenavi_lv3 li.lastli {
	border-bottom: solid 1px #919191;
	}

li#recentprogram {
	background-color: #DAFFDA;
	}

ul#recentprogramul {
	background-color: #EDFFED;
	}

li#dailyoperation {
	//background-color: #FFDADA;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFDADA), to(rgba(255,218,218,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#FFDADA), to(#FFFAFA));
	}

ul#dailyoperationul li {
	background-color: #FFEDED;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFEDED), to(rgba(255,237,237,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#FFEDED), to(#FFFDFD));
	}

li#information {
	background-color: #EDDAFF;
	background: -webkit-gradient(linear, left top, right bottom, from(#EDDAFF), to(rgba(237,218,255,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#EDDAFF), to(#FAFAFF));
	}

ul#informationul li {
	background-color: #F5EDFF;
	background: -webkit-gradient(linear, left top, right bottom, from(#F5EDFF), to(rgba(245,237,255,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#F5EDFF), to(#FDFDFF));
	}

li#summary {
	background-color: #DADAFF;
	background: -webkit-gradient(linear, left top, right bottom, from(#DADAFF), to(rgba(218,218,255,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#DADAFF), to(#FAFAFF));
	}

ul#summaryul li {
	background-color: #EDEDFF;
	background: -webkit-gradient(linear, left top, right bottom, from(#EDEDFF), to(rgba(237,237,255,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#EDEDFF), to(#FDFDFF));
	}

li#workflow {
	background-color: #FFFFDA;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFFFDA), to(rgba(255,255,218,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#FFFFDA), to(#FFFFFA));
	}

ul#workflowul li {
	background-color: #FFFFED;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFFFED), to(rgba(255,255,237,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#FFFFED), to(#FFFFFD));
	}

li#groupware {
	background-color: #DAFFFF;
	background: -webkit-gradient(linear, left top, right bottom, from(#DAFFFF), to(rgba(218,255,255,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#DAFFFF), to(#FAFFFF));
	}

ul#groupwareul li {
	background-color: #EDFFFF;
	background: -webkit-gradient(linear, left top, right bottom, from(#EDFFFF), to(rgba(253,255,255,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#EDFFFF), to(#FDFFFF));
	}

li#sfacrm {
	background-color: #A5E6D2;
	background: -webkit-gradient(linear, left top, right bottom, from(#A5E6D2), to(rgba(165,230,210,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#A5E6D2), to(#FAFFFF));
	}

ul#sfacrmul li {
	background-color: #B9EDDD;
	background: -webkit-gradient(linear, left top, right bottom, from(#B9EDDD), to(rgba(185,237,221,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#B9EDDD), to(#FDFFFF));
	}

li#accounting {
	background-color: #DADADA;
	background: -webkit-gradient(linear, left top, right bottom, from(#DADADA), to(rgba(218,218,218,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#DADADA), to(#FAFAFA));
	}

ul#accountingul li {
	background-color: #EDEDED;
	background: -webkit-gradient(linear, left top, right bottom, from(#EDEDED), to(rgba(237,237,237,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#EDEDED), to(#FDFDFD));
	}

li#miscellaneous {
	background-color: #FFDAED;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFDAED), to(rgba(255,218,237,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#FFDAED), to(#FFFAFA));
	}

ul#miscellaneousul li {
	background-color: #FFEDEE;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFEDEE), to(rgba(255,237,238,0.1)));
	//background: -webkit-gradient(linear, left top, right bottom, from(#FFEDEE), to(#FFFDFD));
	}

li#blueli {
	background-color: #C2FFFF;
	}

p.message, p.additionalmessage {
	margin: 0px 0px 0px 3px;
	font-size: 0.7em;
	word-wrap: break-word;
	}
	
p#message {
	color: #515151;
	}

p#additionalmessage, p.additionalmessage {
	color: olive;
	}

p.additionalalertmessage {
	color: #FF5151;
	}

p#navigation {
	color: navy;
	}

p#alert {
	color: red;
	}

//div#right p	{
//	width: 100%;
//	}
	
div#belowmessage p	{
	width: 760px;
	}
			
p#originalmessage	{
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 640px; 
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.3;
	}
	
p#comingsoon {
	margin-top: 50px;
	text-align: center;
	font-size: 1.5em;
	}

p#rangeswitch {
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

font.highlightlink {
	cursor: pointer;
	background-color: #FFFFD1;
	}

font.highlightlink:hover {
	background-color: #FFFFA1;
	}

font.discountrate {
	margin-left: 3px;
	}
	
font.profitrate{
	margin-left: 3px;
	}
	
font.profitrate[evaluation='serious']{
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 0px 1px;
	}
	
font.profitrate[evaluation='harsh']{
	color: red;
	font-weight: bold;
	}
	
font.profitrate[evaluation='notgood']{
	color: red;
	}
	
font.profitrate[evaluation='good']{
	color: blue;
	}
	
font.profitrate[evaluation='excellent']{
	color: blue;
	font-weight: bold;
	}
	
@media print{
	.noprint {	
		display: none;
		}
	div#container, div#contents, div#contents_wide	{
		border: none;
		}
	h1 {
		border: none;
	}
	table#printtable {
		border-left: solid 1px #919191;
		border-right: solid 1px #919191;
		width: 950px;
	}
	div#controlpanel {
		border-left: solid 1px #919191;
		border-right: solid 1px #919191;
		width: 950px;
	}
	table#cartinfotable {
		border: solid 1px black;
		width: 950px;
		font-size: 1em;
		color: black;
	}
	table#cartinfotable th {
		border: solid 1px black;
		color: black;
	}
	table#cartinfotable td {
		border: solid 1px black;
		color: black;
	}
}

/*==   OKURA-NET       ========================================================*/
/*==   OKURA-NET       ========================================================*/
/*==   OKURA-NET       ========================================================*/

/*
ul#masterul {
	visibility: hidden;
	}

ul#masterlistul {
	visibility: hidden;
	}

li#masterli {
	visibility: hidden;
	}

li#masterlistli {
	visibility: hidden;
	}

*/

.opacitical, .pointer {
	cursor: pointer;
	}
	
[opacityflag='true']:hover, .opacitical:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

div.rightbarbutton {
	height: 50px;
	cursor: pointer;
	}
	
div.rightbarbutton p {
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	font-size: 0.8em;
	font-weight: bold;
	}

div#blankdiv {
	background: none;
 	height: 50px;
	}
	
/*==   Browser Info       ========================================================*/
div#browserinfo {
	padding: 5px 0px 5px;
	background-color: red;
	}

div#browserinfo p {
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	font-size: 0.6em;
	font-weight: bold;
	color: white;
	}
	
div#browserinfo a {
	color: white;
	}
	
div.message {
	text-align: left;
	margin: 3px 0px 3px 3px;
	font-size: 0.7em;
	word-wrap: break-word;
	color: #515151;
	}

div#resultstatusdiv {
	margin-top: 10px;
	margin-bottom: 5px;
	}

div#resultstatusdiv #resulttext {
	margin-left: 5px;
	}

div#resultstatusdiv #revoke {
	margin-left: 5px;
	}

div#messagearea {
	min-height: 250px;
	}
	
table#switchcontainerwidth, table#switchcontainerwidth2 {
	cursor: pointer;
	height: 100%;
	float: right;
	border-collapse: collapse;
	}

table#switchcontainerwidth td, table#switchcontainerwidth2 td {
	text-align: center;
	width: 5px;
	background-color: brown;
	color: red;
	font-size: 0.5em;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}
	
table#switchcontainerwidth2 td {
	background-color: darkbrown;
	color: red;
	}
	
table#loginuserinfo {
	margin: 0px;
	font-size: 0.7em;
	width: 220px;
	height: 60px;
	float: right;
	color: white;
	border: none;
	border-collapse: collapse;
	}
	
table#loginuserinfo td#first {
	height: 16px;
	width: 220px;
	padding-right: 10px;
	background-color: black;
	border: none;
	text-align: right;
	}

table#loginuserinfo td#loginout {
	width: 50px;
	cursor: pointer;
	padding-right: 10px;
	background-color: #515151;
	border: none;
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	}

table#loginuserinfo td#loginout:hover {color: lightgray;}	

table#loginuserinfo td#userinfo, table#loginuserinfo td#companyinfo {
	padding: 0px 10px 0px 0px;
	background-color: #515151;
	border: none;
	text-align: right;
	}

table#printtable th {
	cursor: pointer;
	}

table#printtable th[orderbystatus='ASC'] {
	background-color: #E1E1E9;
	}

table#printtable th[orderbystatus='DESC'] {
	background-color: #D1D1E9;
	}

font#changefromokura {
	margin-left: 5px;
	color: red;
	background-color: yellow;
	cursor: pointer;
	}

font#suggestdelete, font#suggestinfo {
	position: absolute;
	margin: 0px 0px 0px 5px;
	font-size: 0.6em;
	color: #AA9999;
	}

font#suggestdelete {
	cursor: pointer;
	}

font.forcetocomplete, font.forcetofill {
	position: absolute;
	margin: 0px 0px 0px 93px;
	font-size: 0.6em;
	color: #AA9999;
	cursor: pointer;
	}

img#headerimg {
	width: 700px;
	height: 60px;
	}

img#menuselected {
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 3px;
	}

#revoke, #revokequoterequest, #revokesamplebookrequest, font.revoke {
	background-color: yellow;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
	color: navy;
	}

p#message #revoke, p#message #revokequoterequest, p#message #revokesamplebookrequest, p#message font.revoke {
	margin: 5px 0px 5px 5px;
	}	

font.jumptosheetfont {
	margin: 5px 0px 5px 10px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
	}

font#jumptosheetfont1 {
	background-color: #8FFF9E;
	color: #288511;
	}

font#jumptosheetfont2 {
	background-color: #99CCFF;
	color: #0C4A87;
	}

/*==   PRINT       ========================================================*/
p.printfooter {
	margin: 0px;
	text-align: right;
	}

/*==   TOOLS       ========================================================*/
/*==   TOOLS       ========================================================*/
/*==   TOOLS       ========================================================*/

/*==   TWEET       ========================================================*/
div#tweetdiv {
	margin-top: 10px;
	text-align: center;
	}
	
p#tweetp {
	font-size: 0.7em;
	cursor: pointer;
	margin: 0px 0px 0px 3px;
	color: #33AADD;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

p#tweetbutton {
	font-size: 0.7em;
	cursor: pointer;
	width: 50px;
	margin: 0px;
	margin-left: 120px;
	text-align: center;
	background-color: #EEEEEE;
	color: #777777;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

div#tweetdiv p.progress {
	cursor: progress;
	}

div#tweetdiv textarea {
	font-size: 0.7em;
	width: 165px;
	}

table#tweetlist {
	font-size: 0.6em;
	text-align: left;
	color: #777777;
	width: 179px;
	}
	
table#tweetlist td {
	padding: 0px;
	cursor: pointer;
	word-wrap: break-word;
	word-break: break-all;
	position: relative;
	}

table#tweetlist td.progress {
	cursor: progress;
	}
	
table#tweetlist td[scope='private'][fromwho='other'] {
	background-color: #D6EFFF;
	//background-image: url('img/transparence_blue.png');
	}
	
table#tweetlist td[scope='private'][fromwho='me'] {
	background-image: url('img/transparence_skyblue.png');
	//background-color: #FAFAFF;
	//background-color: #FAFAEA;
	}
	
table#tweetlist td[scope='public'][fromwho='me'] {
	background-image: url('img/transparence_gray.png');
	//background-color: #FAFAFA;
	}
	
table#tweetlist td[tweet='tweet']:hover {background-color: #EEEEEE;}

table#tweetlist td font#posted {
	color: #CCCCCC;
	}
	
td#tweetmore {
	text-align: center;
	color: #CC7700;
	cursor: pointer;
	}

img.tweetprofilephoto {
	width: 28px;
	height: 28px;
	margin: 1px 3px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

img.unreadtweetmark {
	position: absolute;
	width: 12px;
	height: 12px;
	//top: 20%;
	//bottom: 20%;
	top: 2px;
	left: -6%;
	//right: 0%;
	}

img.partnerunreadtweet {
	width: 10px;
	height: 10px;
	top: 3px;
	left: -5%;
	}

img.normaltweet {
	width: 8px;
	height: 8px;
	top: 3px;
	left: -5%;
	}

font.deletetweet {
	color: #E7C7ED;
	}
	
font.deletetweet:hover {
	color: #9E74A6;
	}
	
/*==   CALENDAR       ========================================================*/
div#calendardiv {
	min-height: 175px;
	}

table#calendartable {
	table-layout: fixed;
	width: 100%;
	font-size: 0.6em;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

table#calendartable th#previousmonth, table#calendartable th#nextmonth, table#calendartable td[target='on'] {
	cursor: pointer;
	}

table#calendartable td {
	position: relative;
	padding: 5px 4px 5px;
	}

table#calendartable td[yobi='0'][targetmonth='true'][today='nottoday'] {
	background-color: #FFEEEE;
	}

table#calendartable td[yobi='6'][targetmonth='true'][today='nottoday'] {
	background-color: #EEEEFF;
	}

table#calendartable td[daytype='1'][targetmonth='true'][today='nottoday'] {
	background-color: #FFEEEE;
	}

table#calendartable td[targetmonth='false'] {
	border: solid 1px white;
	}

table#calendartable td[okurabusinessdaytype='0'][targetmonth='true'] {
	border: solid 1px #AAAAFF;
	}

table#calendartable td[today='today'] {
	background-color: #FFFFAA;
	}

table#calendartable td[targetmonth='false'] {
	color: #C2C2C2;
	}

table#calendartable td.dateenteredworkreport {
	font-weight: bold;
	color: #0B4D02;
	}

/*==   SCHEDULE       ========================================================*/
div#entryschedulediv {
	position: absolute;
	border: solid 1px #EEEEEE;
	background-color: #F1FFFF;
	width: 180px;
	min-height: 90px;
	text-align: left;
	}

div#modifyschedulediv {
	position: absolute;
	border: solid 1px #EEEEEE;
	background-color: #FFF1F1;
	width: 180px;
	min-height: 70px;
	text-align: left;
	}

p#postschedule {
	width: 70px;
	cursor: pointer;
	margin: 2px;
	font-size: 0.6em;
	color: #33AAAA;
	}

p#postscheduleascommon {
	width: 130px;
	cursor: pointer;
	margin: 2px;
	font-size: 0.6em;
	color: #33AA33;
	}

p#entryworkreport {
	width: 130px;
	cursor: pointer;
	margin: 2px;
	font-size: 0.6em;
	color: #A80000;
	}

p#schedule {
	width: 150px;
	cursor: pointer;
	margin: 2px;
	font-size: 0.6em;
	color: #AA3333;
	}

input.schedule {
	width: 150px;
	font-size: 0.6em;
	}

img.scheduleblueball, img.scheduleredball {	
	position: absolute;
	top: 65%;
	left: 35%;
	//margin-top: 11px;
	//margin-left: 2px;
	padding: 2px;
	}
	
font#delete {
	position: absolute;
	cursor: pointer;
	margin: 2px 0px 0px 155px;
	font-size: 0.6em;
	color: #AA9999;
	}

font#modify {
	position: absolute;
	cursor: pointer;
	margin: 2px 0px 0px 155px;
	font-size: 0.6em;
	color: #AA33AA;
	}

/*==   NEW ACOUNT       ========================================================*/
div#requestnewaccount {
	cursor: pointer;
	padding: 5px 0px 5px;
	background-color: #FFF1FF;
	margin-bottom: 0px;
	}

div#requestnewaccount p {
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	font-size: 0.7em;
	//font-weight: bold;
	color: #AA88AA;
	}
	
div#requestnewaccount a {
	text-decoration: none;
	}
	
div#requestnewaccount:hover {background-color: #FFEAFF;}

table#newaccountrequest tr {
	display: none;
	}

table#newaccountrequest td#thankyouforrequest {
	color: #0000AA;
	}

/*==   Social Button       ========================================================*/
.twitter-share-button {
	display: none;
	margin-left: 5px;
	vertical-align: 50%;
	}

#facebookbutton {
	display: none;
	margin-left: 5px;
	vertical-align: 20%;
	}
	
/*==   IN PROCESS       ========================================================*/
div#inprocessdiv {
	margin-top: 10px;
	font-size: 0.6em;
	text-align: left;
	color: #777777;
	}
	
table#inprocesstable {
	width: 160px;
	margin-left: 10px;
	}
	
table#inprocesstable td {
	cursor: pointer;
	padding: 0px;
	}
	
table#inprocesstable tr:hover td {
	background-color: #E1E1E1;
	}
	
/*==   BUDGET       ========================================================*/
div#budget {
	text-align: left;
	}
	
table#budgettable {
	table-layout: fixed;
	height: 25px;
	background-color: #FAFAFA;
	border: double 3px #E1E1E1;
	font-size: 0.6em;
	color: #777777;
	width: 100%;
	cursor: pointer;
	}
	
table#budgettable td {
	padding: 0px;
	}
	
table#budgettable td.budgetamount {
	text-align: center;
	}
	
table.budgetdetailtable {
	width: 200px;
	}
	
td[field='personactualamount'], td#companyactualcount, td#companyactualamount {
	text-align: right;
	}
	
div#budgetpopupformdiv {
	color: #515151;
	border: solid 1px #EEEEEE;
	background-color: #FAFAFA;
	width: 210px;
	min-height: 130px;
	text-align: left;
	}

div#budgetpopupformdiv p {
	font-weight: bold;
	}

/*==   RIGHTSWITCH       ========================================================*/
div.rightswitchdiv {
	font-size: 0.6em;
	text-align: left;
	}
	
table.rightswitchtable {
	height: 25px;
	width: 100%;
	}

table#autoitemupdateswitchtable {
	background-color: #FAFAAA;
	border: double 3px #DADA88;
	color: #888811;
	}

table#onlymineswitchtable {
	background-color: #FADAAA;
	border: double 3px #DABA88;
	color: #886811;
	}

table#privilegeswitchtable {
	background-color: red;
	border: double 3px darkred;
	color: white;
	font-weight: bold;
	}

table#recoveryentryswitchtable {
	background-color: red;
	border: double 3px darkred;
	color: white;
	font-weight: bold;
	}

table.rightswitchtable td {
	padding: 0px;
	}
	
table.rightswitchtable td.switchtd1 {
	width: 89px;
	}
	
table.rightswitchtable td.switchtd2 {
	width: 24px;
	}
	
table.rightswitchtable td.switchtd3 {
	width: 39px;
	}
	
/*==   UNPROCEESS       ========================================================*/
div#unprocessdiv, div.unprocessdiv, div#unfilldiv {
	font-size: 0.6em;
	}
	
div#unprocessdiv table, div.unprocessdiv table, div#unfilldiv table {
	width: 100%;
	}
	
div#unprocessdiv table td, div.unprocessdiv table td, div#unfilldiv table td {
	text-align: center;
	padding: 0px;
	cursor: pointer;
	}
	
table#unprocesstable, table.unprocesstable {
	height: 25px;
	background-color: #F1F1FF;
	border: double 3px #C1C1FA;
	color: #6161CA;
	}
	
table#unprocesstable[isany='true'], table.unprocesstable[isany='true'] {
	background-color: #AAAAFA;
	border: double 3px #8888DA;
	color: #3333AA;
	}
	
table#unprocesstable2, table.unprocesstable2 {
	border-collapse: collapse;
	}

table#unprocesstable2 td, table.unprocesstable2 td {
	}
	
table#unprocesstable2 td.unprocess2, table.unprocesstable2 td.bfunprocess2 {
	height: 20px;
	background-color: #DDDDFD;
	color: #6666CC;
	border-bottom: solid 1px #BBBBFA;
	}

table#unprocesstable2 td.unprocess3, table.unprocesstable2 td.bfunprocess3 {
	height: 16px;
	background-color: #FAFAFF;
	color: #6666CC;
	}

table#unprocesstable2 td:hover, table.unprocesstable2 td:hover {
	background-color: #BBBBFC;
	}

table#unfilltable {
	height: 25px;
	background-color: #FFF1F1;
	border: double 3px #FAC1C1;
	color: #CA6161;
	}
	
table#unfilltable[isany='true'] {
	background-color: #FAAAAA;
	border: double 3px #DA8888;
	color: #AA3333;
	}
	
table#unfilltable2 {
	border-collapse: collapse;
	}

table#unfilltable2 td.unfill2 {
	height: 20px;
	background-color: #FDDDDD;
	color: #CC6666;
	border-bottom: solid 1px #FABBBB;
	}

table#unfilltable2 td.unfill3 {
	height: 16px;
	background-color: #FFFAFA;
	color: #CC6666;
	}

table#unfilltable2 td:hover {
	background-color: #FCBBBB;
	}

table#bfunprocesstable {
	background-color: #FFF1FF;
	border: double 3px #FAC1FA;
	color: #CA6161;
	}
	
table#bfunprocesstable[isany='true'] {
	background-color: #FAAAFA;
	border: double 3px #DA88DA;
	color: #AA33AA;
	}
	
table#bfunprocesstable2 td.bfunprocess2 {
	background-color: #FDDDFD;
	color: #CC66CC;
	border-bottom: solid 1px #FABBFA;
	}

table#bfunprocesstable2 td.bfunprocess3 {
	background-color: #FFFAFF;
	color: #CC66CC;
	}

table#bfunprocesstable2 td:hover {
	background-color: #FCBBFC;
	}

div.mergercheckboxdiv {
	position: absolute;
	margin-left: 162px;
	background: none;
	margin-top: 1px;
	}
	
div.mergercheckboxdiv input {
	margin: 0px;
	padding: 0px;
	}
	
/*==   POPUP INFO       ========================================================*/
div.popupdiv {
	position: absolute;
	min-width: 270px;
	max-width: 330px;
	min-height: 70px;
	text-align: left;
	}

div.popupdiv2 {
	position: relative;
	min-width: 240px;
	min-height: 70px;
	text-align: left;
	}

div.popupdiv {
	border: solid 1px #EEEAFA;
	background-color: #FAEEFF;
	}

div.popupdiv {
	color: #AA77CC;
	}

div.headerpopupdiv {
	border: solid 1px #C1C1C1;
	background-color: #EBEBE4;
	}

div.headerpopupdiv table {
	color: black;
	}

table.popuptable, table.popupformtable {
	font-size: 0.7em;
	width: 100%;
	}

table.popuptable td, table.popupformtable td {
	padding: 0px;
	}

table#entrydetailinfofootertable {
	margin-top: 10px;
	}

div.popupformdiv {
	position: absolute;
	border: solid 1px #EEEEEE;
	background-color: #FFF1F1;
	min-width: 180px;
	min-height: 70px;
	text-align: left;
	}

div.popupformdiv p {
	margin: 0px;
	font-size: 0.7em;
	}

table.popupformtable td {
	cursor: pointer;
	}

table.popupformtable td {
	min-width: 230px;
	}

table.popupformtable tr[hover='on']:hover td {
	background-color: #E1E1E1;
	}

textarea.popupformtextarea {
	width: 230px;
	height: 80px;
	font-size: 0.7em;
	display: block;
	}

td#updatepopupinfo {
	text-align: right;
	color: #919191;
	}

td#updatepopupinfo:hover {
	color: #915191;
	}

/*==   DIRECT CONTACT       ========================================================*/
div.directcontactdiv {
	text-align: left;
	}

div.directcontactdivbreak {
	clear: both;
	}

div.directcontactdiv img {
	float: left;
	width: 36px;
	height: 36px;
	margin: 0px 5px 5px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

p.profile {
	margin: 0px;
	padding: 0px;
	color: #555555;
	font-size: 0.65em;
	}
	
table.profiletable {
	line-height: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 130px;
	border-collapse: collapse;
	}

table.profiletable td {
	margin: 0px;
	padding: 0px;
	color: #555555;
	font-size: 0.65em;
	}

table.profiletable td.repemailaddress {
	width: 38px;
	}

img.repphoto {
	cursor: pointer;
	}

table.profiletable td.profilestatus {
	padding-top: 5px;
	font-weight: bold;
	}

table.profiletable td.profilestatus[actiontype='1'], td.memberstatus[actiontype='1'] {
	color: blue;
	}

table.profiletable td.profilestatus[actiontype='2'], td.memberstatus[actiontype='2'] {
	color: purple;
	}

table.profiletable td.profilestatus[actiontype='3'], td.memberstatus[actiontype='3'] {
	color: red;
	}

table.profiletable td.profilestatus[actiontype='4'], td.memberstatus[actiontype='4'] {
	color: pink;
	}

table.profiletable td.profilestatus[actiontype='5'], td.memberstatus[actiontype='5'] {
	color: orange;
	}

table.profiletable td.profilestatus[actiontype='6'], td.memberstatus[actiontype='6'] {
	color: green;
	}

table.profiletable td.profilestatus[actiontype='7'], td.memberstatus[actiontype='7'] {
	color: cyan;
	}

table.profiletable td.directmessage {
	padding-top: 5px;
	font-weight: bold;
	}

/*==   MEMBER LIST       ========================================================*/
p#memberlistp {
	font-size: 0.7em;
	cursor: pointer;
	margin: 2px 0px 0px 3px;
	color: #FF40C2;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}
	
div#memberlistdiv p.progress {
	cursor: progress;
	}
	
div#memberlistarea {
	text-align: left;
	}

table#memberlisttable {
	line-height: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	}

table#memberlisttable td {
	margin: 0px;
	padding: 0px;
	font-size: 0.65em;
	}

td.membername {
	color: #555555;
	height: 10px;
	}

td.memberphoto {
	width: 27px;
	color: #555555;
	position: relative;
	}

img.memberphoto {
	width: 24px;
	height: 24px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 10px;
	//margin: 0px 3px 5px 10px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

td.memberstatus {
	text-indent: 5px;
	font-weight: bold;
	cursor: pointer;
	}

td.birthdayinfo {
	text-align: center;
	color: #70CCC1;
	vertical-align: top;
	height: 20px;
	}

img.memberinprocess {
	position: absolute;
	width: 8px;
	height: 8px;
	top: 9px;
	}
	
/*==   SUMMARY       ========================================================*/
table.summarytable {
	cursor: pointer;
	}

table.summarytable td {
	//vertical-align: top;
	}
	
table.summarytable tr:hover td {
	background-color: #E1E1E1;
	}
		
table#detailtable tr[oddoreven='even'] td {
	background-color: #EDEDED;
	}

table#detailtable tr[oddoreven='odd'] td {
	background-color: #DADADA;
	}
	
table#moredetailtable tr[oddoreven='even'] td {
	background-color: #FFFFFA;
	}

table#moredetailtable tr[oddoreven='odd'] td {
	background-color: #FFFFE1;
	}
	
table#summarytypetable, table.rectangleoptiontable {
	border-collapse: separate;
	border-spacing: 10px 2px;
	margin-top: 5px;
	margin-left: 5px;
	}
	
table#summarytypetable td, table.rectangleoptiontable td {
	padding: 7px;
	width: 90px;
	font-size: 0.7em;
	background-color: #F1F1FF;
	cursor: pointer;
	border: solid 1px #FFFFFF;
	position: relative;
	}
	
table#summarytypetable td.selected, table.rectangleoptiontable td.selected {
	font-weight: bold;
	background-color: #D1D1FF;
	border: solid 1px #A1A1FF;
	}

table#summarytypetable td:hover, table.rectangleoptiontable td:hover {
	background-color: #C1C1FF;
	}

img.selector_left, img.selector_right {
	width: 9px;
	height: 9px;
	margin-left: 4px;
	cursor: pointer;
	}
	
img.selector_up, img.selector_down {
	width: 8px;
	height: 8px;
	cursor: pointer;
	position: absolute;
	}

img.selector_up {
	margin-left: 4px;
	margin-top: 1px;
	}
		
img.selector_down {
	margin-left: 4px;
	margin-top: 12px;
	}
		
table#entrydetailtable img.selector_up {
	margin-left: 0px;
	margin-top: -1px;
	}
		
table#entrydetailtable img.selector_down {
	margin-left: 0px;
	margin-top: 10px;
	}

table#gridheadertable input#summaryfrommonth {
	margin-left: 10px;
	width: 80px;
	}
	
/*==   APPROVAL BOX       ========================================================*/
table.approvaltable [field='approvalstatus'] {
	text-align: center;
	}

table.approvaltable td.button {
	text-align: center;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

table.approvaltable td.submitbutton[onoff='off'] {
	color: #FFFFFF;
	background-color: #FAFAFF;
	}

table.approvaltable td.submitbutton[onoff='on'] {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #1111FF;
	}

table.approvaltable td.submitbutton[onoff='on']:hover {
	background-color: #5151FF;
	}

table.approvaltable td.submitbackbutton[onoff='off'], table.approvaltable td.approvebackbutton[onoff='off'] {
	color: #F1F1F1;
	background-color: #FFFFE1;
	}

table.approvaltable td.submitbackbutton[onoff='on'], table.approvaltable td.approvebackbutton[onoff='on'] {
	cursor: pointer;
	color: #515151;
	background-color: #FFFF11;
	}

table.approvaltable td.submitbackbutton[onoff='on']:hover, table.approvaltable td.approvebackbutton[onoff='on']:hover {
	background-color: #FFFFA1;
	}

table.approvaltable td.approvebutton[onoff='off'] {
	color: #FFFFFF;
	background-color: #FCFAFF;
	}

table.approvaltable td.approvebutton[onoff='on'] {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #A111FF;
	}

table.approvaltable td.approvebutton[onoff='on']:hover {
	background-color: #B151FF;
	}

table.approvaltable td.disapprovebutton[onoff='off'] {
	color: #FFFFFF;
	background-color: #FFFAFA;
	}

table.approvaltable td.disapprovebutton[onoff='on'] {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #FF1111;
	}

table.approvaltable td.disapprovebutton[onoff='on']:hover {
	background-color: #FF5151;
	}

table.approvaltable {
	cursor: pointer;
	}

//table.approvaltable tr:hover td {
//	background-color: #E1E1E1;
//	}

font.menutotalcount {
	font-size: 0.85em;
	}
	
/*==   CHART       ========================================================*/
div#chartcontainer {
	margin-bottom: 20px;
	}
	
div.floorheaderdiv {
	height: 40px;
	//height: 100%;
	cursor: pointer;
	}

div.floorheaderdiv:hover {
	background-color: #E1E1E1;
	}
	
div.chartdiv {
	border-bottom: solid 1px #919191;
	}
	
p.floorname {
	line-height: 40px;
	margin: 0px;
	margin-left: 15px;
	//margin-bottom: 10px;
	}
	
div.floordiv {
	padding: 10px;
	margin: 10px 0px 20px;
	margin-left: 30px;
	border: solid 1px #919191;
	position: relative;
	}

div.floorobjectdiv {
	position: absolute;
	font-size: 0.7em;
	border: solid 1px #919191;
	}

div.floorobjectdiv[objecttype='0'], div.floorobjectdiv[objecttype='1'] {
	cursor: pointer;
	}

div.floorobjectdiv[objecttype='0']:hover, div.floorobjectdiv[objecttype='1']:hover {
	background-color: #E1E1E1;
	}

div.floorobjectdiv[actiontype='0'] {
	background-color: #D1D1D1;
	}

div.floorobjectdiv[actiontype='1'] {
	background-color: #D1D1FF;
	}

div.floorobjectdiv[actiontype='2'] {
	background-color: #D1A1FF;
	}

div.floorobjectdiv[actiontype='3'] {
	background-color: #FF5151;
	}

div.floorobjectdiv[actiontype='4'] {
	background-color: #FFC0CB;
	}

div.floorobjectdiv[actiontype='5'] {
	background-color: #FFF1D1;
	}

div.floorobjectdiv[actiontype='6'] {
	background-color: #D1FFD1;
	}

div.floorobjectdiv[actiontype='7'] {
	background-color: #D1FFFF;
	}

div.floorobjectdiv[actiontype='9'] {
	background-color: #C1C1C1;
	}

div.floorobjectdiv[amountlevel='5'] {
	background-color: #FF0000;
	}

div.floorobjectdiv[amountlevel='4'] {
	background-color: #FF4444;
	}

div.floorobjectdiv[amountlevel='3'] {
	background-color: #FF9999;
	}

div.floorobjectdiv[amountlevel='2'] {
	background-color: #FFCCCC;
	}

div.floorobjectdiv[amountlevel='1'] {
	background-color: #FFEEEE;
	}

div.chartpopup, div.detailpopup {
	border: solid 1px #EEEAFA;
	background-color: #FAEEFF;
	}

table.popuptable th {
	background: none;
	font-weight: normal;
	padding: 0px;
	text-align: center;
	}
	
table.chartpopuptable, table.detailpopuptable, div.popupdiv p {
	color: #AA77CC;
	}

table.chartpopuptable th, table.detailpopuptable th {
	color: #AA99CC;
	}

table#inventorypopuptable {
	width: 100%;
	//min-width: 320px;
	}

div#inventorypopupform {
	width: 350px;
	}

div.popupdiv p {
	margin: 0px;
	font-size: 0.7em;
	}

table.chartpopupformtable td[colspan='2'] {
	min-width: 170px;
	}

table.chartpopupformtable a {
	text-decoration: none;
	}

table.chartpopupformtable th {
	color: #919191;
	}

table.chartpopupformtable td {
	cursor: pointer;
	color: #515151;
	}

table.chartpopupformtable td.changestatus {
	color: #919191;
	}

table.chartpopupformtable tr[hover='on']:hover td {
	background-color: #E1E1E1;
	}

table#inventorypopupformtable, table#inventorydetailtable {
	width: 350px;
	border-collapse: collapse;
	}

table#inventorypopupformtable td, table#inventorydetailtable td {
	padding: 1px;
	}

table#inventorydetailtable th {
	background-color: #DACCDD;
	}
	
table#inventorydetailtable tr[oddoreven='odd'] td {
	background-color: #EADDEE;
	}
	
table#inventorydetailtable tr[oddoreven='even'] td {
	background-color: #DACCDD;
	}

table#inventorydetailtable tr[hover='on']:hover td {
	background-color: #E1E1E1;
	}

img#inventorymoverimg {
	position: absolute;
	}

img#inventorymoverimg {
	position: absolute;
	}
	
div#inventorymover {
	display: inline;
	border: solid 1px #EEEEEE;
	position: absolute;
	left: 255px;
	width: 20px;
	height: 10px;
	}
	
input.popupinput {
	font-size: 0.6em;
	width: 120px;
	}

/*==   DATA IMPORT       ========================================================*/
div#dropboxdiv {
	margin: 20px;
	height: 200px;
	background-color: #E1E1FF;
	}
	
p#dropbox_explanation {
	margin: 0px;
	line-height: 200px;
	text-align: center;
	vertical-align: center;
	}

table#gridtable th#result {
	width: 80px;
	}

table#gridtable th#importrow {
	cursor: default;
	width: 25px;
	color: #9999AA;
	}
	
table#gridtable td#importrow {
	cursor: pointer;
	color: #9999AA;
	background-color: #EEF3FF;
	}
	
table#gridtable td#importrow:hover {color: #777777;}

/*==   HELP       ========================================================*/
img.helpicon, img.companyhelpicon {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	//z-index: 2;
	}

div#helppopupformdiv {
	color: #515151;
	border: solid 1px #EEEEEE;
	background-color: #FAFF8F;
	width: 410px;
	min-height: 130px;
	text-align: left;
	}

div#helppopupformdiv[helpmode='Company'] {
	background-color: #FFE98F;
	}

div#helppopupformdiv font {
	cursor: pointer;
	margin: 0px 0px 0px 380px;
	font-size: 0.6em;
	color: #AA9999;
	}

div#helppopupformdiv font.modifyhelp {
	margin: 0px 0px 0px 350px;
	}

div#helppopupformdiv font.deletehelp {
	margin: 0px 0px 0px 10px;
	}

div#helppopupformdiv font.updatehelp {
	margin: 0px 0px 0px 325px;
	}

div#helppopupformdiv font.cancelmodify {
	margin: 0px 0px 0px 10px;
	}

div#helppopupformdiv font.insertcompanyhelp {
	margin: 0px 0px 0px 325px;
	}

div#helppopupformdiv font.cancelpostnewcompanyhelp {
	margin: 0px 0px 0px 10px;
	}

div#helppopupformdiv font#specialmodifyhelp {
	display: block;
	}

div#helppopupformdiv font.postnewcompanyhelp {
	display: block;
	margin: 0px 0px 0px 0px;
	}

textarea.helpmodifytextarea {
	width: 400px;
	height: 100px;
	font-size: 0.7em;
	display: block;
	}

p#helpregistrationmode, p#companyhelpregistrationmode {
	padding-left: 3px;
	font-size: 0.7em;
	cursor: pointer;
	margin: 0px;
	color: #DDDD55;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

p#companyhelpregistrationmode {
	color: #FFC53D;
	}
	
/*==   DIALOG       ========================================================*/
div#dialogdiv {
	background-color: white;
	display: none;
	position: absolute;
	min-width: 200px;
	min-height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

div#dialogcontentdiv {
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	}
	
div#dialogdiv p {
	text-align: center;
	}

div#dialogdiv p.answer {
	cursor: pointer;
	display: block;
	margin: 10px 250px 10px;
	}
	
div#dialogdiv p.answer:hover {
	color: yellow;
	}

div#dialogdiv p.answer.selected {
	color: yellow;
	}

table.confirmationtable {
	font-size: 0.9em;
	}

table.confirmationtable th {
	font-weight: normal;
	background: none;
	background-color: #F0F2B8;
	}

table.confirmationtable td {
	text-align: center;
	width: 200px;
	font-weight: bold;
	background-color: #FBFFC9;
	}

/*==   BATCH       ========================================================*/
table#printtable th#executebyrow, table#gridtable th#executebyrow {
	cursor: default;
	width: 40px;
	color: #991111;
	}
	
table#printtable td[field='executebyrow'], table#gridtable td[field='executebyrow'] {
	text-align: center;
	cursor: pointer;
	color: #991111;
	background-color: #E1E1E1;
	}
	
table#printtable td[field='executebyrow']:hover, table#gridtable td[field='executebyrow']:hover {
	background-color: #E1C1D1;
	}

table#printtable th#skip, table#gridtable th#skip {
	cursor: default;
	width: 40px;
	color: #111199;
	}
	
table#printtable td[field='skip'], table#gridtable td[field='skip'] {
	text-align: center;
	cursor: pointer;
	color: #111199;
	background-color: #E1E1E1;
	}
	
table#printtable td[field='skip'][skip='yes'], table#gridtable td[field='skip'][skip='yes'] {
	background-color: #A1A1E1;
	}
	
table#printtable td[field='skip']:hover, table#gridtable td[field='skip']:hover {
	background-color: #D1C1E1;
	}

table#printtable th#count, table#gridtable th#count {
	width: 80px;
	}

table#printtable td.count, table#gridtable td.count {
	text-align: center;
	}

table#printtable th#result, table#gridtable th#result {
	width: 120px;
	}

table#printtable td[field='result'], table#gridtable td[field='result'] {
	text-align: center;
	}

/*==   DIRECT JUMP       ========================================================*/
div#directjumpdiv {
	position: absolute;
	text-align: right;
	right: 7px;
	top: 38px;
	background: none;
	line-height: 0.9em;
	}

a.directjumpa {
	text-decoration: none;
	text-align: right;
	font-size: 0.65em;
	color: #719151;
	background-color: #EAFFEA;
	}

a.directjumpa:hover {
	color: #D1D131;
	//background-color: #AACCAA;
	}	

table.printtable td.id, table.entryprinttable td.id {
	cursor: pointer;
	}
	
table.printtable td.id:hover, table.entryprinttable td.id:hover, table#detailtable td.id:hover {
	background-color: #C1C1FF;
	}
		
table.printtable td.code, table.entryprinttable td.code {
	cursor: pointer;
	}
	
table.printtable td.code:hover, table.entryprinttable td.code:hover, table#printtable td.code:hover, table#detailtable td.code:hover, table.containeddetailprinttable td.code:hover, tr[oddoreven='odd'] td.code:hover{
	background-color: #C1C1FF;
	}

div#extendeddirectjumpdiv {
	padding: 0px;
	position: absolute;
	right: 9px;
	top: 13px;
	background: none;
	line-height: 0.9em;
	text-align: right;
	z-index: 3;
	}

img#extendeddirectjump {
	width: 12px;
	height: 8px;
	position: absolute;
	top: 13px;
	right: 9px;
	z-index: 2;
	}
	
/*==   MAINTENANCE       ========================================================*/
div#undermaintenancediv {
	position: absolute;
	background-color: white;
	width: 950px;
	text-align: center;
	z-index: 5;
	}

div#undermaintenancediv p {
	text-align: center;
	padding-left: 150px;
	padding-right: 150px;
	}

div#undermaintenancediv a {
	font-size: 0.75em;
	}

/*==   SHORTQUESTION       ========================================================*/
div.shortquestiondiv {
	//background-color: white;
	width: 100%;
	color: #515151;
	}

p.shortquestion {
	font-size: 0.7em;
	margin: 1px 0px 1px 2px;
	background-color: #F5F5FF;
	}

table.shortquestionanswertable {
	margin-left: 5px;
	}
	
td.shortquestionanswertd {
	background-color: #F5F5FF;
	font-size: 0.7em;
	text-align: left;
	padding: 0px;
	cursor: pointer;
	}

td.shortquestionanswertd:hover {
	background-color: #E1E1E1;
	}

/*==   PALETTE       ========================================================*/
div#palettecontainer {
	margin-bottom: 20px;
	}

div.paletteheader, div.paletteheader_initial {
	height: 40px;
	cursor: pointer;
	text-align: left;
	}

div.paletteheader[level='2nd'], div.paletteheader_initial[level='2nd'] {
	height: 35px;
	background-color: #F1F1FF;
	text-indent: 10px;
	}

div.paletteheader:hover {
	background-color: #E1E1E1;
	}
	
div.palette {
	border-bottom: solid 1px #919191;
	}
	
div.palette[level='2nd'] {
	border-top: solid 1px #919191;
	border-bottom: none;
	}
	
p.palettecaption {
	display: inline;
	line-height: 40px;
	margin: 0px;
	margin-left: 15px;
	}

/*==   NOTIFICATION       ========================================================*/
div#notification {
	}
	
table#notificationtable {
	height: 35px;
	width: 100%;
	background-color: #FAFAAA;
	border: double 3px #DADA88;
	color: #444411;
	table-layout: auto;
	}
	
table#notificationtable td {
	text-align: left;
	font-size: 0.7em;
	vertical-align: middle;
	padding: 2px 5px;
	}
	
input[type='checkbox'] {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	}

/*==   PROFILE && PHOTOS       ========================================================*/
img.photo_small {
	width: 28px;
	height: 28px;
	}

img.profilephoto {
	cursor: pointer;
	}

img.suggestphoto {
	position: absolute;
	right: 5px;
	//margin: 0px 0px 0px -17px;
	width: 15px;
	height: 15px;
	}
	
img.itemthumbphoto {
	margin: 0px 2px 0px 0px;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	}

img.stockinformationimage {
	position: absolute;
	right: 5px;
	//margin: 0px 0px 0px -17px;
	width: 13px;
	height: 13px;
	}
	
/*==   PHOTO MANAGEMENT (DROPBOX)       ========================================================*/
span.photo {
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 6px;
	}

img.photo {
	}	
	
div.dropbox {
	height: 50px;
	width: 50px;
	background-color: #CBF2F7;
	font-size: 0.9em;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	color: #3D9CA8;
	float: left;
	left: 2%;
	}

div.dropbox[active='notactive'] {
	background-color: #EFEFEF;
	color: #DBDBDB;
	}

div.dropbox div {
	border: dashed 1px #3D9CA8;
	height: 48px;
	width: 48px;
	}

div.dropbox[active='notactive'] div {
	border: dashed 1px #DBDBDB;
	}

img.removephotobutton {
	position: absolute;
	right: 0%;
	}

.droppedimage {
	margin-left: 5px;
	}

font.uploaddroppedimage {
	margin-left: 5px;
	background-color: #C3FFAB;
	vertical-align: top;
	}

img.deleteball {
	position: absolute;
	width: 12px;
	height: 12px;
	right: -8px;
	//margin: 0px 0px 0px 87px;
	z-index: 999;
	//right: -9px;
	}

img.cloneimg {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

/*==   SCREEN CONDITIONS       ========================================================*/
div#conditioncontroldiv {
	position: absolute;
	right: 10px;
	}

span#saveconditions {
	color: #6C9BBA;
	font-size: 0.7em;
	}

div#conditionnamediv {
	position: absolute;
	top: 18px;
	right: 6px;
	z-index: 2;
	}
	
input#conditionname {
	height: 12px;
	font-size: 0.7em;
	width: 150px;
	}

img.commitbutton, img.cancelbutton {
	margin-left: 3px;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	}

img.openslider {
	width: 12px;
	height: 8px;
	vertical-align: middle;
	margin-right: 5px;
	}

div#savedscreenconditionlist {
	padding-right: 12px;
	position: absolute;
	right: 137px;
	top: 8px;
	background: none;
	line-height: 0.9em;
	text-align: right;
	min-width: 200px;
	min-height: 50px;
	z-index: 3;
	}

div#savedscreenconditionlist span {
	cursor: pointer;
	}
	
span.screencondition {
	font-size: 0.7em;
	color: #6C9BBA;
	background-color: #E9F0F5;
	}

span.screencondition:hover {
	color: #91D6ED;
	}	

span.deletescreencondition {
	font-size: 0.65em;
	color: lightgray;
	margin-right: 5px;
	}
	
span.deletescreencondition:hover {
	color: yellow;
	}	

span.publishscreencondition {
	font-size: 0.65em;
	color: lightgray;
	margin-right: 5px;
	}
	
span.publishscreencondition:hover {
	color: #F745BF;
	}	

/*==   OTHERS       ========================================================*/
font.requiredmark {
	color: red;
	cursor: default;
	}

font.partiallyrequiredmark {
	color: blue;
	//color: #FF40BC;
	cursor: default;
	}

font#changebackgroundimage, span#sound {
	float: left;
	margin-right: 5px;
	color: #919191;
	}
	
font#changebackgroundimage, font#changesoundmode {
	cursor: pointer;
	}

font.shortcutkeyinformation {
	position: absolute;
	color: #B1B1B1;
	bottom: -1px;
	right: 2px;
	font-size: 0.7em;
	cursor: default;
	}

font.kanaindex {
	position: absolute;
	color: #B1B1B1;
	top: 0px;
	left: 1px;
	font-size: 0.7em;
	cursor: default;
	}

img.volumecontrol {
	margin-left: 1px;
	}

img.menuicon {
	position: absolute;
	left: 4px;
	margin-top: 7px;
	width: 12px;
	height: 12px;
	}

span.optionspan {
	cursor: pointer;
	background-color: #F1F1FF;
	padding: 2px 5px;
	margin-left: 3px;
	line-height: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #FFFFFF;
	}

span.optionspan[choiced='choiced'] {
	background-color: #D1D1FF;
	border: solid 1px #A1A1FF;
	}

span.optionspan:hover {
	background-color: #C1C1FF;
	}

span.optionspan:first-of-type {
	margin-left: 5px;
	}

img#colorpicker {
	position: absolute;
	width: 11px;
	height: 11px;
	left: 2px;
	top: 2px;
	}
	
div#colorpickerdiv {
	position: absolute;
	left: -10px;
	top: -10px;
	width: 260px;
	height: 260px;
	padding: 15px;
	background: none;
	z-index: 3;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

div#colorpickerdiv span {
	position: absolute;
	right: 10px;
	background-color: darkgray;
	color: white;
	}

div#colorpickerdiv span:hover {
	color: black;
	}
	
div#colorpickerdiv span#allorthispage {
	top: 37px;
	}
			
div#colorpickerdiv span#setcolortobackground {
	}
			
div#colorpickerdiv span#setcolortofont {
	bottom: 25px;
	}
	
div#colorpickerdiv span#clearsetcolor {
	bottom: 47px;
	}

img.lockpin {
	width: 10px;
	height: 20px;
	}

img.generallockpin {
	margin-left: 15px;
	}

td.code img.generallockpin {
	position: absolute;
	right: 3%;
	}
	
img#datelockpin {
	margin-left: 15px;
	}
	
img#messagelockpin {
	position: absolute;
	margin-left: 5px;
	}

img#showsidegadget {
	position: absolute;
	margin-top: 25px;
	margin-left: 3px;
	width: 12px;
	height: 12px;
	}

div.shadowtext {
	position: absolute;
	color: gray;
	overflow: hidden;
	white-space: nowrap;
	//right: 5%;
	vertical-align: middle;
	margin-top: 2px;
	//top: 20%;
	//top: 4px;
	text-align: left;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	}

div#loginuserinformation {
	font-size: 0.65em;
	background-color: black;
	color: white;
	border: none;
	}
	
div#loginuserinformation img {
	width: 35px;
	height: 35px;
	padding: 2px;
	}
	
div#loginuserinformation td {
	text-align: left;
	padding: 0px;
	line-height: 11px;
	}
	
div#loginuserinformation td.loginuserinformationcaptiontd {
	padding-top: 0px;
	}

div#loginuserinformation td.explanation {
	padding-left: 25px;
	}

img#menuicononinfo {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	}
		
/*==   The Final Line (Description that you want to apply the last. )     ========================================================*/
.progress, div.progress, p.progress, td.progress, img.progress, div#unprocessdiv table td.progress, div.unprocessdiv table td.progress, div#unfilldiv table td.progress {
	cursor: progress;
	}
	
table th.norightborder, table td.norightborder, table.generaltable td.norightborder, table.inputform td.norightborder, table.entryheadertable td.norightborder, table#gridheadertable td.norightborder {
	border-right: none;
	}
		
/*==   Temporary Work Space (The code should be moved to the respective html file.)     ========================================================*/